Comment on page

How to create Product Tour?

Create an interactive product tour for your users by using modals, tooltips, hotspots, and slideouts.
A product tour typically consists of a series of steps that guide users through the features and functionality of a product. Each step of the tour can contain various elements, such as text descriptions, images, videos, and interactive elements such as Buttons, Modals, Tooltips, Hotspots, Slideouts. The purpose of a product tour is to help users quickly understand and learn how to use the product effectively.
Before start building, you'll need to install Userlove Google Chrome Extension
  1. 1.
    Log in to your Userlove account and click on "Tour" from the left sidebar menu.
  1. 2.
    Click on the "Create new tour" button, then enter a descriptive name for your tour.
  2. 3.
    You can select Sandbox (For testing) or Custom Domain
  3. 4.
    Enter the Build URL. Build URL is a page link from where you want to start building your tour.
  4. 5.
    Enable wild card if you want to publish on all subdomain.
  5. 6.
    Next you will be redirected to Build URL and it'll automatically open Userlove chrome extension If you already installed Userlove Google Chrome Extension. If you still not download extension it'll ask you to download extension.
  1. 7.
    Once the Userlove Chrome extension loads, you can select a tour element such as Modal, Tooltips, Hotspots, and Slideouts.
  1. 8.
    Once you select element type (ie: Modal, Tooltip, Hotspot ) you can select pre-made template to quick start or you can start from scratch.
  2. 9.
    After creating product tour or walk through it will redirect to Target page ,where you can set your target audience .
10. Finally you can review and publish or save in draft .
Note: Make sure that, you have install Userlove JavaScript code snippet in your application / website
By following these steps, you can easily create a product tour using Userlove and provide a guided experience to your users.