Back to No-Code Website Builders

Integrate AI chatbots with Mizani One

No-code website builder with drag-and-drop editor; supports custom HTML/CSS/JavaScript integration.

Overview

Mizani One is a no-code website builder that empowers users to create responsive websites effortlessly. Key features include:

  • Drag-and-Drop Editor: Simplifies the design process, allowing users to build sites without coding.
  • Device Customization: Offers full control over site appearance on desktop, tablet, and mobile.
  • Custom HTML Support: Enables advanced users to integrate their own HTML, CSS, and JavaScript for enhanced functionality.
  • Mobile-Friendly Dashboard: Facilitates site editing on-the-go, ensuring accessibility for users anytime, anywhere.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML in MizaniDesign

  1. Log into Your Mizani Account: Start by logging into your MizaniDesign account using your credentials.

  2. Select Your Project: Navigate to the project where you want to add custom HTML.

  3. Access the Editor: Click on the "Edit" button to open the website editor.

  4. Locate the Custom HTML Widget: In the editor, look for the "Widgets" section. Find the option labeled "Custom HTML" or similar.

  5. Drag and Drop the Widget: Drag the Custom HTML widget to the desired location on your webpage where you want to insert your HTML code.

  6. Open the HTML Editor: Click on the Custom HTML widget you just placed. This should open an HTML editor or a text box.

  7. Insert Your HTML Code: Paste or type your custom HTML code into the editor. Ensure that your code is correct and does not contain errors.

  8. Preview Your Changes: Use the preview function to see how your custom HTML appears on the site. Make adjustments as necessary.

  9. Save Your Changes: Once you are satisfied with how it looks, save your changes to ensure your custom HTML is integrated into your site.

  10. Publish Your Site: Finally, publish your site to make the changes live for visitors.

Integration Guide

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

How to integrate OpenAssistantGPT with Mizani One

  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 Mizani One website

    Log in to your Mizani One 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 Mizani One, 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