Skip to main content
All CollectionsCreate & Design
Show or Hide the Page Progress Bar and Page Navigation Buttons
Show or Hide the Page Progress Bar and Page Navigation Buttons

Choose to Show or Hide Page Progress Bar, Page Numbers and Navigation Buttons

Adrian avatar
Written by Adrian
Updated over a month ago

You can reflect page progress for your users in the funnel and make it easier to navigate with two simple options.

Progress Bar

When active, this shows a progress bar at the top of your funnel, so that participants can keep track of their progress and how far they're into the funnel. When hovering over the bar it also displays the page numbers.

While it is possible to change the progress bar's color, it is currently not possible to make it bigger. We do however have a feature suggestion for it here, so make sure to upvote if you would like to possibly see it implemented in the future.
If your plan allows for it (Business and up) you can also use custom CSS to try and make the bar bigger.

Page Navigation

When active, it shows the page numbers along with two buttons at the bottom right of your funnel to navigate to the previous or next page (if possible). If you're on the Pro plan or higher, you can remove the involve.me watermark from it.

How to Deactivate / Activate

You can find these options in the editor's navbar by clicking the gear icon, and picking the option "Funnel Navigation".

You can then enable or disable these features as needed:

Change the Style for These Elements

Currently, you cannot change the size or any other style of the page navigation. However, you can change the color of the progress bar from the funnel design with: "highlight color".
โ€‹

Logic Jumps & Page Navigation / Page Progress

If your funnel is based on logic jumps, we recommend to turn off both options. The jumps would have larger progress transitions and you probably do not want the user to know how many pages the whole funnel has, since they will most likely not see all of them.

Back Button as an Alternative

If you only want to add a back button to certain pages and do not need the navigation bar present on every page, you can add a Button element to the required pages, and set the button link to "Previous page". This will also work if a Logic Jump was applied previously.

To keep the emphasis on the other elements of the page, we would recommend styling the back button as a link.

Did this answer your question?