Skip to main content

How-to: Add Usetiful Product Tours in Intercom

  


Intercom is an excellent tool to engage with your customers - it is fairly customizable and can be targeted. Many of our customers use Intercom to engage with their website visitors and users in different stages of their customer journey. 

This makes Intercom an area of interest for Usetiful customers who want to step up their onboarding and adoption strategies - what if you could launch a Usetiful tour right from an Intercom widget?


Well, due to Usetiful’s high customizability that’s exactly what you can do. Here comes into play the sharing by URL feature of Usetiful.


Allow your users to launch a product tour with a single click when they are already looking for help in Intercom.


Here's how:

1. Get the link to the tour
Sign in to your Usetiful account, find the tour that you want to direct users to, click the three dots menu and select “Share tour”. There you will be prompted to paste a URL - that is the URL where the tour is supposed to start. For this example, let’s say a user is on the billing page of your application, https://www.yourapp.com/billing, and may need help learning about all the different features on the page. Paste that URL into the field and hit “Get sharing link”. The sharing link will be generated and copied to the clipboard.

2. Make a compelling CTA
A call-to-action can make or break your plan of placing a noticeable and clear message that users can get help. Prompt your users at the right time with the right message and the results will become way more predictable. Also, keep this in mind when creating your welcome message.

3. Add the CTA with the link to your Intercom popup
Sign in to your Intercom account and add the link to one of the messages

Here’s an example:

Go to your Intercom’s Outbound > Posts section - this will allow adding a  pop-up message with certain targeting on your website.

When you create a new Post, you will have the ability to select a template and customize it. For this example, I selected a template that already contained a button
After a little customization, here’s how it looks




Then I clicked on the button and edited it - I changed the button text and the URL, as shown below. I pasted the sharing link that we obtained in the first step of this tutorial. 


As a result, here is how the final message looks - this is what the users will see on the Billing page

When they click on the button - the tour will be launched.


And voila - now we have an interactive way to prompt users there is a way to get help using Intercom - and an engaging and educating method of walking your users through different features presented on a specific page with Usetiful.

You can add Usetiful tour start points into Intercom articles just as well - the setup is exactly the same - add a button in the article that will take users that seek help to the page that needs to be explained. Try Usetiful now.

Popular posts from this blog

4 Types of Customer Satisfaction Survey and Their Best Practices

  A customer satisfaction survey is a fantastic tool for gathering information from current and past users. They can help your customer success teams understand the areas where your business is doing well — and where you’re lacking. Leveraging this information allows you to improve the customer experience, retain users, and even build loyalty. Image by Freepik In this article, we'll look at the four most valuable types of customer satisfaction surveys and some of the best practices you can employ to make them work. What is customer satisfaction? Customer satisfaction measures how your products or services meet customer demand. It's a strong gauge of the overall customer experience users have with your brand. Customer satisfaction can seem like a nebulous concept. However, there are many great surveys that can help you understand how your users feel about your product or service. Benefits of customer satisfaction surveys Running a customer satisfaction survey has many benefits. ...

How to create interactive walkthroughs like Canva

Thinking about how to unleash the full potential of your about-to-launch web app? Discard using the conventional product tour and embrace the utilization of a tailor-made interactive walkthrough. Instead of showing your customers a simple how-to-use-my-product demo, create an interactive guide to help them fully grasp your product’s functionality. You are guaranteed to attract new users and make the existing ones stay. Remember that showing users your product’s unique features is not always the best onboarding strategy. Showing while doing it is. Enticing your new users to actually experience using the app during the onboarding process is the most efficient way to engage them. This is what we call product adoption . It should be your primary goal in your user onboarding process – to increase the possibility that users are driven to adopt your product and eventually increase user retention rate.  Interactive Walkthrough vs. Product Tour Walkthroughs and product tours are almost simi...

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...