How to Add a Form Block to Any WordPress Page or Post

Quick answer

To add a Giraforms form block to a WordPress page or post, open the block editor, click the + inserter or type /giraforms in an empty block, search for "Form Container", and click to insert. You can then select an existing form or create a new one inline. The same method works for custom post types, Full Site Editing templates, and reusable block patterns.

According to HubSpot research (2023), adding a lead capture or contact form to a landing page can increase conversion rates by up to 120% compared to pages with only a call-to-action button. The challenge has always been the technical friction of embedding forms — shortcodes to remember, IDs to look up, compatibility issues with page builders. With Giraforms and the native Gutenberg block editor, that friction disappears entirely.

This guide walks you through every way to embed a Giraforms form: the block inserter, the slash command shortcut, Full Site Editing templates, and reusable block patterns. You'll also learn what actually happens to your data when you move or delete a block.

Method 1 — Using the block inserter (+)

The block inserter is the standard way to add any block in WordPress. Open the page or post you want to edit in the block editor. Click the blue + icon in the top-left toolbar, or click the + that appears between blocks when you hover over the gap between content sections.

In the search field that appears, type "form" or "giraforms". The "Form Container" block will appear in the results. Click it to insert the block at the current position. A picker will immediately appear asking whether you want to select an existing form from your library or start building a new form inline. If you've already created forms in the Giraforms admin dashboard, they'll be listed here for quick selection.

This method is best when you're working in a rich layout and want to place the form precisely between other content blocks like headings, images, or columns.

Method 2 — Using the slash command

The slash command is faster once you know what you're looking for. Click on any empty paragraph block in the editor, then type /giraforms and press Enter. The Form Container block inserts immediately without needing to navigate the block inserter panel.

This method is particularly efficient when you're building a page from scratch and want to add a form quickly. The slash command works identically in pages, posts, custom post types, and Full Site Editing templates. You can even type /form and scroll through suggestions — the Form Container will appear in the list.

The slash command is one of those Gutenberg shortcuts that feels small but genuinely speeds up content creation once it becomes muscle memory. If you're adding forms to many pages, it's the fastest path.

Selecting an existing form vs. creating a new one

When you insert the Form Container block, Giraforms gives you two options. Select an existing form shows a dropdown of every form you've previously built in the Giraforms > Forms admin section. Create a new form launches an inline form builder directly inside the editor, where you can add fields, configure labels, and set up notifications without leaving the page.

The most important thing to understand here is the difference in data architecture. When you pick an existing form and embed it on multiple pages, all pages share the same form definition. Any change you make to that form (adding a field, changing a label, updating email notifications) propagates everywhere the form is embedded. Similarly, submissions from all embeds go to the same list in the Giraforms dashboard — you don't get separate submission counts per page.

This is almost always what you want for standard contact or lead forms. For cases where you need separate submission tracking per page (A/B testing different form variants, for instance), create separate form definitions with different names and embed each one independently.

Adding a form to a Full Site Editing template

If your WordPress theme uses Full Site Editing (FSE), you can embed a Giraforms form directly into any template — headers, footers, page templates, or archive layouts. Go to Appearance > Editor (also called "Site Editor" in some WordPress versions). Use the left panel to navigate to the template you want to modify.

Once inside the template, the block inserter works exactly the same way as in the post editor. Click + or type /giraforms, select the Form Container block, and choose your form. Save the template.

💡

Important: A form embedded in a template appears on every page that uses that template. This is powerful for newsletter signup forms in footers, or contact forms embedded in sidebar templates across all pages. Make sure the form you embed is appropriate for all contexts where that template is used.

FSE template embedding is one of the most underused features in Giraforms. Instead of manually adding a newsletter signup form to 50 individual pages, embed it once in the footer template and it appears everywhere — instantly. If you update the form, the change propagates to all pages without any further editing.

Saving a form as a reusable block or pattern

For even more flexibility, you can save a Form Container block — along with surrounding content like a heading or a styled wrapper — as a reusable block or synced pattern. This is useful when you want a consistently styled "Contact us" section with a header, a short description, and a form, repeated in a predictable way across different pages.

To create a pattern: click the Form Container block (or select the Group block wrapping it), then click the three-dot menu (⋮) in the block toolbar and select "Create pattern" (or "Add to Reusable blocks" in older WordPress versions). Give it a meaningful name like "Newsletter Signup Block." The pattern now appears in the Patterns section of the block inserter and can be dropped onto any page instantly.

Synced patterns in WordPress 6.3+ take this further: if you edit the pattern in one place, the change propagates to every page where the pattern is used — similar to how symbols work in design tools. For unsynchronized patterns, each instance is independent. Choose the sync mode based on how consistent you want your form to be across the site.

What happens to submissions if you remove the block?

This is a common concern when redesigning pages, and the answer is reassuring. Removing a Form Container block from a page only removes the block reference on that specific page. The form definition itself — all fields, settings, email notifications, and submission history — remains completely intact in the Giraforms database. Nothing is deleted.

You can re-embed the same form on any page at any time by inserting a new Form Container block and selecting the same form from the picker. All historical submissions will still be there in the admin dashboard. This separation between the form definition (stored in the database) and the block reference (stored in post content) is one of the architectural advantages of Giraforms over shortcode-based plugins, where deleting a shortcode can create confusion about whether the form still "exists" anywhere.

The practical implication: you can safely redesign pages, remove forms from certain locations, and move them around without any risk to your collected data. Forms and submissions are persistent; their placement on pages is not.

Frequently Asked Questions

Yes. When inserting the Form Container block, select an existing form from your library. The same form definition — including all fields and notification settings — is shared across all pages where it's embedded. Submissions from all pages go to the same list in the Giraforms dashboard.
Go to Appearance > Editor, navigate to the template you want to modify, use the block inserter (+ or /giraforms slash command) to add a Form Container block, and save. The form will appear on every page that uses that template.
Yes. The Form Container block works inside any container block — columns, groups, cover blocks, and custom layouts. This lets you integrate the form into multi-column page designs, sidebars, or any other layout structure your theme supports.
Only the block reference on that specific page is removed. The form itself (fields, settings, and all submissions) remains intact in the Giraforms database. You can re-embed it at any time by inserting a new Form Container block and selecting the same form from the dropdown.
Yes. You can save any block — including a Form Container — as a reusable block or a synced pattern. This makes it easy to maintain a consistent form design across your site and embed it on any new page with a single click from the block inserter.