Skip to main content

Preview Tours with Usetiful Chrome Extension


We are happy to introduce Usetiful for Chrome, a new browser extension that enables you to preview all your Usetiful product tours on any site without touching the code. Just follow the steps below to preview your product tours:



Install plugin and preview your tour

1. Enter Google Chrome Web Store and install the Usetiful: Product Tours extension.



(Note: Usetiful: Product Tours browser extension works with Chrome browser only)

2. When the plugin is successfully installed, the Usetiful icon will appear in the browser top bar with the following message.


3. Click on the Usetiful icon and log in using your Usetiful credentials. If you are currently logged in to the Usetiful, the plugin will connect to your account automatically.

4. Go to the page where you want to preview your tour. The bottom panel indicates whether the selected tour is available.

(Note: Only tours that are allowed to be shown on given page will be offered - see Page Targeting.)


If the tour is available, you can immediately preview it clicking on the Start Tour button. Otherwise, update the Page Targeting to make the tour available (click on the Edit button go to the tour editor). 

Once the tour preview is running, the panel contains actions to Stop and Restart the tour.




5. When you update the content of your tour and save, the changes will be automatically reflected in the preview. Just refresh the page!


If you encounter any issues while previewing your product tour, please feel free to contact us.

Popular posts from this blog

Select Element on Your Page

  To associate tour steps (pointers) with specific elements on your site, you need to hook to the selectors of elements. Selectors are used to "find" the HTML elements on your site. It is not difficult to find out the selector of a specific page element. The easiest way is to use our Chrome extension . Usetiful for Chrome extension (Recommended) 1. We recommend you to first install  the extension  - it enables you to preview product tours directly on your page without embedding the code. When on the page, it allows you to get the element selector on just one click.   2. Inside the tour editor, the " Element"  field require you to enter the selector of the HTML element on your site. Click on the  "Select element"  action on the right side of the field.  The following dialog will appear if the Usetiful browser extension is enabled. 3. Enter the address of your web page and click "Open page" 4. To select the...

Which Digital Adoption Platform is Best For You?

  A recent article by G2 underlined the importance of digital adoption in modern working environments. Empowering your employees to use digital tools to their full extent is crucial for fostering innovation, being competitive, and increasing ROI on software investments. However, as the article points out, there are several barriers to achieving digital adoption, including increased IT support, training costs, and placing extra pressure on your team to learn new tricks. Usetiful is a digital adoption solution. We built our platform to solve the issues IT departments and boardrooms face worldwide. Our no-code tool allows teams without technical experience to build product tours, walkthroughs, checklists, and tooltips that help teach their employees and users how to get the most from digital products without the time and monetary cost of endless IT support tickets and training. Of course, Usetiful isn't the only digital adoption tool out there. While we feel that none of the Usetiful ...

Gartner Reports: Best Digital Adoption Solution

The coming decade will see a significant investment in digital transformation for the vast majority of organizations looking to drive success. But successful digital transformation relies on leveraging software to help employees acclimatize to new and evolving technology. This poses a challenge to employee productivity, as workforces across the globe will be forced to adapt to new technology in their day-to-day roles. Ideally, implementation of such tech requires an approach that impacts productivity as little as possible. That's why companies are increasingly turning to digital adoption platforms that facilitate the process and support employee efficiency rather than hampering it. What is a Digital Adoption Platform? A digital adoption platform (DAP) sits on top of an existing software application, offering users insight and guidance that helps them to adjust to the software application, providing information on key tasks and functions. With a DAP, companies can introduce new sof...