NEX-Forms Documentation

Documentation & Tutorials for NEX-Forms version 8.0 and above

Docs » Multi-step Forms » Breadcrumb Setup

Breadcrumb Setup

The multi-step breadcrumb in NEX-Forms is a visual navigation tool that helps users track their progress through a multi-step form. It displays each step as a "breadcrumb" in a sequence, showing where the user currently is and how many steps remain. This feature enhances user experience by providing a clear, structured path, helping users feel more at ease with longer forms by making each step easily navigable and visually accessible. This article will teach you how to setup your multi-step form breadcrumb.

In this Article

How to Edit the Multi-step Breadcrumd
Breadcrumb Setup

How to Edit the Multi-step Breadcrumd

Edit or Create a new multi-step form.
CLICK on the Multistep Settings.
Click on on the "BREADCRUMB" Tab from the Multi-step Settings panel.
This will give you the breadcrumb settings and styling options

Breadcrumb Setup

In this article section you will learn how to use the breadcrumb settings. The table below shows all Breadcrumb settings and what their functions are with actual form examples.

Breadcrumb settings list:

Setting	Function & Examples
Add Breadcrumb	Choose to have or not to have a breadcrumb for your multi-step form.
Add a breadcrumb	Example of a Mutli-step Form with a breadcrumb. Thank you for connecting with us. We will respond to you shortly. 1 1 1 1 2 2 3 3 0% https://basixonline.net/wp-content/plugins/nex-forms false message https://basixonline.net/wp-admin/admin-ajax.php https://basixonline.net/nex-forms-docs/version-8/multi-step-forms/breadcrumb-setup-and-styling yes 1 fadeIn fadeOut Personal Information First Name Last Name Contact Information Email Phone Number What is the nature of your enquiry?
Do NOT add a breadcrumb	Example of a Mutli-step Form without a breadcrumb. Thank you for connecting with us. We will respond to you shortly. 1 1 https://basixonline.net/wp-content/plugins/nex-forms false message https://basixonline.net/wp-admin/admin-ajax.php https://basixonline.net/nex-forms-docs/version-8/multi-step-forms/breadcrumb-setup-and-styling yes 1 fadeIn fadeOut Personal Information First Name Last Name Contact Information Email Phone Number What is the nature of your enquiry?
Add To	Choose to display the breadcrumb above or below the form.
Add breadcumb to form header	Example of a breadcrumb above the Mutli-step Form. Thank you for connecting with us. We will respond to you shortly. 1 1 1 1 2 2 3 3 0% https://basixonline.net/wp-content/plugins/nex-forms false message https://basixonline.net/wp-admin/admin-ajax.php https://basixonline.net/nex-forms-docs/version-8/multi-step-forms/breadcrumb-setup-and-styling yes 1 fadeIn fadeOut Personal Information First Name Last Name Contact Information Email Phone Number What is the nature of your enquiry?
Add breadcumb to form footer	Example of a breadcrumb below the Mutli-step Form. Thank you for connecting with us. We will respond to you shortly. 1 1 1 1 2 2 3 3 0% https://basixonline.net/wp-content/plugins/nex-forms false message https://basixonline.net/wp-admin/admin-ajax.php https://basixonline.net/nex-forms-docs/version-8/multi-step-forms/breadcrumb-setup-and-styling yes 1 fadeIn fadeOut Personal Information First Name Last Name Contact Information Email Phone Number What is the nature of your enquiry? 1 1 2 2 3 3 0%
Align	Aligns the breadcrumb left,right or center.
Align left	Example of a breadcrumb LEFT aligned. Thank you for connecting with us. We will respond to you shortly. 1 1 1 1 2 2 3 3 0% https://basixonline.net/wp-content/plugins/nex-forms false message https://basixonline.net/wp-admin/admin-ajax.php https://basixonline.net/nex-forms-docs/version-8/multi-step-forms/breadcrumb-setup-and-styling yes 1 fadeIn fadeOut Personal Information First Name Last Name Contact Information Email Phone Number What is the nature of your enquiry?
Align center	Example of a breadcrumb CENTER aligned. Thank you for connecting with us. We will respond to you shortly. 1 1 1 1 2 2 3 3 0% https://basixonline.net/wp-content/plugins/nex-forms false message https://basixonline.net/wp-admin/admin-ajax.php https://basixonline.net/nex-forms-docs/version-8/multi-step-forms/breadcrumb-setup-and-styling yes 1 fadeIn fadeOut Personal Information First Name Last Name Contact Information Email Phone Number What is the nature of your enquiry?
Align right	Example of a breadcrumb RIGHT aligned. Thank you for connecting with us. We will respond to you shortly. 1 1 1 1 2 2 3 3 0% https://basixonline.net/wp-content/plugins/nex-forms false message https://basixonline.net/wp-admin/admin-ajax.php https://basixonline.net/nex-forms-docs/version-8/multi-step-forms/breadcrumb-setup-and-styling yes 1 fadeIn fadeOut Personal Information First Name Last Name Contact Information Email Phone Number What is the nature of your enquiry?