Back to No-Code Website Builders

Integrate AI chatbots with Avada

Check out our company's website

Overview

Avada Website Builder

Avada is a powerful, no-code website builder for WordPress, ideal for beginners and professionals alike. It features:

  • 105 Prebuilt Websites: Quickly import and customize templates.
  • 120+ Design Elements: Flexible options for any design purpose.
  • Dynamic Content: Create unique layouts with ease.
  • WooCommerce Integration: Build successful online stores.
  • Mobile-Friendly: Fully responsive across all devices.

Experience total control over your website creation process with Avada.

Add Custom HTML Documentation

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

  1. Enable Code Block Encoding:

    • Navigate to Avada > Options > Advanced > Features.
    • Ensure that Code Block Encoding is enabled. This prevents WordPress from altering your code.

  2. Add a Code Block Element:

    • Open the page or post where you want to add custom HTML.
    • In the Avada Builder, select the Code Block Element from the available elements.

  3. Insert Your Custom HTML:

    • Click on the Code Block Element to edit it.
    • Paste your custom HTML code into the provided field.

  4. Save and Preview:

    • Save your changes and preview the page to ensure that the HTML displays correctly.

  5. Troubleshooting:

    • If the code does not appear as expected, double-check that Code Block Encoding is enabled and that you are using the Code Block Element correctly.

Integration Guide

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

How to integrate OpenAssistantGPT with Avada

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

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