Website Tour Widget Features

Create Your Own Website Tour Widget in Seconds for Your Website

Add guided steps, highlight key page elements, customize tooltip controls, style the overlay, and choose how visitors start or skip the tour.

How to embed Website Tour Widget to WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Create an ordered walkthrough with a title, description, target selector, placement, and optional call-to-action for each step.

Step fields include:

TitleDescriptionSelectorPlacement

Use an overlay and highlight color to make the active section clear while keeping the rest of the page visible.

Style controls include:

OverlayHighlightCard colorsRadius

Choose button or automatic start, show progress, customize navigation labels, and decide whether visitors can skip or close the tour.

Behavior options include:

Start buttonAuto startProgressSkip

Enable the tour on desktop, mobile, or both, and let the renderer fall back gracefully when a selector is unavailable.

Display controls include:

DesktopMobile