Skip to main content

I have 3 projects and 3 domains for each one.
I want to integrate these into a single intercom workspace.
But thr problem is that when I visit one of my 3 websites, click the intercom button, type some text and click the sending button, the message is displayed not only in the current websites but also displayed in other 2 websites.
This is a critical issue for me.
I have tried session_id, and other things but it doesn’t work.
I’ve developed my sites by using Next.js.
How can I handle this?

Hello Roland, I understand a little and I'll try to help you, then tell me if it worked

To integrate your three projects with separate domains into a single workspace while keeping messages separate, you can:

Use the same Intercom app_id for all three domains.
Implement multiple brand styles for each domain:
• Go to Settings > Channels > Messenger > Web > Styles
• Add new brands and specify the URLs for each domain
In your Next.js app, update the Intercom settings for each domain:
• Include the Intercom script in your app's head element
• Set the correct app_id and update user data on each page load:
   window.Intercom('update', {
     app_id: 'YOUR_APP_ID',
     website: 'current_edomain.com](https://domain.com)', // Set this dynamically
     // Other user data
   });
This setup will keep your data in one workspace while maintaining separate branding and message isolation for each domain.

 

Hope this helps :)


Reply