I want to open an intercom messenger in the product without use clicking on the messenger icon.
For example, I want to add a link in a product tour that says "Contact us", which opens a messenger window when user clicks it.
I want to open an intercom messenger in the product without use clicking on the messenger icon.
For example, I want to add a link in a product tour that says "Contact us", which opens a messenger window when user clicks it.
Best answer by Eden
There isn’t a way to add a link to a Product Tour button that will trigger the Messenger to open on the page, however it is possible to set up the Messenger to launch from a specific button, link or element in your app, site or mobile app using a custom launcher. As a workaround you could add a button on the page for users to click on after completing the tour. I’ve included those instructions below:
1. Pass the ID of the element you're using as a custom launcher to open the Messenger (e.g., "#my_custom_link"
). Or you can specify multiple links by passing a class instead (e.g., ".my_custom_class_name"
)
2. Add the ID or class to the HTML element that you want the Messenger to open when clicked. For example, if you want the Messenger to open if someone clicks a link to your support email address:
<a id="my_custom_link" href="mailto:HELP@YOUR-APP.COM">Support</a>
Note: Including your support address as the link destination works well as a fallback, so if a visitor doesn't have JavaScript enabled in their browser, they can email your team.
3. Add this line to your IntercomSettings snippet:
custom_launcher_selector:'#my_custom_link'
Like this:
window.intercomSettings = { app_id: "YOUR_APP_ID", custom_launcher_selector:'#my_custom_link'};
This information is mentioned within this Intercom article as well.
Already have an account? Login
No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.