1. Home
  2. Survey
  3. Survey Creator
  4. Survey Previous/Next Button

Survey Previous/Next Button

The Previous/Next Button helps your customers to move forward or backward through different pages in your survey.

How to use Previous/Next Button in your Survey?

Step 1 – Navigate to the Survey Creator

Open the Survey Creator to start creating your survey.
Survey Creator Area. The workspace area is visible

Step 2 – Add Previous/Next Widget in your survey

To add a Previous/Next to your Survey, drag and drop the widget to the work area.

Survey Widget. The Previous/Next widget is highlighted

Step 3 – Customize the Previous/Next Widget

Once you drop the widget in the work area, you’ll see the widget settings on the right side.

Previous/Next Widget setting. The setting tool is highlighted

Use the settings to define Previous and Next Button for the current page.
You can:

  1. Select which page the button should take the customer on to once they finish filling the current page.
  2. Hide Previous or Next Button according to your preferences. It is useful for the Home page and the last page of your survey.

Step 4 – Style your Previous/Next Button

You can edit how the Previous/Next Button should look by clicking on the Style tab.

Survey Pevious/Next widget. The Style section is highlighted

The different design options available to you are:

4.1 Previous/Next Button Font and Color Settings

Previous/Next Button. Font settings is visible

  1. Border Size and Color for you to adjust the thickness and color of the border around your buttons.
  2. Border Style to edit how the border should look i.e., solid, dashed, dotted, etc.
  3. Rounded Corners to edit how rounded or sharp you want the corners to be.

4.2 Previous/Next Text Style

Survey Previous/Next Text style. Text style setting is visible

Use the options available under this section to edit the font style, color, font family, and font-weight, text position, and button text and style.

4.3 Previous/Next Button Settings

Survey Previous/Next setting. The setting tool is visible

  1. Previous/Next Button Width to adjust the width of the button.
  2. Middle gap size adjuster to adjust the gap between the Previous and the Next button.
  3. Button Positions to adjust where you want to place the button on the page i.e left, middle, or right alignment.
  4. Padding to enter in the desired padding measurements. Padding refers to the gap between the text entered in the button and the button boundary.
  5. Apply style to all (Previous/Next) Widgets to ensure the buttons on all the pages look the same. This means you don’t have to edit every button on each page separately.
  6. Top Bottom Gap to put a gap between the last text on the page and the button.

Click Save and that’s it!
You have successfully added a custom Previous/Next button to your survey!