You can change the style of your form's pagination buttons in your Theme & Appearance settings.
How to change pagination button styles
Navigate to Theme & Appearance → UI Elements → Pagination Buttons to update the style of your Pagination buttons.
The styling options available for your pagination buttons differ between Standard (Classic form) and Guided Mode (One-at-a-time). To check which mode is enabled on your form, click Theme & Appearance - the selection will be listed under the heading "Form Experience."
Standard Mode (Classic form)
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 (One-at-a-time)
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.