Widget Customization

  • 07/12/2023
  • 525
  • 0

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

  1. Navigate to Settings > select Live Chat
NestDest - widget customization

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


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.

  • Choose a Message and Survey field text of your choice
NestDest - widget customization - pre-chat survey

Need any help?

Please contact our support team via live chat or email at [email protected] 

We are happy to help you as soon as possible! 


Featured articles

Updating shipping address

It is common sometimes for your customer not to use the current address or provide the wrong address. You really

Can’t Find What You Need? 🤔

Article Outline