Back to No-Code Website Builders

Integrate AI chatbots with WPBakery Page Builder

Here at WPBakery, we believe that WordPress is the right choice for your website

Overview

WPBakery Page Builder is a powerful no-code website builder for WordPress that enables users to create stunning pages with ease.

Unique Features:

  • Drag-and-Drop Interface: Build layouts without coding.
  • Content Elements: Access over 50 built-in elements and 250+ add-ons.
  • Custom HTML Support: Integrate custom code using the 'Raw HTML' element.
  • Third-Party Plugin Compatibility: Works seamlessly with various plugins for enhanced functionality.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML into WPBakery

  1. Open WPBakery Page Builder: Start by editing the page or post where you want to add custom HTML using the WPBakery Page Builder.

  2. Add a New Element: Click on the '+' button to add a new content element to your page.

  3. Select 'Raw HTML' Element: In the elements list, find and select the 'Raw HTML' element. This element allows you to insert custom HTML code directly into your page.

  4. Insert Your HTML Code: In the settings for the 'Raw HTML' element, you will see a text area. Paste your custom HTML code into this area.

  5. Save Changes: After inserting your HTML code, click on the 'Save Changes' button to apply the changes.

  6. Preview Your Page: Use the preview option to see how your custom HTML appears on the page. Make sure it displays as intended.

  7. Publish or Update: Once you are satisfied with the changes, click on the 'Publish' or 'Update' button to make your changes live on the website.

Integration Guide

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

How to integrate OpenAssistantGPT with WPBakery Page 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 WPBakery Page Builder website

    Log in to your WPBakery Page 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 WPBakery Page 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