Fluent Forms provides a seamless way to embed your forms directly into the Gutenberg editor, making it easy to embed forms into your pages or posts without leaving the editor interface.
This guide will show you how to embed your Fluent Forms directly in Gutenberg layout.
Adding Gutenberg Editor #
Once you are on your desired Page/Post, start adding Fluent Forms using Gutenberg editor.
First, click the Plus (+) Icon to add new block, search for the Fluent Forms, and simply click on it.

After adding the block, select a saved Fluent Forms from the dropdown menu.
Once selected, the form will automatically appear inside the editor preview. Click Update or Publish to save your changes.

Here, you can see the preview of an embedded Fluent Forms using Gutenberg Block.
You can also add the form in Gutenberg by pasting the form ShortCode into the Gutenberg ShortCode block or HTML block.

And that’s all. If you have any further questions feel free to contact our support team.