Answered

Can I have a Custom Launcher on our webapp and as default on Website?

  • 23 June 2023
  • 3 replies
  • 347 views

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

 

 

icon

Best answer by Racheal 27 June 2023, 02:45

View original

3 replies

Userlevel 4
Badge +5

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 achieve this setup, you can configure Chameleon.io to act as a custom launcher for in-app interactions, ensuring it seamlessly integrates with the Intercom messenger. On your website, you can maintain the default display of the Intercom messenger without interference from Chameleon. This approach involves setting up distinct configurations within each platform and utilizing customization options provided by Chameleon.io and Intercom to align with your brand's guidelines. If you need step-by-step guidance, consider consulting Chameleon.io and Intercom's support documentation or reaching out to their customer support for tailored assistance.

Reply