Customising Website Messenger

A guide to customise your website messenger from designs to messaging flows for a complete customer experience.

After publishing the website messenger, you should now navigate to Settings | Website Messenger to customise your website messenger/ live chat widget for your own site.

On this step, you'll be able to customise your website messenger:

1. Brand your widget

In order for your company logo to appear on top of the widget, like below:

Please upload a PNG file of your company logo here:

Uploading company logo

A PNG file ensures that the background is transparent. Make sure the colour contrast is clear for you log to be visible to website visitors.

You'll also be able to customise the background colour, font colour and the widget icon colour. Enter your desired hex colour code or choose from the colour palette.

Choosing brand colours

2. Introduce your website

This tagline is the first message that you want your customers to see when expanding the widget.

Enter your introduction lines here - it could be a brief introduction or promotional message.

3. Welcome message and auto-reply

Welcome message appears on the live chat messenger when a new visitor lands on your website. It is an effective way to proactively reach your targeted customers.

Welcome | Message

Auto-reply message appears when someone replied to your welcome messages. You can use it to set expectation, collect phone numbers or email addresses.

The conversation will then be assigned to one of your staff according to your preset assignment rules.

Enter your welcome messages and auto-reply messages here:

Setting welcome message and auto-reply

4. Quick links and contents

You can put up to 3 links to showcase your key contents or frequently asked questions to your customers.

Links | Widget

Simply enter 3 hyperlinks into the boxes and the widget will show the featured image, title and meta description accordingly.

Quick links and contents

5. Custom titles for your sections

You can also set custom titles for different sections of your widget. This is incredibly useful when you have to support multi-lingual visitors and be more personalised.

Custom Titles

Simply enter your desired wordings for each sections for your live chat widget.

6. Save and preview your website messenger

Save & Preview

Click "Save" on the top right and make sure you have entered or uploaded everything. Click "Preview" to open the website messenger in a new window before installing on your site.

Done! Please check again your website! You should now see a beautiful lead generation monster live on your website!