Back to No-Code Website Builders

Integrate AI chatbots with Bricks

A Faster, More Customizable & Performant Tool To Visually Design Your Entire Site.

Overview

Bricks Builder is a no-code visual site builder for WordPress that empowers users to create unique, performant, and scalable websites without any coding skills.

Unique Features:

  • Drag-and-drop interface for full site editing.
  • Customizable CSS grid layouts.
  • WooCommerce builder for e-commerce sites.
  • Query Loop Builder for dynamic content management.
  • Supports custom HTML, CSS, JS, and PHP integration for tailored experiences.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML in Bricks Builder

  1. Access the Bricks Builder: Open your WordPress dashboard and navigate to the page where you want to add custom HTML.

  2. Add a Code Element: In the Bricks Builder interface, drag and drop the Code element onto your page. This element allows you to execute custom code.

  3. Enable Code Execution: Ensure that code execution is enabled for your user role. Go to Bricks > Settings > Custom Code and enable it for the appropriate user roles.

  4. Insert Your HTML: Click on the Code element you added, and in the code editor, paste your custom HTML code.

  5. Execute the Code: Make sure to check the Execute Code setting to run your HTML. If this is not enabled, the code will display as a snippet instead of executing.

  6. Save Your Changes: After adding your HTML, click the Sign code icon or use CMD/CTRL + R to save and run your code.

  7. Preview Your Page: Finally, preview your page to see the custom HTML in action. Adjust as necessary.

Integration Guide

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

How to integrate OpenAssistantGPT with Bricks

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

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