Customize live chat widget

  • 01/03/2023
  • 143
  • 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 in 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 Setting > click on Integrations > select Live Chat
Enable NestDesk live chat

2. Click on Edit icon next to your store URL 

Click on Edit icon

3. After that you switch on Integration Settings toggle > click on Go to app embeds button. 

Now you will be directed to Shopify theme editor page. Please switch on the NestDesk app toggle and hit Save button. 

Come back to the Integration page in your NestDesk account > click on Save button. 

Enable live chat

Set up chat widget position

  1. Click on Integration settings 
  2. Under Chat widget position on page, select an option from the drop-down list 
  3. Click on Save button
Set up chat widget position

Customize the chat widget’s design 

  1. Click on Design settings 
  2. Now you can change the style of your chat widget with four default fields as shown below
  • 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 
Customize the chat widget’s design

You can easily preview how your chat widget displays after customization right on this settings page 

  1. Hit the Save button to save all your setup 

Need more help? Feel free to contact us via live chat or email at [email protected]. Our support team is happy to assist you!

Help us improve our Support Center. Was this article helpful?

Featured articles