Once your form is saved, you need to place it on a page or post so visitors can actually see and fill it out. Form Forge gives you two easy methods for embedding forms, and you can use the same form on multiple pages if needed. The form automatically adapts to the width of its container, so it looks good whether you place it in a narrow sidebar or a full-width content area.
Embedding is the bridge between building a form and collecting submissions. A beautifully designed form sitting in the dashboard does nothing until it is live on a page.
Method 1: Shortcode (Works Everywhere)
Shortcodes work in any WordPress page, post, or widget area that supports shortcodes. This is the most universal method and works with every theme and page builder.
- Go to Form Forge > All Forms in your WordPress dashboard.
- Find your form in the list. Below the title, you will see a shortcode like
Form not found.
- Click the shortcode to copy it to your clipboard automatically. The shortcode helper in the form builder also reminds you to copy the shortcode and paste it into a page, post, widget, or page builder module, with a docs tooltip next to the shortcode if you need the full embedding steps.
- Navigate to the page or post where you want the form to appear and open it in the editor.
- Place your cursor where you want the form and paste the shortcode.
- Publish or update the page.
- Visit the live page (not the editor preview) to confirm the form appears correctly.
- Submit the form with test data to verify notifications and submissions work.
Method 2: Gutenberg Block (Block Editor)
If you use the WordPress block editor (Gutenberg), this is the most convenient method because you get a live preview right in the editor.
- Edit the page where you want to add the form.
- Click the + button to add a new block.
- Search for Form Forge and select the Form Forge block.
- A dropdown appears listing all your saved forms. Select the one you want to display.
- You will see a preview of the form right in the editor.
- Publish or update the page.
Where You Can Embed Forms
| Location | Method | Notes |
|---|---|---|
| Pages and posts | Shortcode or Gutenberg block | The most common placement |
| Sidebar widgets | Shortcode in a Text widget | Great for newsletter signups |
| Elementor | Shortcode in a Text or HTML widget | Works in any Elementor section |
| Divi | Shortcode in a Code module | Works in any Divi row |
| Beaver Builder | Shortcode in an HTML module | Works in any Beaver Builder column |
| WPBakery | Shortcode in a Text Block element | Works in any WPBakery row |
| Footer | Shortcode in a footer widget | Contact forms in the site footer |
| Popup plugins | Shortcode inside the popup content | Lead generation forms in popups |
> Tip: After embedding, always visit the live page (not the editor) to test the form. Fill it out and submit to make sure everything works — notifications, success message, and the submission appearing in the dashboard. Editor previews do not always show forms accurately.
> Good to know: If your form does not appear on the page, the most common cause is a mismatched shortcode ID. Go back to Form Forge > All Forms and confirm the ID in the shortcode matches the form you want. The second most common cause is a caching plugin — clear your cache after adding the form.
Common Mistakes to Avoid
- Embedding the form but never testing it on the live page. Always submit a test entry.
- Using the editor preview to judge appearance. Some themes render forms differently in the editor versus the live page.
- Placing the form below the fold on a long page. If visitors have to scroll far to find the form, many will never see it. Consider placing the form higher on the page or adding a “Contact Us” button that scrolls to it.
[Screenshot: A WordPress page in the block editor showing the Form Forge Gutenberg block with a dropdown to select a form and a preview of the selected form below]
—