Usetiful makes it easy to guide your users with interactive tours. Follow these three simple steps to get started:
1. Add the Script to Your Pages
Usetiful works by embedding a JavaScript snippet into your application. This script enables Usetiful to display the tours and other content you create.
Locate Your Script:
Log in to your Usetiful account and navigate to the Overview page.
Click on Install to your site to access the JavaScript code.
Embed the Script:
Copy the provided code and paste it into the HTML of every page where you want Usetiful content to appear.
Place the script just before the
</body>tag.
Note: Usetiful content will only function on pages where the script is installed.
For an easier installation, you can use Google Tag Manager (GTM). Refer to this guide for step-by-step instructions.
Platform-Specific Installation:
For React and Angular, use our NPM package. Learn more on Installation page.
2. Create and Preview a Tour
Once the script is installed, you can start building tours in Usetiful.
Navigate to Tours in the Usetiful dashboard.
Click Create New Tour and configure the steps.
Use Preview feature to test how it appears to users.
3. Publish Your Tour
After creating and testing your tour:
Click Publish to make it live for users.
Monitor engagement and optimize based on user interactions.
Additional Features
Learn how to segment your audience for more personalized experiences. Read more.
Customize messages to engage users effectively. Learn how.
Use userId to ensure a seamless experience across multiple devices. Find out more.
Watch this quick video on installing Usetiful:
By following these steps, you can integrate Usetiful into your platform and start enhancing user experiences. If you face any issues, visit our Support Center for troubleshooting and assistance.