Skip to main content

We use Chameleon.io for our in-app onboarding, tours etc. So i want to have the intercom messenger being called from a Chameleon launcher, as a custom launcher, but when you go to our website, I just want the launcher to be displayed as default. 
How is that possible? Do I create a new brand style or?

Further explained in video here:

https://www.canva.com/design/DAFmoVxQGtE/mmsmJqJyV7ozJ_IKZmPjXQ/watch?utm_content=DAFmoVxQGtE&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink

 

 

Hey @Mads Damgaard Racheal from the support engineer team here👋 

 

I think I need a bit more context here! Are you looking to trigger the Intercom Messenger from the “Chat Support” link you clicked on in the video? If so, you’re spot on that you'll want to create a custom launcher for your web app, site, or mobile app and hide the default launcher from that specific URL. To accomplish this on web you would:

 

1. Pass the ID of the element you're using as a custom launcher to open the Messenger (e.g., "#my_custom_link" ) OR 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 on the Chat Support link:

<a id="my_custom_link" href="mailto:HELP@YOUR-APP.COM">Chat 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'};

 

As far as keeping the default launcher on your website, you would just want to make sure to not hide the default launcher on that page.

If you want custom launcher on our webapp than you can follow this:
 https://discourse.webflow.com/t/intercom-custom-launcher-in-webflow/130244/10?u=tamim_khan



 

To set up this configuration, use Chameleon.io as a custom launcher for in-app interactions while ensuring seamless integration with the Intercom messenger. On your website, retain the default Intercom messenger display without interference from Chameleon. Achieve this by creating distinct configurations for each platform and using the customization options available in Chameleon.io and Intercom to match your brand's guidelines. For detailed steps, refer to the support documentation of both platforms or contact their customer support for personalized help.

Reply


Terms & ConditionsCookie settings