Back to No-Code Website Builders

Integrate AI chatbots with openElement

No-code website builder with drag-and-drop customization; supports custom HTML integration for advanced users.

Overview

openElement is a no-code website building application that offers a WYSIWYG interface, enabling users to create websites effortlessly without coding skills.

Unique Features:

  • Drag-and-drop functionality for easy customization.
  • Ability to create, reuse, and share custom elements.
  • Supports integration of custom HTML and scripts, enhancing flexibility for advanced users.

Add Custom HTML Documentation

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

  1. Open Your Project: Launch openElement and open the project where you want to add custom HTML.

  2. Use the Code Block Element: Drag and drop the 'Code Block' element onto your page. This element allows you to insert custom HTML directly.

  3. Insert Your HTML: Click on the 'Code Block' to edit it. Paste your custom HTML code into the provided area.

  4. Add JavaScript or CSS: To include JavaScript or CSS, use the 'Source Code' button located at the top of the working area. This will allow you to add scripts and styles that will be retained by openElement.

  5. Save Your Changes: After adding your custom code, make sure to save your project. openElement will keep your custom code intact during future edits.

  6. Preview and Test: Use the preview feature to test your website and ensure that the custom HTML is functioning as expected.

Integration Guide

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

How to integrate OpenAssistantGPT with openElement

  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 openElement website

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