# 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. - Source: https://docs.ghlcustomercare.com/docs/sites/chat-widget/add-ghl-customer-care-s-chat-widget-to-your-duda-website - Section: Sites / Chat Widget - Reading time: 1 min - Images: 3, each explained below - Modified on Fri, 11 Oct, 2024 at 2:01 PM --- 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:](#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:](#here-are-detailed-steps-on-how-to-add-a-custom-chat-widget-to-a-duda-website-usi) - #### [**Method 1:**](#method-1)  - #### [**Method 2:**](#method-2) --- # **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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297297829/original/oKtzhm7Qaeia1e1Pzl-q2_GbFteEF8ZoBw.gif) **How to obtain the embed code for web chat for the website: (image 1 of 3)** 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 Code - What to copy: Copy the embed code from Sites > Chat Widget > Get Code - Controls: Sites, Chat Widget, Get Code - Next: 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. --- ## **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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297320884/original/wBO0Ap0VVrjoUxrDNads9rKtzUtTk8IuFg.jpeg) **Method 1: (image 2 of 3)** 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. - What to click: 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. - Next: 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. Full 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297320881/original/hlGsehMfpbnRSL1HLQtvFzqWsVKnjg7edQ.jpeg) **Method 1: (image 3 of 3)** 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. - What to copy: 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. - Next: 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. Full 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. --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com