Adding a form using the Embed Form flyout

This feature is part of Gravity Forms 2.6 and newer. See our release post for more information.

Summary

The Embed Form flyout, released with Gravity Forms 2.6, provides a simple way to add your form to a page or post from directly within the Form Editor. It utilizes the WordPress Block Editor to allow you to include it in an existing or new post or page. You can also use this new interface to copy the form shortcode and then insert your form using existing shortcode methods.

Accessing the Embed Form flyout

The top bar of the Form Editor has a new button “Embed” which loads the Embed Form flyout

Top Bar of the Form Editor showing the new Embed Button

Clicking the Embed button will load the new Embed Form flyout

Embed Form flyout for inserting a form into an existing page or a new page or post. Copying a shortcode is also possible from this dialog.

Embed Form Settings

SettingDescription
Form IDCurrent Form ID
Add to Existing ContentSelect Page or Post to load the list of Posts or Pages on your website for selection.
Select a Page Drop DownSelect from a list of pages or posts on your website.
Insert Form ButtonClick the button to Insert the current form into the Page or Post selected and load that page in the block editor.
Create NewSelect Page or Post to create a new page or post for your form.
Enter a Page Name Enter the name of the page or post to be created.
Create ButtonClick the button to Create the new page or post and load the new page in the block editor.
Copy Shortcode ButtonClicking this button will copy the shortcode for the current form into your clipboard for pasting into your Page Builder.

How to embed a Form in a New page or post

  1. Select Embed from the top bar. The Embed Form flyout will load.
  2. Select Page (or Post) under Create New.
  3. Enter the Page Name (or Post Name) in the input field.
  4. Click the Create button.
  5. New page will be created and your form will be embedded.
  6. From here you can modify Block settings for the form and publish the page.

How to Embed a form in an Existing page or post

  1. Select Embed from the top bar of the Form editor. The Embed Form flyout will load.
  2. Select Page (or Post) under Add to Existing Content
  3. Select a Page from the list of pages on your website.
  4. Click the Insert Form button.
  5. Your page will be loaded and the Gravity Forms block will be highlighted under Embeds.
  6. Click the Gravity Form Block to embed your Form into the existing page or drag and drop the block into your existing content.
  7. From here you can modify Block settings for the form and Update the page to publish your form.

How to Copy a Shortcode with the Embed Form flyout

  1. Select Embed from the top bar of the form editor. The Embed Form flyout will load.
  2. Under “Not Using the Block Editor”, click the Copy Shortcode button.
  3. The shortcode for your form will copied to the clipboard so you can paste it into your page builder.

Notes