Back to No-Code Website Builders

Integrate AI chatbots with WordPress

WordPress is web publishing software you can use to create a beautiful website or blog

Overview

WordPress is a powerful open-source publishing platform designed for creating websites and blogs without the need for coding skills. Its unique features include:

  • No-Code Website Builder: Users can create and customize websites using flexible design tools and a block-based editor, allowing for intuitive editing without any coding.
  • Extensive Plugin Library: Enhance functionality with a wide range of plugins, enabling users to add features like e-commerce, analytics, and social media integration.
  • Real-Time Editing: See changes in real-time as content is added or modified, making the site-building experience seamless and user-friendly.

Add Custom HTML Documentation

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

  1. Log in to WordPress: Access your WordPress dashboard.

  2. Navigate to Posts or Pages: Choose whether you want to add HTML to a post or a page.

  3. Edit the Desired Post/Page: Hover over the post or page you want to edit and click Edit.

  4. Add a Custom HTML Block:

    • Click the + button to add a new block.
    • Search for Custom HTML and select it.

  5. Insert Your HTML Code: Paste your custom HTML code into the block.

  6. Preview Your Changes: Click on Preview to see how your HTML will appear on the site.

  7. Update the Post/Page: Once satisfied, click Update to save your changes.

Alternative Methods

  • Edit Existing Blocks: Click on an existing block, select the three dots menu, and choose Edit as HTML to modify the HTML of that block.
  • Use the Code Editor: For full-page edits, click the three dots in the top right corner and select Code editor to view and edit the entire page's HTML.
  • Using Plugins: For site-wide HTML integration, consider using a plugin like WPCode to manage custom HTML snippets more effectively.

Integration Guide

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

How to integrate OpenAssistantGPT with WordPress

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

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