Website Widget Setup Guide

Learn how to customize and configure the LimeChat Website Widget for an optimized chat experience on both mobile and desktop.


How to Navigate to Widget Settings

1

Go to LimeChat CRM Settings

2

Click on Inboxes

3

Click on Website Inbox (you created)

4

Click on Edit

5

Click on Website Widget on the Top Navigation Bar

6

Make changes to Widget Settings


Understanding Elements of Widget


General Widget Settings

Config
Description

Widget Bot Name

Add a name for the bot (max 20 characters recommended)

Widget Font

Options include Lato and Europa

Welcome Heading

Textual message, recommended max length of 50 characters

Welcome Tagline

Textual message, recommended max length of 50 characters

Widget Background Color

Primary widget color (customizable for branding)

Chat Background Color

Secondary widget color (customizable for branding)

Widget Image

Add an image link (50x50 pixels recommended)

Bot Avatar

Add an image link for the bot avatar (50x50 pixels recommended)

Widget Z-Index

Allows layering of the widget (default: 2147 48 3000)

Reply Time

Options include "In a few minutes," "In a few hours," "In a day," or "None"

Agent Offline Status

Enable/Disable option

Unread Message Display

Show unread messages and count when the widget is closed (Yes/No)

Input Field Capabilities

File Picker / Emoji Picker / Restart Button


Website Widget for Mobile Settings

Config
Description

Widget Type

Choose between Icon and Button (Recommended - Icon)

Widget Position

Left or Right (Recommended - Right for natural thumb position)

Widget Size

Small, Medium, or Large (Recommended - Small or Medium)

Button Message

Add a pop-up text (max 20 characters recommended)

Margins

From Bottom: 36 pixels recommended From Left/Right: 36 pixels recommended


Website Widget for Desktop Settings

Config
Description

Widget Type

Choose between Icon and Button

Widget Position

Left or Right (Recommended - Right for natural thumb position)

Widget Size

Small, Medium, or Large (Recommended - Medium or Large)

Button Message

Add a pop-up text (max 20 characters recommended)

Margins

From Bottom: 48 pixels recommended From Left/Right: 48 pixels recommended


Config
Description

Position

Top or Left Side (Recommended - Top)

Pop-Up Text

Add a pop-up message (max 60 characters recommended)

Pop-Up Image

Add an image link (50x50 pixels recommended)

Pop-Up Delay

Add a delay in seconds (recommended range: 2-5 seconds)


FAQ'S

Can I configure different settings for mobile and desktop widgets?

Yes, LimeChat allows separate customization for Website Widget for Mobile and Website Widget for Desktop to ensure an optimal user experience on both platforms.

Can I preview the widget settings before applying changes?

Yes, LimeChat provides a preview option to see how the widget will look on both mobile and desktop before saving your changes.

How do I disable the widget temporarily without deleting it?

You can toggle the widget off in the General Widget Settings section without removing the setup, allowing you to enable it again later.

Is there a way to track user interactions with the widget?

LimeChat provides analytics on widget interactions, including chat initiations, response rates, and user engagement trends.

Last updated