_1@2x.png)
How to add a Gravity Forms widget to GravityView
Display a Gravity Forms form directly inside your View, allowing visitors to submit new entries while viewing existing ones.
💡 This article covers adding a single form above or below the entries. To embed a form attached to each entry as a field within entry layouts, see How to embed a form for each entry.
Adding the Gravity Forms widget
Step 1: Edit your View
Navigate to GravityKit, then click on All Views, then click on the View you want to edit.
Step 2: Add the widget
In the View editor, click Add Widget in the area where you want the form to appear (Header or Footer).
Step 3: Select the Gravity Forms widget
Click on the widget from the options.
Step 3: Configure the widget
In the widget settings panel, configure these options:
- Form to display: Select your form from the dropdown list.
- Show form title?: Check to display the form's title.
- Show form description?: Check to display the form's description.
- Enable AJAX: Check to submit the form without reloading the page (recommended).
- Field value parameters: Optionally pre-populate form fields using this format:
field_name=value&another_field=value2
For example, to pre-populate an email field with the current user's email:
email={user:user_email}
💡 Learn more about dynamically populating fields in the Gravity Forms documentation.
Step 4: Update your View
Click Update to save your changes.
How it works
When visitors view your View, they'll see the embedded form. After submitting the form:
- With AJAX enabled: The page doesn't reload and a confirmation message appears
- Without AJAX: The page reloads and shows the confirmation
The form automatically reappears below the confirmation message, allowing multiple submissions.
Need help?
If your form isn't displaying:
- Verify the form is active in Gravity Forms
- Check that you've selected a form in the widget settings
- Ensure both plugins are properly activated
For field pre-population issues:
- Confirm field names match exactly (case-sensitive)
- Enable "Allow field to be populated dynamically" in your form field settings