Back to No-Code Website Builders

Integrate AI chatbots with Blox Page Builder

No-code page builder for WordPress & Joomla; create custom addons with basic HTML knowledge.

Overview

Blox Page Builder is a no-code website builder for WordPress and Joomla, designed to empower users to create stunning websites effortlessly.

Unique Features:

  • Drag-and-Drop Interface: Easily design layouts without coding.
  • Custom Addon Creation: Users can create custom addons with basic HTML knowledge.
  • Extensive Addon Library: Access to a vast catalog of user interface elements, updated daily.
  • Responsive Design: All elements are fully responsive, adapting perfectly to mobile devices.
  • 24/7 Customer Support: Personalized assistance for any technical issues.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML in Blox Themes

  1. Access the Page Builder: Open the Blox Page Builder within your WordPress or Joomla dashboard.

  2. Select a Template or Start Fresh: Choose a pre-defined template from the library or start with a blank page to create your layout.

  3. Add a Custom Addon: Look for the option to add a new addon. This is typically found in the addon catalog or through a drag-and-drop interface.

  4. Use the HTML Tool: Once the addon is added, locate the HTML tool or custom code section within the addon settings. This is where you can input your HTML code.

  5. Input Your Custom HTML: Type or paste your custom HTML code into the provided field. Ensure that your code is correctly formatted to avoid errors.

  6. Customize Addon Attributes: If needed, customize the attributes of your addon using the options available. You can adjust styles, sizes, and other properties.

  7. Preview Your Changes: Use the preview function to see how your custom HTML integrates with the rest of your page. Make adjustments as necessary.

  8. Save and Publish: Once satisfied with your changes, save your work and publish the page to make it live.

  9. Test on Different Devices: After publishing, check your website on various devices to ensure that the custom HTML displays correctly and responsively.

Integration Guide

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

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

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