Back to No-Code Website Builders

Integrate AI chatbots with Formidable Forms

The most advanced WordPress form builder.

Overview

Tool Description:
Formidable Forms is an advanced WordPress plugin that enables users to create a wide range of forms without any coding knowledge.

Unique Features:

  • Drag-and-Drop Builder: Easily build forms by dragging and dropping elements.
  • Custom HTML Support: Over 125 hooks for extensive customization.
  • Dynamic Fields & Conditional Logic: Create complex forms with advanced functionalities.
  • Integration Capabilities: Connect with various third-party services for enhanced functionality.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML in Formidable Forms

  1. Install and Activate Formidable Forms
    Ensure that you have the Formidable Forms plugin installed and activated on your WordPress site.

  2. Create a New Form
    Navigate to the Formidable Forms dashboard and click on "Add New" to create a new form or select an existing form to edit.

  3. Access the Form Builder
    Use the drag-and-drop form builder interface to add fields to your form as needed.

  4. Add Custom HTML Field
    In the form builder, look for the "HTML" field option. Drag and drop this field into your form where you want to integrate custom HTML.

  5. Edit the HTML Field
    Click on the HTML field you just added. A settings panel will appear where you can input your custom HTML code. Enter your desired HTML markup here.

  6. Customize Further (Optional)
    If you need to add CSS styles or JavaScript, you can do so by navigating to the "Settings" tab of your form and adding your custom code in the appropriate sections.

  7. Preview Your Form
    After adding your custom HTML, use the preview option to see how your form looks and ensure that the HTML is rendering correctly.

  8. Publish Your Form
    Once satisfied with the integration, save your changes and publish the form on your WordPress site using the provided shortcode or block.

  9. Test the Form
    Finally, test the form on your live site to ensure that the custom HTML functions as expected and does not interfere with other elements of your site.

Integration Guide

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

How to integrate OpenAssistantGPT with Formidable Forms

  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 Formidable Forms website

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