Back to No-Code Website Builders

Integrate AI chatbots with Visual Composer

We build software that gives you freedom in website creation. Any layout. Fast and easy

Overview

Visual Composer is a premium website builder for WordPress that allows users to create professional-looking websites quickly and easily without coding skills.

Unique Features:

  • Drag-and-Drop Interface: Simplifies the website creation process.
  • 500+ Content Elements: A rich library of templates and blocks.
  • SEO Optimization: Built-in tools to enhance website visibility.
  • Custom HTML Integration: Flexibility for advanced users to add custom code.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML in Visual Composer

  1. Open Your Page: Navigate to the page where you want to add custom HTML in Visual Composer.

  2. Add Raw HTML Element:

    • In the Visual Composer editor, look for the Raw HTML element in the elements panel.
    • Drag and drop the Raw HTML element onto your page where you want the custom HTML to appear.

  3. Insert Your HTML Code:

    • Click on the Raw HTML element you just added.
    • A settings window will open where you can paste your custom HTML code.

  4. Save Changes:

    • After inserting your HTML, make sure to save your changes.
    • Preview the page to ensure the HTML is rendering as expected.

  5. Sitewide Code (Optional): If you want to add custom HTML sitewide (in the header or footer):

    • Go to Visual Composer > CSS & JavaScript.
    • Find the section for Custom HTML and JavaScript and add your code there.

  6. Publish/Update Your Page: Once you are satisfied with the changes, publish or update your page to make the changes live.

Integration Guide

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

How to integrate OpenAssistantGPT with Visual Composer

  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 Visual Composer website

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