Skip to content

Create a Form with OpenAI ChatGPT

Fluent Forms now integrates OpenAI ChatGPT, making it easier for users to create Forms effortlessly with simple commands. This article will guide you through the process of creating a form using OpenAI ChatGPT.

NOTE

OpenAI ChatGPT is a Pro feature. Install and activate the free Fluent Forms plugin, then add the Fluent Forms Pro Add-on. For free AI form creation without an OpenAI API key, use Fluent Forms AI.

Enable the OpenAI ChatGPT Module

Before starting the process of creating a Form using OpenAI ChatGPT, you need to make sure the OpenAI ChatGPT module is enabled. Otherwise, you will not automatically get this module in your Fluent Forms.

To enable the OpenAI ChatGPT module in your Fluent Forms, go to Integrations from the WordPress Left Sidebar or Fluent Forms Navbar. For the full setup, see How to Integrate OpenAI ChatGPT with Fluent Forms.

Now, search for OpenAI ChatGPT through the search bar, turn on the Toggle, and your OpenAI ChatGPT module will be enabled.

Enable ChatGPT module

Create Forms using OpenAI ChatGPT

To start, log in to your WordPress Dashboard. Now, navigate to the Fluent Forms Plugin and click the New Form button from the left sidebar. Or, go to the Fluent Forms Navbar, click the Forms, and click the + Add New Form button.

Add new form

Now, a pop-up will appear with various options. Click the Create using AI tab.

ChatGPT AI tab

A new pop-up opens with OpenAI ChatGPT on the right for form generation.

A brief explanation of the features mentioned in the screenshot is given below:

  • Create a Form for: Here, you need to enter the Title/Purpose to specify the type of form you want to create (e.g., survey, payment, registration form, etc.). You can also choose the pre-built prompts suggested below to avoid writing commands from scratch.
  • Suggestions: Here, you’ll see some pre-built commands. Simply select the type of form you want and click the button. The ready-made command will automatically be added to the Create a Form field.
  • Including these questions: You can provide extra detailed instructions about the information you want to include in your form.

For example, here I am creating a form for ordering fast food. So, the instructions are provided related to it. You can give instructions according to your necessity based on your requirements.

Once you are done providing your desired commands, click the Create button.

ChatGPT create form

Here you can see that the Form is fully ready with less time and effort only by using a few simple commands of OpenAI ChatGPT!

ChatGPT form editor

Customize the Form

Once you are on the Editor page of your newly created form you can customize the added fields according to your needs.

To customize an added field, hover over it and the following customization options will appear.

a. Drag & Drop: With this option, you can move your fields anywhere easily.

b. Arrow: Using this option, you can move your fields one step up or down.

c. Edit: Click the Pencil/Edit Icon, and it will take you to the Input Customization tab on the right sidebar which offers a wide range of options for customization.

d. Duplicate: Click this button and the field will be duplicated.

e. Delete: Click this Trash Icon and your field will be deleted.

Input customization

Add New Fields

From the Editor page of your newly created form, you can also add new fields based on your needs.

To add the desired fields, click the Plus Icon, go to the desired Fields section, and press the field you want to add. Or, go to the Input Fields tab on the right side, open the desired Fields sections by clicking the Dropdown Arrow, and select the field you need.

You can also search for the desired fields through their name using the Search Bar.

Tip: See the General Fields, Advanced Fields, and other field categories in the documentation sidebar for guides on each input type.

Add form fields

Embed Form into Frontend

Once you complete the process, you can embed and display the form to the desired Page/Post of your WordPress Site by copying the Shortcode on the top right side.

Also, to see the form preview, click the Preview & Design button in the middle.

Finally, press the Save Form button to save all your changes.

Save Fluent Forms

Preview of Form

Here is the preview of the Form that we just created.

ChatGPT form preview

This way you can easily create the Forms by using the OpenAI ChatGPT in Fluent Forms!