Limited time Limited time
Start the Season With Better Forms
Up to 40%Off
Up to 40%Off
Grab Now
documentation-logo
Menu
  • Guides
  • Form Management

How do I create forms in IvyForms

After you install and configure IvyForms, you can start building your first form directly from your WordPress dashboard. From there, the process is simple, visual, and requires no coding knowledge.

IvyForms uses a modern drag-and-drop interface that lets you add, reorder, and customize fields quickly. In addition, you can style each form to match your website’s look and feel.

Where can I create a new form?

To create a new form, go to:
WordPress Dashboard → IvyForms → New Form

When you click New Form, a popup appears with several ways to start your form:

  • Start from scratch – build your form manually using the drag-and-drop builder.
  • Generate with AI – describe the form you need and let AI build it for you. See How do I create a form with AI? below.
  • Conversational Form – build a guided, chat-style form that shows one question at a time. Learn more in the conversational forms documentation.
  • Import – upload a JSON file to import a form. Learn more in the managing forms documentation.

Below these options, the popup also shows a Select a template section with ready-made templates.

Popup in IvyForms offering options to start from scratch, use a template, generate with AI, or import

How do I create a form using existing templates?

When creating a new form, you can start by selecting one of the available templates from the template selection popup. IvyForms offers a wide range of free and premium form templates, organized into categories and subcategories on the left side, making it easier to find a suitable starting point.

You can mark a template as a favorite by clicking the star icon in the top-right corner of the template preview. When hovering over a template, you can preview it or click Use this template to start working with it.

The preview allows you to interact with the form fields, but the Submit button is disabled and does not send any data. Within the preview window, you can also switch between desktop, tablet, and mobile views to see how the form will look on different devices.

Once you select a template, it becomes fully editable. You can change field types, adjust field options, add or remove fields, and customize the form to match your needs.

How do I create a form from scratch?

Select Start from scratch to open the form builder interface. This is where you’ll add and organize fields, preview your design, and configure the form’s behavior.

If you’ve already created some forms, you can also use the + Form button located on the All Forms page to start a new one quickly.

When you open the form builder, IvyForms automatically saves your new form and adds it to the All Forms table. Any changes you make afterward must be saved manually using the Update button in the top-right corner.

At the top of the interface, you’ll find quick-access tools for toggling Light/Dark Mode, accessing Support, Previewing the form, and enabling Full Screen view (you can also press F11 for a distraction-free workspace).

How do I create a form with AI?

You create a form with AI by choosing Generate with AI in the new form popup, describing what you need, and clicking Generate form. IvyForms builds the form and opens it in the builder, where you can edit it like any other form. The feature needs an AI provider connected in Settings → Connectors in WordPress, so the option is locked until you set one up.

Why is Generate with AI locked?

The option is locked when WordPress has no connected AI provider that supports text generation. When you click it, a popup explains the problem and offers a button to fix it; for a missing provider, click Open Connectors to go straight to the right screen. The popup can also ask you to update WordPress to a version that supports AI, install and activate the WordPress AI plugin, or ask your administrator or host to enable AI, depending on your site.

IvyForms popup explaining that AI form generation is locked

How do I connect an AI provider?

You connect a provider in WordPress, using an API key created in your AI provider’s account. The steps below use Anthropic as an example.

  1. Go to WordPress Dashboard → Settings → Connectors, or click Open Connectors in the locked popup.
  2. On the Anthropic card, click Set up. The Google and OpenAI cards show Install instead, because their connectors have to be installed first.
WordPress Connectors page with the Anthropic Set up button
  1. In another tab, open your Anthropic console, go to API keys, and click Create key.
  2. Give the key a name such as ivyforms-key, choose when it expires, pick the linked account and scope, and click Create key.
Create API key dialog in the Anthropic console
  1. Copy the key right away and store it somewhere safe.
  2. Back in WordPress, paste the key into the API key field and click Save. The card then shows Connected.

The API key is shown only once, when you create it. Copy it immediately and store it in a safe place such as a password manager, because you cannot view it again later. If you lose it, create a new key.

Choosing Never in the expiration field makes the console show a warning that long-lived keys are a security risk if they leak. A key with an expiry date is safer, but you then have to create a new key and update it in Connectors each time it expires. Requests made through the connector are billed by your AI provider.

How do I generate a form with AI?

Go to WordPress Dashboard → IvyForms → New form and click Generate with AI. In the Describe your form box, write what the form should collect, up to 1000 characters, or click one of the suggestions below the box. For example, you can ask for a graphic designer job application form with contact details, LinkedIn and portfolio links, a resume upload, a preferred work arrangement, and reference emails. Click Generate form, wait a moment while IvyForms builds it, and the finished form opens in the builder.

Describe your form popup with a job application prompt in IvyForms

Unless you ask for more or fewer, the AI usually builds between 4 and 12 fields, with the right field types, labels, required settings, and options for choice fields. The form is saved like any other, and you can edit the fields, change the settings or delete it. Click Update after making changes. Multi-page and chat-style forms are available with Pro.

What if the form is not generated?

If generation fails, IvyForms shows a message and you can try again without losing anything. If the description is not understood, name the fields the form should collect. If it is too long, shorten it to under 1000 characters. If the provider returns an invalid response, click Generate form again, or check your key in Settings → Connectors.

How do I add and organize form fields?

On the left panel, the General category expands automatically, showing all available field types: Text, Email, Number, Paragraph, Phone, Website/URL, Name, Address, Radio Button, Checkbox, Dropdown, Rating, HTML, File upload, and Slider. From time to time, you may also notice options marked as Soon, which will be available in future updates.

To build your form, drag a field from the left panel into the form area, or click a field once to automatically add it below the last one. When a new field is added, the form scrolls down to keep it in view.

Fields in IvyForms are not limited to a single vertical layout. You can resize fields to adjust their width and place multiple fields side by side within the same row, making it easy to create multi-column layouts. Up to five fields can be placed in a single row. When all five positions are filled, fields are evenly sized; with fewer fields, their widths can be adjusted manually.

IvyForms builder showing adding fields, resizing them, and placing multiple fields side by side in the same row

You can reorder fields by dragging them up or down, move them within the same row by dragging left or right, and edit their labels or placeholders by clicking on each field once it’s added.

Continue adding as many fields as you need to collect the information you want. As you add or remove fields, the builder automatically updates the layout.

How can I preview my form?

At any time, you can preview how your form will appear to visitors by first clicking Update to save your changes, then selecting the Preview (eye) icon in the top-right corner of the builder.

Top-right corner of the IvyForms builder showing the Update and Preview buttons

A new tab opens with a live preview that shows exactly how your form will look on your website.

The preview automatically adapts your form to your WordPress theme’s styling, ensuring it blends naturally with your site’s design. It also accepts submissions, so you can test your form right away and confirm everything works as expected.

Preview window showing a simple contact form created in IvyForms

How can I configure basic form settings?

Before publishing your form, open the Settings tab at the top of the builder. In this section, you can define your form’s basic details and control what appears on the front-end.

Under General Settings, you can:

  • Rename your form — give it a clear and recognizable title instead of the default “Blank form.”
  • Add a description — include short instructions or context for users filling out the form.
  • Show or hide the form title and description — decide whether these should appear on your website.
  • Store entries in the database — enable this option to save form submissions directly in WordPress (enabled by default).

Once you’ve made your changes, click Save in the top-right corner to save them.

General Settings tab in IvyForms showing options for form name, description, and entry storage

If the Store entries in database option is disabled, form submissions will not be saved in IvyForms and will not appear in the Entries table. In this case, submissions can only be received via email, provided that notifications are enabled in Form Settings → Notifications and a mailing system (such as WP Mail SMTP or a similar plugin) is properly configured.

How do I publish my form on a page?

When your form is ready, go back to the Build tab. In the top-right corner, you’ll find a </> button that copies the shortcode in this format: [ ivyforms id=2 ] (no spaces).

Copy icon next to the shortcode in IvyForms builder for quickly copying the shortcode

Clicking that button copies the shortcode to the clipboard. You can then paste it into any page or post using the WordPress block editor.

After you publish the page, your form appears live and ready to receive submissions.