Back to No-Code Website Builders

Integrate AI chatbots with WordPress

Powerful data capture fueled by Gravity Forms. The most powerful form solution for managing forms with WordPress.

Overview

Gravity Forms is a powerful WordPress plugin that enables users to create custom forms and automate workflows without any coding knowledge.

Unique Features:

  • Visual Form Editor: Intuitive drag-and-drop interface for easy form design.
  • Conditional Logic: Customize form behavior based on user input.
  • Payment Integration: Supports online payments through various processors.
  • Custom HTML Support: Allows integration of custom HTML for enhanced functionality.
  • Accessibility Compliance: Tools to create WCAG 2.1AA compliant forms.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML into Gravity Forms

  1. Add an HTML Field: In the Gravity Forms editor, drag and drop the HTML field to the desired location in your form.

  2. Open Field Settings: Click on the HTML field you just added to open its settings.

  3. Enter HTML Content: In the Content setting, input the HTML code you wish to display. This can include text, images, or any other HTML elements.

    • Example for an Image: 
      <img src="https://example.com/wp-content/uploads/2020/02/my_image.jpg" alt="Profile photo" />
    • Example for JavaScript: 
      <script>
function myCustomJs() {
    return true;
}
myCustomJs();
</script>

  4. Save Your Form: After entering your HTML content, save the form.

  5. Preview the Form: Access the form on your website to ensure the HTML content displays correctly as intended.

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