Page Tour Divi 5 · Divi Supreme Pro extension

Show visitors around, step by step.

Mark any module as a tour step. Style the overlay, popover and buttons in the builder. No code.

Get Divi Supreme Pro See every setting

Any

module as a step

element types

customiser

code needed

A guided tour that looks like your site.

Steps from your modules

Sections, rows, columns and modules can all be steps, in the order you number them.

SectionRowColumnModule

Spotlight overlay

Dim the page and cut a hole around the current step, with your own Dim Color and Hole Radius.

Popover you design

Fade, Scale, Shift Away, Shift Toward or Perspective, with Show and Hide Duration, Max Width and full Title and Body Text styling.

Progress bar

Show how far along visitors are with a Bar Color and Track Color.

Buttons you style

Text, background, border, box shadow, spacing and icons for Back, Next and Done.

TextBackgroundBorderBox ShadowIcon

Every setting, in one customiser.

The real setting names, so you know exactly what you get.

Mark the steps

In the Advanced tab, turn on This Is A Tour Step and set the step number.

Style the tour

Open Page Tour on the builder bar to style the overlay, popover and navigation.

Choose when it starts

Name the tour and set the Start Trigger. Save and preview.

19 settings, 5 places

Names match the Divi 5 builder word for word.

Page Tour customiser, Settings tab: Preview On Canvas, Tour Name, Start Trigger On Page Load, Display Frequency Until skipped, First Step When target is in view, In-View Offset 45%, and Steps On This Page — The real Settings tab. Start Trigger can be On Page Load, On Click or On Interaction.

Where a tour beats a paragraph.

Pick a use case to see where Page Tour shows on the page, and where you set it in Divi.

Projects

New projectStep 1 of 4

Invite

Billing

Page Tour is included in Divi Supreme Pro.

The Page Tour extension ships inside Divi Supreme Pro, with 70+ modules and 15 more extensions. One plugin, unlimited sites.

Divi Supreme Pro

$79/ year

Updates and support for 12 months. Renews at 30% off.

The Page Tour extension
70+ Divi modules and 15 more extensions
Unlimited sites, client work included
Runs on Divi 5

Get Divi Supreme Pro

Save 31%

All-Access, 4 plugins

$129first year~~$186~~

Divi Supreme Pro plus three more plugins. Renews at $90/yr.

Divi Supreme ProIncludes Page Tour

Supreme Mega MenuMenus from Divi layouts

Supreme Maps ProGoogle Maps and Leaflet

Supreme AI WriterText, images, stock media

Get All-Access - 4 Plugins

4.9 rated, on 350,000+ Divi sites14-day money-back guaranteeUnlimited sites on every planEach plugin keeps its own license key

Not ready to buy? Try 20+ modules free with Supreme Modules Lite.

Questions, answered.

Every setting is in the Page Tour docs. Something else? Ask the team.

Is Page Tour included in Divi Supreme Pro?

Yes. It is one of 16 extensions in Divi Supreme Pro, for Divi 5.

How do I add a step?

Open any module's Advanced tab, open Page Tour and turn on This Is A Tour Step. Set its Step number, Title and Content, then choose Placement, Highlight Hole and Skippable.

Can I style the tour?

Yes. The Page Tour customiser styles the overlay, popover, progress bar and buttons.

When does the tour start?

You choose with Start Trigger: On Page Load, On Click or On Interaction. On Page Load also lets you set Display Frequency (Once per visitor, Every visit or Until skipped) and whether the first step waits until it is in view or scrolls to it.

Pairs well with

All 16 extensions →

Tooltip

Add a tooltip to any module from the Advanced tab.

Popup

Open any Divi layout as a popup, triggered from any module.

Client Handoff

A simpler WordPress for clients: their own role and pages.

Turn a busy page into a guided one.

Switch on Page Tour and mark your first step.

Get Divi Supreme Pro Read the docs

Page Tour, included in Divi Supreme ProFrom $79/yr · Divi 5 · 14-day refundGet Divi Supreme Pro