Chat Widget: How to Add an AI Agent Chat Widget to Your Site on Duda?

Are you looking for an easy way to connect with your website visitors and convert them into customers? PROSPER OS™ AI Agent web chat widget for websites built in Duda is the perfect solution for you!

In this article, we'll walk you through the steps to start with PROSPER OS™ AI Agent web chat widget for websites built in Duda.

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

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

How to Add an AI Agent Web Chat Widget to Your Duda Website Using the Head HTML?

• 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 and click 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 the widget appears in the correct location and works as expected.

How to Add an AI Agent Web Chat Widget to Your Duda Website Using the HTML Element?

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.