> For the complete documentation index, see [llms.txt](https://docs.getgymini.com/gymini/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.getgymini.com/gymini/features/features-overview/forms-surveys-chat/chat/webchat-for-duda.md).

# Webchat for Duda

#### Introduction

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

We'll walk you through the steps to start with Gymini Webchat for Duda.

#### **How to obtain the embed code for web chat for the website:** <a href="#how-to-obtain-the-embed-code-for-web-chat-for-the-website" id="how-to-obtain-the-embed-code-for-web-chat-for-the-website"></a>

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

<figure><img src="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297297829/original/oKtzhm7Qaeia1e1Pzl-q2_GbFteEF8ZoBw.gif?1683912268" alt=""><figcaption></figcaption></figure>

#### **Here are detailed steps on how to add a custom chat widget to a Duda website using different methods:** <a href="#here-are-detailed-steps-on-how-to-add-a-custom-chat-widget-to-a-duda-website-using-different-methods" id="here-are-detailed-steps-on-how-to-add-a-custom-chat-widget-to-a-duda-website-using-different-methods"></a>

#### **Method 1:**  <a href="#method-1" id="method-1"></a>

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

<br>

<figure><img src="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297320884/original/wBO0Ap0VVrjoUxrDNads9rKtzUtTk8IuFg.jpeg?1683922795" alt=""><figcaption></figcaption></figure>

* In the left column, click on Settings.&#x20;
* Then, click on Head HTML.
* Paste the embed code: Paste the chat widget's embed code into the editor.

<br>

<figure><img src="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297320881/original/hlGsehMfpbnRSL1HLQtvFzqWsVKnjg7edQ.jpeg?1683922795" alt=""><figcaption></figcaption></figure>

* 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:** <a href="#method-2" id="method-2"></a>

You can also add the chat widget using an HTML element In the editor.&#x20;

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.getgymini.com/gymini/features/features-overview/forms-surveys-chat/chat/webchat-for-duda.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.