Skip to main content
Answered

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


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

 

 

Best answer by Racheal

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.

View original
Did this topic help you find an answer to your question?

3 replies

Racheal
Intercom Team
Forum|alt.badge.img+5
  • Customer Support Engineer
  • 512 replies
  • Answer
  • June 27, 2023

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.


  • New Participant
  • 2 replies
  • May 19, 2024

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



 


  • New Participant
  • 2 replies
  • July 23, 2024

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.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings