Back to No-Code Website Builders

Integrate AI chatbots with WYSIWYG Web Builder

No-code website builder with custom HTML integration; generates static HTML for faster loading.

Overview

WYSIWYG Web Builder 18 is a no-code website builder that enables users to create websites effortlessly using a drag-and-drop interface.

Unique Features:

  • Supports multiple layout methods including Bootstrap, flexbox, and CSS grid.
  • Generates static HTML pages for improved performance.
  • Allows integration of custom HTML and JavaScript.
  • Built-in content management system (CMS) for easy content updates.
  • Regular updates with new features like animations and responsive design tools.

Add Custom HTML Documentation

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

  1. Insert HTML Object:

    • Go to the menu and select Insert -> HTML.
    • This adds an HTML object to your page.
    • Double-click the object to edit its properties.
    • Enter a description and your custom HTML code.

  2. Using Page HTML:

    • To insert HTML in the <head> or <body> tags, select Page -> Page HTML from the menu.
    • Choose the appropriate tab to insert your code at the desired location (Start of Page, Between Head tags, Inside Body tag, etc.).

  3. Add HTML to Specific Objects:

    • Select the object you want to modify and go to Edit -> HTML.
    • Insert your custom code in the Object HTML window, selecting the appropriate tab for placement.

  4. Important Notes:

    • Do not include <!DOCTYPE>, <html>, <head>, or <body> tags in your custom code as these are already generated by WYSIWYG Web Builder.
    • Ensure your code is valid and does not conflict with other scripts on the page.

  5. Troubleshooting:

    • If your code does not work, check for missing closing tags, ensure you have not included the HTML structure tags, and verify that all necessary external files are included.

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