Can I change the style of my pagination buttons?

You can change the style of your form's pagination buttons within Theme. You can access Theme via the small droplet icon top-right of your form editor.

How to change pagination button styles

Navigate to Theme → UI Elements → Pagination Buttons to update the style of your Pagination buttons.

The styling options available for your pagination buttons differ between Standard and Guided Mode. To check which mode is enabled on your form, navigate to Theme - the selection will be listed under the heading "Form Experience".

Standard Mode

We offer a variety of pagination button styles for Standard Mode - all of which can be found below:

• Buttons Only - This option displays a simple arrow button to move between pages.

  

• Buttons Only (with Total Price) - This option is similar to Buttons Only, except the total price of your form will be displayed alongside the arrow.

  

  You can enable this button style with the option "Shows total price in the next page button".

  

• Numbers - This option displays a row of numbers between standard arrow pagination buttons to navigate between pages.

  

• Progress Bar - This option will display a progress bar between the two standard pagination buttons on your form.

  

Guided Mode

If your form has Guided Mode enabled, pagination styling is limited to three options. These options are listed below:

• Include a back button - This will allow a respondent to move back to previous pages.

  

• Include progress bar - This will include a progress bar at the top of the screen.

  

• Include page numbers - This will display the number of the current page, and how many are left.

  

Custom CSS

On specific pricing plans, you have the option to use Custom CSS on your forms. Custom CSS allows you to completely customize the look and feel of your forms, which can be useful for creating pagination buttons that match your specific branding requirements.