Widget Customization

In this post, you will learn how to customize live chat widget to match your store’s look and feel. Let’s get started now!

First off, make sure you’ve already logged into NestDesk. If you don’t have NestDesk account, please create a new one here.

How to customize live chat widget

To customize your live chat widget, you first need to connect your eCommerce store to NestDesk.

Enable live chat widget

Navigate to Settings > select Live Chat

There will be 4 sections in Customization:

Embed app
Widget theme
Position
Design settings
Pre-chat survey

Each customization will appear as pictured example right next to the setting part. Let’s take a walk through each!

Embed app

Go to the app embeds section and enable the NestDesk Live Chat section to show the live chat widget on your store-front. You can skip this step if you have already turn on the toggle on the last step.

Widget theme

Here you could choose the theme that best suited to your site.

Choose one theme, it will right away appear on the illustration widget

NestDest - widget customization - choose widget theme

Position

What is the most suitable position for your chat widget? Select one from the drop down box

Note: NestDesk recommend you to choose either Bottom left or Bottom right depending on your website layout, which is easier for your customer to view

NestDest - widget customization - choose widget position

Design settings

Primary color: This is the header color of the chat widget
Title text: Greet your customers with a short text in title text
Title color: Pick a color for your title from color palette or paste a color code
Intro text: Motivate customers to contact us via live chat by adding a short intro text
Intro color: Pick a color for your intro text from color palette or paste a color code

NestDest - widget customization - choose widget design

Pre-chat survey

Pre-chat survey refers to a set of questions presented to users before they initiate a chat conversation with a support agent or representative.

The purpose of the pre-chat survey is to gather essential information from the user that can assist the agent in providing more personalized and efficient support.