Skip to main content
Creating Tours

Step by step Guide on how to create Candu Tours

Flora Sanders avatar
Written by Flora Sanders
Updated this week

How to create a Tour (Single Page)

Sometimes, you need to guide new users through your product or existing users through new features, which is where Tours come in!

This guide will take you through the steps needed to create a Tour...

Creating your content and grabbing your Snapshot πŸ“Έ

  • Click 'Create New Content' and select Tour

  • Give your Tour a Name (*optional: add it to a section)

  • Grab your Snapshot by adding the URL of where you want the Tour to go

  • Choose the placement of your Tour Step to begin!

Creating a Tour

Placing your Tour Steps 🎯

While creating your Tour, you'll have placed your first Tour Step, as you have to put that before you can customize anything! You can update these at any point by heading to the Placement tab in the right-hand toolbox and clicking edit next to 'Tour Step HTML Selector':

GIF showing how to update a Placement

Tour Step Settings 🚩

You have all the usual settings in the toolbox to customize the size, paddings, etc., plus some Tour-specific options:

  • Save user progress through Tour

  • Tooltip position > Auto or Manual

  • You can set a z-index (this controls which elements appear in front of others on a webpage)

  • Whether it's dismissible or not (setting per step as you might only want the last step to be dismissible)

GIF showing Tour Step Settings

From the Tour menu, you can easily...

  • Add new steps

  • Duplicate an existing step and tweak the copy

  • Re-order your steps

  • Move the menu to the top of the editor (if you're targeting a Tour Step at the bottom)

GIF showing Tour menu options

Customizing your Tour Steps 🎨

Ready to make it look and feel your own? Open Components from the left palette, and drag on any text, images, buttons, etc., just as you would when building any content!

GIF showing how to customize your Tour Step

Ready to launch your Tour? You can follow the steps in this guide to publish your Tour and trigger it on page load, clicking a Candu CTA or programmatically from Javascript ➑️

Did this answer your question?