How to obtain the embed code for web chat for the website:
Copy the embed code from Sites > Chat Widget > Get Code
Here is a step-by-step guide on adding a custom chat widget to a Duda website using various 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.