When creating a tour in Usetiful, proper configuration of the Settings is necessary to ensure a seamless and tailored user experience. below is an overview of each Settings and how it can be utilized.



1. Tour Name

Give your tour a descriptive name to make it easily identifiable within your Usetiful dashboard.


2. Page and Audience Targeting

Define specific conditions for the pages where the tour should be displayed. Tours can appear on any page containing the Usetiful script or be restricted to specific pages based on the following:


  • URL Address: Target tours to run on pages with a particular URL.
  • Element on the Page: Specify a unique HTML element as a condition for the tour to show.
  • Text Content: Trigger the tour based on certain text appearing on the page.
  • Device Type: Display tours tailored to specific devices (e.g., desktop, tablet, or mobile).
  • A/B Testing: Create variations of tours to test and optimize user engagement. Find out more here.
  • Language: Target tours for users based on their language settings.

Find more details here.


3. Automatically

Decide if the tour should automatically start when the user lands on the targeted page. when enabled, the first step of the tour pops up as soon as the page loads.


4. Show Every Time

Set whether the tour should autoplay every time the page conditions are met or only on the first visit per user.


5. Just Once

The tour displays once until it is closed at any step, after which it will not be shown again.


6. Manually

Allow users to start the tour manually, users can choose:


  • Start via Usetiful Button: Enable a button in the bottom right corner of the page, which users can click to start the tour.
  • Specify a Trigger: Configure the tour to start based on a specific user action or event, such as clicking a designated button or element on the page.

7. Until the tour is closed

The tour displays once until it is closed at any step, after which it will not be shown again.


8- Show Usetiful Button

Enable the Usetiful Button, allowing users to manually access the tour from the bottom right corner of the page. You can customize the button's label for clarity.


9- Remember the Last Step

Allow users to pick up where they left off if they close the tour and come back later. this setting helps maintain continuity and enhance the user experience.


10- show Progress

A progress bar helps users track their journey through the steps and improves engagement.


11- Theme

By using the theme settings, you can customize the look and feel to match your preferences. You can find out more here.


12- Priority

Manage the display priority of your tours. Assign a number to set which content appears first-higher numbers take precedence. This is essentially beneficial when you have multiple tours and want to highlight the most important ones. Note that this feature is available for Premium and Enterprise users. Find out more here.


13- Localization

By enabling localization, you can translate content seamlessly and access translations via an intuitive interface. Find out more here.


14- Save The Settings

Once you've configured the tour settings, click the 'Save' button to preserve your changes.