Duda Integration Guide

QuackChat on Duda

Add the QuackChat widget to your Duda site using the HTML widget or site-wide head/body code.

Quick Start (TL;DR)

1. Go to Site Settings > Head & Body Scripts
2. Paste the widget code in Body End
3. Save and publish

Prerequisites

• Duda account
• Bot ID from your QuackChat dashboard

Step-by-Step Installation

Option A: Site-Wide Scripts (Recommended)

1. Open your site in the Duda Editor
2. Click the hamburger menu (☰) in the top-left
3. Go to Settings > Head & Body Scripts
4. In the Body - End of body section, paste:

<script
  src="https://www.quackchat.app/widget/quackchat-widget.js"
  data-bot-id="YOUR_BOT_ID"
></script>

5. Click Save
6. Publish your site

Option B: HTML Widget (Specific Pages)

1. Open the page in the Duda Editor
2. Click Add Element (+)
3. Search for HTML
4. Drag the HTML widget to your page
5. Click the widget and paste the code
6. Resize the widget to be as small as possible
7. Position in the corner
8. Publish

Verification

Quick test:

1. Publish your Duda site
2. Visit the live URL
3. Look for the chat bubble
4. Test sending a message

Duda for Agencies

If you're a Duda agency:

1. Create a reusable widget in Widget Builder
2. Include the QuackChat script
3. Add a settings field for Bot ID
4. Deploy across client sites easily

Troubleshooting

Widget doesn't appear in editor preview

Cause: Editor preview may not execute all scripts.

Solution: Publish and view the live site.

Widget appears in wrong position

Cause: HTML widget affects layout.

Solution: Use site-wide scripts (Option A) instead of HTML widget.

Known Limitations

• Editor preview may not show the widget
• Must publish to test