How to Set up the Omnichannel LiveChat Widget

Add a branded Live Chat widget to your website and connect multiple messaging channels like WhatsApp, Instagram, Messenger, and Telegram — all in one place.

The DMLY Live Chat widget allows you to capture website visitors and manage conversations directly from your unified Team Inbox.

VIDEO GUIDE:

How to Set Up Live Chat

Step 1: Log in to DMLY

1. Open the DMLY app.

2. Log in with your credentials.

3. Select the appropriate workspace.

4. Go to Integrations → Live Chat Connect.

Step 2: Upload Your Brand Icon

1. Upload your logo or brand icon.

2. Recommended size: 256 × 256 pixels

3. Use a circular format for best appearance.

This icon will appear in the chat widget.

Step 3: Customize Branding

You can personalize the widget to match your brand.

Configure the following:

• Primary Brand Color

• Widget Title (e.g., “Chat With Us”)

• Subtitle (e.g., “We’re here to help”)

These elements control how the widget appears to visitors.

Step 4: Set Up Popup Greeting Message

Add a welcome message that appears when users visit your website.

Example:

“Hi there! How can we help you today?”

Set Popup Delay Time:

• 0 = Show instantly

• Any other number = Display after that number of seconds

This helps engage visitors proactively.

Step 5: Enable Live Chat Widget

1. Toggle Live Chat ON

2. Review the Title and Subtitle

3. Confirm branding settings

Once enabled, the widget becomes active after installation.

Step 6: Add Ice Breakers (Optional)

Ice Breakers are clickable prompts that guide first-time visitors.

Examples:

• “Talk to Support”

• “Request a Demo”

• “Book Appointment”

You can add up to 5 Ice Breakers.

These improve engagement and speed up conversation initiation.

Connect Additional Channels (Optional)

You can embed external messaging platforms directly inside the Live Chat widget.

WhatsApp

1. Enable WhatsApp

2. Add:

   • Title

   • Subtitle

   • WhatsApp URL

URL Format:

https://wa.me/<number_with_country_code>

Example:

https://wa.me/911234567890

Instagram

1. Enable Instagram

2. Add:

   • Title

   • Subtitle

   • Instagram URL

URL Format:

https://ig.me/m/<username>

Do not include @

Example:

https://ig.me/m/yourbrand

Messenger

1. Enable Messenger

2. Add:

   • Title

   • Subtitle

   • Messenger URL

URL Format:

https://m.me/<PageUsername>

Or use your Page ID for newer pages.

Example:

https://m.me/yourbusinesspage

Telegram

1. Enable Telegram

2. Add:

   • Title

   • Subtitle

   • Telegram URL

URL Format:

https://t.me/<username>

Do not include @

Example:

https://t.me/yourchannel

Preview & Install the Widget

Step 1: Save & Preview

Click Save & Preview to view the live widget preview on the right side of the screen.

Review:

• Branding

• Colors

• Text

• Ice Breakers

• Channel buttons

Step 2: Install the Widget on Your Website

1. Scroll down to the Installation Code

2. Copy the code snippet

3. Paste it before the closing:

</body>

tag in your website’s HTML.

After installation, the Live Chat widget will appear on your website.

After Installation

Once installed:

• Website visitors can start live conversations

• Messages appear instantly in the Team Inbox

• Conversations can be assigned to team members

• Automations can respond to live chat messages

• Multi-channel options are available within the widget

Best Practices

• Match widget color to your brand

• Keep greeting messages short and friendly

• Use Ice Breakers to guide visitors

• Test on desktop and mobile

• Ensure code is placed before </body> tag