Back to No-Code Website Builders

Integrate AI chatbots with BetterForm

No-code form builder enabling custom HTML integration; setup in 5 minutes with unlimited submissions.

Overview

BetterForm is a no-code form management tool that allows users to create and manage forms effortlessly.

Unique Features:

  • Quick Setup: Get started in just 5 minutes by embedding a simple script and adding an attribute to HTML forms.
  • Data Ownership: Users retain full ownership of their data, with the ability to export it anytime.
  • File Uploads: Supports hassle-free file uploads without additional setup.
  • Free Forever Plan: Unlimited submissions available with branding on forms.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML with BetterForm

  1. Embed the Script:

    • Copy the provided JavaScript snippet from BetterForm.
    • Paste this script at the beginning of your HTML page, just before the closing </head> tag.

  2. Add the Form Attribute:

    • Identify the HTML form on your website where you want to collect submissions.
    • Add the data-betterform attribute to your form tag. For example: 
      <form data-betterform action="/submit" method="POST">

  3. Customize Your Form:

    • You can add any additional HTML elements or attributes as needed for your form.
    • Ensure that the form fields are properly set up to capture the data you need.

  4. Test Your Form:

    • Save your changes and open your webpage in a browser.
    • Fill out the form and submit it to ensure that submissions are being captured in your BetterForm admin panel.

  5. Monitor Submissions:

    • Log in to your BetterForm account to view and manage the submissions received from your form.

Integration Guide

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

How to integrate OpenAssistantGPT with BetterForm

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

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