Using form buttons

You can configure the buttons on a webform to guide customers through the form. The following buttons can be configured:

1. Next: Allow the customer to move to the next page of the form
2. Back: Allow the customer to move to the previous page of the form
3. Preview: Allows the customer to review their responses in a form summary page
4. Submit: Allow the customer to submit the form 

When you should use form buttons

• When the form has multiple pages
• When the customer should review their answers before they submit the form

When you should avoid using form buttons

• When the form fits into a single page - just a submit button will suffice

---

Guidelines

Do:

• Use clear and consistent labels for the buttons

Don't:

• Hide buttons that are helpful to the customer

---

 

Configuring form buttons 

To show or hide buttons on the webform:

1. Navigate to Structure > Webforms > Forms and locate your webform by typing its name into the search.
2. Open your webform and navigate to the Submit(s) button at the end of the webform
3. Select the Edit button to open the Edit Submit button(s) element form

Configuring the back button

In the Wizard back button section:

1. Hide Wizard back button: Check the checkbox to hide the button, or leave it unchecked to show the button

Note that the label for this button is set to '< Back'. This is not configurable to ensure the call to action is consistent across all forms on the site. 

Configuring the next button

In the Wizard next button section:

1. Hide Wizard next button: Check the checkbox to hide the button, or leave it unchecked to show the button

Note that the label for this button is set to 'Next >'. This is not configurable to ensure the call to action is consistent across all forms on the site. 

Configuring the form summary page button

In the Preview previous button section:

1. Hide preview previous button: Check the checkbox to hide the button, or leave it unchecked to show the button

Note that the label for this button is set to '< Back'. This is not configurable to ensure the call to action is consistent across all forms on the site. 

In the Preview next button section:

1. Hide preview next button: Check the checkbox to hide the button, or leave it unchecked to show the button

Note that the label for this button is set to 'Next >'. This is not configurable to ensure the call to action is consistent across all forms on the site. 

Configuring the submit button

In the Submit button section:

1. Hide submit button: Always leave this unchecked so the customer can submit the form
2. Submit button label: The text that is shown on the button

Need any more help?

If you have any questions, or require assistance with anything mentioned in this article, submit a request via the webform.