Embedding Forms: Gutenberg

Overview

With your Gutenforms Form(s) created, you’ll want to display them on your WordPress web site – typically within a Page, Post or Custom Post Type.

To do this when editing a Page, Post or Custom Post Type in the Gutenberg editor, you’ll add the Gutenforms block.

Using the Classic Editor or a Page Builder for your Page? Refer to the Classic Editor & Page Builders documentation.

Adding the Gutenforms Block

To add a Gutenforms Form to your Page, Post or Custom Post Type:

  • Click the blue plus symbol towards the top left corner of the screen:
    Gutenforms: Add Field from Toolbar
  • Under the Gutenforms category, click the Gutenforms block
    Gutenforms: Form Block
  • It will be added to the Page:
    Gutenforms: Form Block Added
  • Click the cog icon towards the top right of the screen to edit the block:
    Gutenform: Field Settings Icon
  • Under the Form Options section in the sidebar, choose the Gutenforms Form to display
    Gutenforms: Form Block: Select Form

The form will then be displayed in your Page, Post or Custom Post Type
Gutenforms: Form Block: Configured