Back to No-Code Website Builders

Integrate AI chatbots with WYSIWYG Web Builder

WYSIWYG Web Builder with drag-and-drop interface; supports custom HTML integration for enhanced flexibility.

Overview

WYSIWYG Web Builder is an all-in-one website creation tool that allows users to design websites visually without needing to know HTML. Key features include:

  • Drag-and-Drop Interface: Easily position elements anywhere on the page.
  • No HTML Knowledge Required: Users can create websites without coding.
  • Custom HTML Integration: Option to add custom HTML for each object.
  • Responsive Design Support: Create layouts that work on any device.
  • Built-in Tools: Includes form tools, customizable menus, and a content management system.
  • Extensive Template Library: Access to over 100 ready-to-use templates.

This tool is ideal for both beginners and professionals looking for flexibility in web design.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML in WYSIWYG Web Builder

  1. Using the HTML Object:

    • Go to Insert -> HTML to add an HTML object to your page.
    • Double-click the object to edit its properties.
    • Enter a description and your custom HTML code.
    • WYSIWYG Web Builder will position the HTML as specified.

  2. Using Page HTML:

    • Select Page -> Page HTML to open the Page HTML window.
    • Choose where to insert your code (e.g., Start of Page, Between Head tags, Inside Body, etc.).
    • Insert your code without including the <!DOCTYPE>, <html>, <head>, or <body> tags.

  3. Adding HTML to Specific Objects:

    • Select the object and go to Edit -> HTML to display the Object HTML window.
    • Choose the appropriate tab to insert your custom code.

  4. Include External Files:

    • Use the File Publisher object to include external scripts or stylesheets.

  5. Troubleshooting:

    • Ensure no structural tags are included in your custom code.
    • Check for missing closing tags or dependencies on other scripts.
    • Verify the placement of your code within the page structure.

Integration Guide

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

How to integrate OpenAssistantGPT with WYSIWYG Web Builder

  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 WYSIWYG Web Builder website

    Log in to your WYSIWYG Web Builder 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 WYSIWYG Web Builder, 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