Skip to content
Sites

Add GHL Customer Care's Chat Widget to Your Duda Website

Are you looking for an easy way to connect with your website visitors and convert them into customers? GHL Customer Care Webchat for Duda is the perfect solution for you! In this article, we'll walk you through the steps to start with GHL Customer Care Webchat for Duda.

1 min read311 words3 explained imagesUpdated Fri, 11 Oct, 2024 at 2:01 PM
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. Here are detailed steps on how to add a custom chat widget to a Duda website using different methods:
  2. Method 1:
  3. Method 2:

Are you looking for an easy way to connect with your website visitors and convert them into customers? GHL Customer Care Webchat for Duda is the perfect solution for you!

In this article, we'll walk you through the steps to start with GHL Customer Care Webchat for Duda.

Covered in this article:

How to obtain the embed code for web chat for the website:

Here are detailed steps on how to add a custom chat widget to a Duda website using different methods:

How to obtain the embed code for web chat for the website:

Copy the embed code from Sites > Chat Widget > Get Code
How to obtain the embed code for web chat for the website: (image 1 of 3) What this shows Copy the embed code from Sites > Chat Widget > Get Code What this shows Illustrates the "How to obtain the embed code for web chat for the website:" section of "Add GHL Customer Care's Chat Widget to Your Duda Website". This animation appears in the "How to obtain the embed code for web chat for the website:" section of "Add GHL Customer Care's Chat Widget to Your Duda Website". The text alongside this image reads: Copy the embed code from Sites > Chat Widget > Get Code. The navigation path used here is Sites > Chat Widget > Get Code. Immediately after, the guide continues: Log in to your Duda account: Log in to your Duda dashboard and open your website’s editor mode. Edit the site: Navigate to the site you want to add the chat widget to and click on the "Edit Site" button. Path: Sites > Chat Widget > Get CodeImage 1 of 3 What to copyCopy the embed code from Sites > Chat Widget > Get Code
Buttons and menus referenced SitesChat WidgetGet Code
Next stepLog in to your Duda account: Log in to your Duda dashboard and open your website’s editor mode. Edit the site: Navigate to the site you want to add the chat widget to and click on the "Edit Site" button.

Here are detailed steps on how to add a custom chat widget to a Duda website using different methods:

Method 1: 

  • Log in to your Duda account: Log in to your Duda dashboard and open your website’s editor mode.
  • Edit the site: Navigate to the site you want to add the chat widget to and click on the "Edit Site" button.
Method 1: (image 2 of 3) What this shows Log in to your Duda account: Log in to your Duda dashboard and open your website’s editor mode. What this shows Illustrates the "Method 1:" section of "Add GHL Customer Care's Chat Widget to Your Duda Website". This screenshot appears in the "Method 1:" section of "Add GHL Customer Care's Chat Widget to Your Duda Website". The text alongside this image reads: Log in to your Duda account: Log in to your Duda dashboard and open your website’s editor mode. Edit the site: Navigate to the site you want to add the chat widget to and click on the "Edit Site" button. Immediately after, the guide continues: In the left column, click on Settings. Then, click on Head HTML. Paste the embed code: Paste the chat widget's embed code into the editor. Image 2 of 3 What to clickLog in to your Duda account: Log in to your Duda dashboard and open your website’s editor mode. Edit the site: Navigate to the site you want to add the chat widget to and click on the "Edit Site" button. Next stepIn the left column, click on Settings. Then, click on Head HTML. Paste the embed code: Paste the chat widget's embed code into the editor.
All 2 steps in this procedure
  1. Log in to your Duda account: Log in to your Duda dashboard and open your website’s editor mode.
  2. Edit the site: Navigate to the site you want to add the chat widget to and click on the "Edit Site" button.
  • In the left column, click on Settings. 
  • Then, click on Head HTML.
  • Paste the embed code: Paste the chat widget's embed code into the editor.
Method 1: (image 3 of 3) What this shows In the left column, click on Settings. What this shows Illustrates the "Method 1:" section of "Add GHL Customer Care's Chat Widget to Your Duda Website". This screenshot appears in the "Method 1:" section of "Add GHL Customer Care's Chat Widget to Your Duda Website". The text alongside this image reads: In the left column, click on Settings. Then, click on Head HTML. Paste the embed code: Paste the chat widget's embed code into the editor. Immediately after, the guide continues: Save the changes: Click on the "Save" button to save your changes. Preview the chat widget: Preview your site to ensure that the widget appears in the correct location and works as expected. Image 3 of 3 What to copyIn the left column, click on Settings. Then, click on Head HTML. Paste the embed code: Paste the chat widget's embed code into the editor. Next stepSave the changes: Click on the "Save" button to save your changes. Preview the chat widget: Preview your site to ensure that the widget appears in the correct location and works as expected.
All 2 steps in this procedure
  1. Log in to your Duda account: Log in to your Duda dashboard and open your website’s editor mode.
  2. Edit the site: Navigate to the site you want to add the chat widget to and click on the "Edit Site" button.
  • Save the changes: Click on the "Save" button to save your changes.
  • Preview the chat widget: Preview your site to ensure that the widget appears in the correct location and works as expected.

Method 2:

You can also add the chat widget using an HTML element In the editor. 
  • Add an HTML element: In the editor, drag and drop an HTML element onto the page where you want the chat widget to appear.
  • Open the HTML editor: Double-click on the HTML element you just added to open the HTML editor.
  • Paste the embed code: Paste the embed code for your chat widget into the HTML editor.
  • Save the changes: Click on the "Save" button to save your changes.

Was this guide helpful?

Related guides

Getting Started with Chat Widget5 min read · 16 imagesOverview of Chat Widget Customizations6 min read · 10 imagesChat Widget - Business Office Hours in Live Chat1 min read · 7 imagesChat Widget - Send your leads to Whatsapp Chat1 min read · 4 images