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: #

• Method 1: 
• Method 2:

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

Copy the embed code from Sites > Chat Widget > Get Code

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.

• 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.

• 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.