Back to No-Code Website Builders

Integrate AI chatbots with ColibriWP

The WordPress builder that gives you design superpowers. One interface and tens of spectacular themes up for grabs.

Overview

ColibriWP is a no-code website builder for WordPress that empowers users to create stunning websites without any coding skills.

Unique Features:

  • Drag-and-Drop Interface: Easily design websites using a visual editor.
  • 150+ Predefined Blocks: Quickly build pages with customizable content blocks.
  • 90+ Templates: Access professionally designed templates for various niches.
  • Custom HTML Support: Integrate custom HTML for advanced customization.
  • Mobile Optimization: All designs are responsive and look great on any device.

Add Custom HTML Documentation

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

  1. Access the Customizer: In your WordPress admin dashboard, go to Appearance -> Customize.
  2. Create a New Section: In the Customizer, create a new section where you want to add your custom HTML.
  3. Add Custom HTML: Use the Custom HTML widget or shortcode option to insert your HTML code. You can find the shortcode option by pressing the brackets icon.
  4. Paste Your Code: Paste your custom HTML code into the section you created.
  5. Save Changes: After adding your HTML, make sure to save your changes in the Customizer.
  6. Preview Your Site: Finally, preview your site to ensure the custom HTML appears as expected.

Integration Guide

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

How to integrate OpenAssistantGPT with ColibriWP

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

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