Back to No-Code Website Builders

Integrate AI chatbots with Duda

Build amazing websites with the leading professional website builder trusted by web pros, agencies, and SaaS platforms.

Overview

Duda is a leading no-code website builder tailored for agencies and SaaS platforms, allowing users to create responsive, SEO-optimized websites effortlessly.

Unique Features:

  • No-Code Editor: Build sites quickly without coding skills.
  • API Integrations: Seamlessly connect with third-party services.
  • Custom HTML Support: Integrate custom code via HTML widgets.
  • Automation Tools: Enhance productivity with built-in automations and client management features.
  • Performance Optimization: Websites are designed for fast loading and high security.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML into Duda

Method 1: Using the HTML Widget

  1. Access the Editor: Open your Duda website editor.
  2. Add the HTML Widget: Click on Widgets in the side panel, then drag the HTML widget to your desired location on the page.
  3. Insert Your Code: Click on the HTML widget to open its settings. Paste your custom HTML code into the provided text box.
  4. Save Changes: Click Update to save your changes.

Method 2: Using Developer Mode

  1. Enter Developer Mode: Click on Developer Mode in the navigation bar or right-click on a widget and select Edit HTML/CSS.
  2. Edit HTML/CSS: You can modify existing code or add new custom code here. Ensure you understand the code you are adding.
  3. Save and Preview: Use the Save and Preview buttons to check your changes.

Important Notes

  • Backup Your Site: Always create a backup before adding custom code.
  • Use Trusted Code: Only add code from trusted sources and ensure you know its functionality.
  • Limitations: Server-side scripts (like PHP) will not work in the HTML widget; use client-side scripts (JavaScript, HTML) only.
  • HTTPS Compliance: Ensure any external scripts are HTTPS compliant to avoid loading issues.

Integration Guide

For more information on how to add custom HTML to your Duda website, please refer to the Custom HTML Documentation.

How to integrate OpenAssistantGPT with Duda

  1. Create your OpenAssistantGPT chatbot

    Sign in to your OpenAssistantGPT dashboard and create a new chatbot or select an existing one.

  2. Configure your chatbot settings

    Customize your chatbot's appearance, behavior, and knowledge base to match your website's needs.

  3. Get your embed code

    In your OpenAssistantGPT dashboard, go to the "Deployment" section and copy your unique embed code.

  4. Add the embed code to your Duda website

    Log in to your Duda account, open your website editor, and add an HTML or Custom Code element to your site. Paste the OpenAssistantGPT embed code into this element.

  5. Publish your website

    Save your changes and publish your website to make the chatbot live.

Advanced Configuration

For more advanced integrations with Duda, you can customize the following:

  • Chatbot position and appearance on your website
  • Trigger conditions (e.g., time on page, scroll depth)
  • Custom welcome messages based on the page content
  • Integration with your existing forms and contact systems

Builder Details

No-code Solution

✅ No coding required

Custom HTML Support

✅ Supports custom HTML