Add Forms to a Page

Creating a form is only the first step. To collect submissions from visitors, the form must be added to a page on your website.

Once embedded, visitors can complete and submit the form directly from the page, making it easy to register for events, submit requests, provide feedback, or contact your department.

Before You Add a Form

Before publishing a form, make sure:

• The form has been created and saved.
• All required fields are configured.
• Any notifications and confirmations have been tested.
• Spam protection has been enabled where appropriate.

A quick review before publishing can help prevent problems later.

Adding a Form to a Page

To add a form to a page:

1. Create a new page or edit an existing page.
2. Click the + button and search for Gravity Forms.
3. Add the Gravity Forms block.
4. Select your form from the Select a Form dropdown.

The form will immediately appear within the page editor.

Display Options

Once a form has been selected, additional settings are available within the block options.

Show or Hide the Form Title

The form title can be displayed above the form.

This is useful when:

• The page contains multiple forms.
• The form title provides important context.

If the page already includes a heading describing the form, the form title can often be hidden.

Show or Hide the Form Description

The form description can also be displayed or hidden.

Form descriptions are often useful for:

• Instructions
• Eligibility requirements
• Submission deadlines
• Additional context

If this information already appears elsewhere on the page, the description may be unnecessary.

Change the Selected Form

You can replace the current form at any time using the form selector.

This allows you to reuse page layouts while changing the form being displayed.

Designing a Good Form Page

Embedding a form is important, but the content surrounding the form matters too.

Visitors should understand:

• What the form is for
• Who should complete it
• What happens after submission
• Any important deadlines or requirements

A simple page structure might look like:

Page Title
Brief Introduction
Important Instructions
Embedded Form
Contact Information

This provides visitors with the information they need before they begin.

Before Publishing

After adding a form to a page:

• ✅ Preview the page
• ✅ Complete a test submission
• ✅ Verify notifications are sent correctly
• ✅ Review the confirmation message
• ✅ Check the page on mobile devices

Testing helps ensure visitors have a smooth experience.

Common Uses

Forms are commonly embedded on pages such as:

• Contact Us
• Event Registration
• Feedback Forms
• Service Requests
• Applications
• Surveys

Creating a dedicated page for each form often provides the clearest user experience.

Best Practices

Add Context Before the Form
Explain the purpose of the form before asking visitors to complete it.

Use Clear Page Titles
Visitors should immediately understand what the form is for.

Good Examples:

• Event Registration
• Request Website Support
• Contact Our Team

Test Before Publishing
Always submit a test entry before making a form publicly available.

Keep Instructions Close to the Form
Important information should appear immediately before the form rather than elsewhere on the page.

Review Forms Regularly
Remove outdated forms and update registration forms after events and deadlines have passed.

Try it Out!

1. Create a page for your form.
2. Add a Gravity Forms block.
3. Select your form.
4. Toggle the title and description settings.
5. Save and preview the page.
6. Complete a test submission.
7. Confirm that the form behaves as expected.