How to customize messenger appearance on Intercom

beginner 8 min read Updated 2026-03-18

Quick Answer

Customize your Intercom messenger appearance by accessing the Messenger settings in your workspace, where you can modify colors, text, positioning, and branding elements. Changes are applied instantly and reflect across all connected websites and apps.

Try Intercom Full Intercom Review

Prerequisites

Active Intercom account with admin access
Messenger installed on your website
Basic understanding of Intercom workspace navigation
Access to workspace settings

Step-by-Step Instructions

Access Messenger Settings

Log into your Intercom workspace and navigate to Settings in the left sidebar. Click on Messenger under the Channels section to access all messenger customization options.

Use the search bar in settings to quickly find 'Messenger' if you have trouble locating it.

Customize Colors and Branding

In the Appearance tab, click on Color & Style. Select your primary color using the color picker or enter a hex code in the format #000000. Upload your company logo by clicking Upload logo and selecting an image file (recommended size: 200x200px).

Choose colors that match your brand guidelines and ensure good contrast for accessibility.

Configure Messenger Position and Launcher

Scroll to the Launcher section and choose the position: Bottom right or Bottom left. Toggle the Show launcher option to control visibility. Customize the launcher icon by selecting from preset options or uploading a custom icon (32x32px recommended).

Consider your website layout when choosing launcher position to avoid blocking important content.

Set Up Welcome Message and Text

Navigate to the Welcome message section and enter your greeting text in the provided field. Customize the Messenger header text and Close button text. Enable or disable Show team intro to display teammate information.

Keep welcome messages concise and friendly to encourage user engagement.

Configure Messenger Behavior

In the Behavior tab, set up Office hours by toggling the feature and selecting your timezone and working hours. Choose whether to show the messenger On all pages or Only on specific pages using URL targeting rules.

Set realistic office hours to manage customer expectations for response times.

Customize Help Center Integration

Under Help Center settings, toggle Show Help Center articles to display relevant articles in the messenger. Configure the search placeholder text and enable Show contact form when no articles are found.

Enabling Help Center integration can reduce support volume by helping users find answers instantly.

Preview and Test Changes

Click the Preview button to see how your messenger will appear to visitors. Test different states including the launcher, welcome message, and conversation flow. Use the Mobile preview to check mobile appearance.

Test your messenger on actual devices and browsers to ensure it works as expected.

Publish Your Customizations

Once satisfied with your changes, click Save changes at the bottom of the page. Your customizations will be applied immediately to all websites where your Intercom messenger is installed. Monitor the Activity section for any integration issues.

Changes are instant, so inform your team about updates to avoid confusion during customer interactions.

Common Issues & Troubleshooting

Custom colors not appearing on website

Clear your browser cache and check if your website has CSS overrides. Ensure the Intercom installation code is properly placed before the closing </body> tag.

Logo appears blurry or distorted

Upload a high-resolution image (at least 200x200px) in PNG or JPG format. Ensure the image has a transparent background for PNG files and is square-shaped for best results.

Messenger not showing on specific pages

Check your Page targeting rules in the Behavior tab. Verify that URL patterns match exactly, including https:// and any subdomains or query parameters.

Welcome message not displaying correctly

Check character limits for welcome messages (usually 140 characters). Ensure special characters are properly encoded and test with different browser languages if you serve international customers.

Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Intercom website before purchasing.

Visit Intercom View Intercom Pricing