Module 45 of 71
Divi Page Tour that shows visitors around.
Guide people through a page one highlight at a time. A spotlight, a popover with next and back, and a progress bar.
Divi Supreme
Search projects…
?
Projects
+ New project
Website redesign
Due in 6 days
Spring campaign
Due in 12 days
Start tour
What is the Divi Page Tour module?
Page Tour is a Divi 5 module in Divi Supreme Pro that walks visitors through a page. Each step points at an element, dims the rest of the page around it, and shows a popover with a title, text and buttons.
Start the tour on page load, on a click of any button, or on first interaction. Show it once per visitor, every visit or until skipped. Begin when the first target is in view or scroll to it automatically. Style the overlay, the spotlight radius, the popover, its animation, the progress bar and the buttons.
start triggers
display frequencies
popover animations
custom code
Start from a Page Tour recipe.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Projects
+ New projectTry every Page Tour setting.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Projects
+ New projectEverything Page Tour can do.
Spotlight steps
Each step dims the page and highlights one element with a rounded cut-out.
Step by step
Title, text and target per step, with Next, Back and Skip buttons.
Three triggers
On page load, on click of any selector, or on first interaction.
Show it once
Once per visitor, every visit, or until the visitor skips it.
Scroll to target
Wait until the first target is in view, or scroll to it automatically.
Full styling
Overlay colour, spotlight radius, popover, five animations, progress bar and buttons.
Page Tour documentation
Setup for Divi 5: add steps with targets, choose the trigger and frequency, then style the overlay and popover.
Questions about Page Tour.
Next module, A to Z
Password Form Module
Related modules
Image Hotspots Module
Pins on an image with tooltips.
Circle Info Module
Items around a circle.
Table Of Contents Module
Auto-build a list of headings.
Turn first visits into guided ones.
Page Tour comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.