### [How to Add WPForms to a Page in WordPress [Step by Step]](https://wpforms.com/how-to-add-wpforms-to-a-page-in-wordpress/)

**Published:** September 20, 2021
**Author:** Hamza Shahid

**Excerpt:** Do you want to learn how to add WPForms to a page in WordPress?

I've been working with WPForms for a while now. One of the most common questions I see from new users is how to get their form from the builder onto an actual page.

The good news? WPForms gives you 5 different ways to do it, and each one takes just a few clicks. In this guide, I'll walk you through every method so you can pick the one that works best for your setup.

**Content:**

Do you want to learn how to add WPForms to a page in WordPress?

I’ve been working with WPForms for a while now. One of the most common questions I see from new users is how to get their form from the builder onto an actual page.

The good news? WPForms gives you 5 different ways to do it, and each one takes just a few clicks. In this guide, I’ll walk you through every method so you can pick the one that works best for your setup.

[Build Your WordPress Form Now! 😉](https://wpforms.com/pricing/)

## How Do I Add WPForms to a Page in WordPress?

WPForms makes it simple to display your forms anywhere on your site.

You can use the built-in embed wizard, the WordPress block editor, a shortcode, a widget, or a page builder like Elementor or Divi.

I’ll cover all 5 methods below. If you’re not sure which one to pick, start with Method 1. It’s the quickest.

- [Method 1: Use the Embed Wizard](#method-1-use-the-embed-wizard)
- [Method 2: Use the Block Editor](#method-2-use-the-block-editor)
- [Method 3: Use a Shortcode](#method-3-use-a-shortcode)
- [Method 4: Use a Widget (Sidebar or Footer)](#method-4-use-a-widget-sidebar-or-footer)
- [Method 5: Use a Page Builder](#method-5-use-a-page-builder)
- [Bonus: Track Where Your Forms Are Embedded](#bonus-track-where-your-forms-are-embedded)

**Before You Begin**

Before you can add a form to a page, you’ll need two things ready.

**1. Install and Activate WPForms**

If you haven’t already, install the WPForms plugin on your WordPress site. You can download WPForms Lite for free from WordPress.org, or upload the Pro version from your account. If you need help, check out this step-by-step guide on [how to install a plugin in WordPress](https://wpforms.com/docs/install-wpforms-plugin/).

![Install now button](https://wpforms.com/wp-content/uploads/2021/01/Install-Now-1024x532.png)

**2. Create Your Form**

Next, head to **WPForms » Add New** in your WordPress dashboard. WPForms comes with a [drag-and-drop form builder](https://wpforms.com/features/drag-drop-online-form-builder/) and [2,100+ form templates](https://wpforms.com/templates/) to help you get started fast. Pick a template, customize the fields you need, and click **Save**.

![search templates](https://wpforms.com/wp-content/uploads/2024/11/search-templates-1024x543.png)

That’s all the setup you need. Now let’s get your form on a page.

### Method 1: Use the Embed Wizard

This is the fastest way to add WPForms to a page. You don’t even need to leave the form builder. After you’ve created or edited your form, click the **Embed** button at the top right of the builder.

![Accessing the WPForms embed wizard in the form builder](https://wpforms.com/wp-content/uploads/2021/09/image-1-1024x320.png)A popup will give you two options: create a new page or select an existing one.

![Choosing whether to create a new page to embed a form on, or to select an existing page](https://wpforms.com/wp-content/uploads/2021/09/image-2-1024x526.png)#### Embed on a New Page

If you want a fresh page for your form, click **Create New Page**. Enter a name for the page and click **Let’s Go**.

![The Create New Page option in the form embed wizard](https://wpforms.com/wp-content/uploads/2021/09/image-3-1024x452.png)You’ll be taken straight to the page editor with your form already embedded. All you need to do is click **Publish**.

![Publish page with WPForms embedded](https://wpforms.com/wp-content/uploads/2021/09/image-4-1024x796.png)#### Embed on an Existing Page

Already have a page where you want the form? Click **Select Existing Page** and pick the page from the dropdown.

![The Select Existing page option in the form embed wizard](https://wpforms.com/wp-content/uploads/2021/09/image-5-1024x446.png)Click **Let’s Go** and you’ll be redirected to that page’s editor. From here, you may need to add the WPForms block to the page (I’ll cover how in the next method). Hit **Update** to save your changes.

![Display form on existing page](https://wpforms.com/wp-content/uploads/2021/09/image-6-1024x492.png)### Method 2: Use the Block Editor

If you’re already editing a page and want to drop in a form, you can add the WPForms block directly.

Open the page where you want your form. Click the **plus (+)** icon in the upper left corner to open the block library.

![Adding a new block to a page](https://wpforms.com/wp-content/uploads/2021/09/image-7-1024x213.png)Search for “WPForms” or scroll to the **Widgets** section. Click the **WPForms** block to add it to your page.

![Adding the WPForms block to a page](https://wpforms.com/wp-content/uploads/2021/09/image-8-1024x418.png)Now select the form you want to display from the **Select a Form** dropdown.

![Selecting a form from the WPForms block](https://wpforms.com/wp-content/uploads/2021/09/image-9-1024x498.png)Your form will appear right in the editor. Click **Publish** or **Update** when you’re ready.

#### Configure the WPForms Block Settings

Once you’ve added the form, you’ll notice additional settings in the right sidebar panel.

![The WPForms block settings](https://wpforms.com/wp-content/uploads/2021/09/image-10-1024x560.png)Here’s what you can adjust:

- **Show Title** and **Show Description**: Toggle these on to display the form’s name and description above the form fields.
- **Form Styling**: WPForms lets you [style your forms right in the block editor](https://wpforms.com/docs/styling-your-forms-in-the-block-editor/) without writing any CSS. You can change field sizes, colors, and button styles visually.
- **Advanced**: Add custom CSS classes if you need more control over the form’s appearance.

**Pro Tip**

You can also type `/wpforms` directly in the editor to add the WPForms block without opening the block library. It’s a small shortcut that saves a few clicks.

### Method 3: Use a Shortcode

WPForms generates a unique shortcode for every form you create. This is useful if you’re working with the Classic Editor, a theme that doesn’t fully support blocks, or any other area that accepts shortcodes.

To find your form’s shortcode, go to **WPForms » All Forms** in your WordPress dashboard. You’ll see the shortcode listed next to each form. It looks something like this:

![form shortcode](https://wpforms.com/wp-content/uploads/2016/09/form-shortcode-1024x403.png)Copy the shortcode, then open the page or post where you want to add your form. Add a **Shortcode** block (or paste directly if you’re in the Classic Editor), enter the shortcode, and click **Publish** or **Update**.

**Pro Tip**

Shortcodes also work in WordPress posts and text widgets. If you need to add a form somewhere that doesn’t support blocks, this is usually your best bet.

### Method 4: Use a Widget (Sidebar or Footer)

Want to display a form in your sidebar or footer? You can add it as a widget. This is great for newsletter signups, quick contact forms, or lead capture forms that should appear across your entire site.

Go to **Appearance » Widgets** in your WordPress dashboard.

![Accessing the Widgets editor screen](https://wpforms.com/wp-content/uploads/2021/09/image-11-1024x548.png)Find the widget area where you want your form (sidebar, footer, etc.) and click on it to expand it.

![Selecting a widget area to add a form to](https://wpforms.com/wp-content/uploads/2021/09/image-12-1024x530.png)Click the **plus (+)** button in the top left corner of the editor and search for the **WPForms** block, just like you would on a regular page.

![Adding the WPForms block to a widget](https://wpforms.com/wp-content/uploads/2021/09/image-13-1024x390.png)Select your form from the dropdown.

![Selecting a form to display in a widget](https://wpforms.com/wp-content/uploads/2021/09/image-14-1024x611.png)Click the **Update** button in the top right corner to save your widget settings.

![Updating widgets to save changes](https://wpforms.com/wp-content/uploads/2021/09/image-15-1024x505.png)Here’s what a form looks like in a footer widget on a live site:

![An example of a form displayed in a footer widget](https://wpforms.com/wp-content/uploads/2021/09/image-16-1024x529.png)For a more detailed walkthrough, check out our guide on [how to add a contact form in a WordPress sidebar widget](https://wpforms.com/how-to-add-a-contact-form-in-wordpress-sidebar-widget/).

### Method 5: Use a Page Builder

If you build your pages with Elementor or Divi, WPForms has native integrations for both. You don’t need shortcodes or workarounds.

#### Add WPForms to an Elementor Page

Open your page in the Elementor builder. In the left sidebar, look for the **WPForms** widget under the **Basic** section. Go ahead and drag it onto your page where you want the form to appear.

![Adding the WPForms widget to the Elementor page builder](https://wpforms.com/wp-content/uploads/2021/09/image-17-1024x746.png)Select your form from the dropdown in the widget settings. Elementor will show a live preview of your form right on the page.

![Selecting an existing form from the WPForms Elementor widget](https://wpforms.com/wp-content/uploads/2021/09/image-18-1024x373.png)If you need to make changes to the form itself, click the **Edit the selected form** link to open the form builder in a popup window.

When everything looks good, click **Publish** or **Update** at the bottom of the Elementor builder.

![Publish Elementor page button](https://wpforms.com/wp-content/uploads/2021/09/image-19-1024x642.png)WPForms also supports full form styling inside Elementor, including field colors, button styles, and container backgrounds.

For the full walkthrough, check out our [guide on adding WPForms to an Elementor page](https://wpforms.com/docs/how-to-add-wpforms-to-an-elementor-page/).

#### Add WPForms to a Divi Page

Open your page and click **Use Divi Builder** to launch the visual editor. Choose your layout and add a new row to your page.

When Divi asks you to insert a module, search for **WPForms** and select it.

![Add WPForms block to a Divi page](https://wpforms.com/wp-content/uploads/2021/09/image-20-1024x915.png)In the module settings, select your form from the **Select Form** dropdown. You can also toggle on the form title and description if you want them displayed.

![WPForms settings in Divi](https://wpforms.com/wp-content/uploads/2021/09/image-21-1024x943.png)Click the green checkmark to save the module, then publish your page. For more details on styling and advanced options, see our [guide on adding WPForms to a Divi page](https://wpforms.com/docs/how-to-add-wpforms-to-a-divi-page/).

**Pro Tip**

WPForms also works with other popular page builders like SeedProd. For the full list of supported builders and embedding options, check our [official documentation on displaying forms](https://wpforms.com/docs/displaying-forms-on-your-site/).

### Bonus: Track Where Your Forms Are Embedded

Once you’ve added forms across your site, it can get tricky to remember where each one lives. WPForms has a built-in feature that shows you exactly where every form is embedded.

Go to **WPForms » All Forms**. Then open **Screen Options** at the top of the page and check the **Locations** box.

![Select locations option](https://wpforms.com/wp-content/uploads/2022/04/select-locations-option.png)This will add a column to the table with all your forms that shows the number of places you’ve added each form. Click on it to reveal all the locations for a specific form.

![Form locations list](https://wpforms.com/wp-content/uploads/2022/04/form-locations-list.png)This way, you can always [see which page your contact form is on](https://wpforms.com/how-to-find-all-pages-with-forms-on-your-wordpress-site/) without digging through your entire site.

### FAQs About Adding WPForms to WordPress

Adding forms to your WordPress site is straightforward, but a few questions come up regularly. Here are the most common ones.

#### Why Isn’t My WPForms Form Showing on the Page?

There are a few things to check. First, make sure you actually published or updated the page after adding the form. If you used a shortcode, double-check that the form ID is correct.

A typo in the shortcode will result in nothing showing up. Some caching plugins can also serve an older version of the page, so try clearing your site cache and checking again.

#### Can I Add the Same Form to Multiple Pages?

Yes. You can embed the same form on as many pages, posts, or widget areas as you need. Every method in this guide works for reusing a form across your site. All submissions still get collected in one place under **WPForms » Entries**.

#### Which Embedding Method Should I Use?

It depends on your situation. Here’s a quick guide:

- **Embed Wizard**: Fastest option. Use it when you’re building or editing a form and want to publish it right away.
- **Block Editor**: Best for when you’re already working on a page. Gives you block-level styling controls.
- **Shortcode**: Use with the Classic Editor or anywhere that accepts shortcodes but not blocks.
- **Widget**: For sidebars and footers. Great for forms that should appear on every page of your site.
- **Page Builder**: If you use Elementor or Divi, the native WPForms integration keeps everything inside your builder’s workflow.

### Next, Customize Your WordPress Forms

And that’s it! You now know 5 different ways to add WPForms to a page in WordPress. Now that your form is live, here are a few things you might want to do next:

- [Customize how your form looks](https://wpforms.com/how-to-style-contact-forms-in-wordpress/) with colors, fonts, and layout options
- [Stop contact form spam](https://wpforms.com/how-to-build-spam-free-wordpress-contact-forms-the-ultimate-guide/) with CAPTCHA, anti-spam tokens, and allow/deny lists
- [Set up multiple email notifications](https://wpforms.com/how-to-create-multiple-form-notifications-in-wordpress-forms/) to route form submissions to the right people on your team

[Build Your WordPress Form Now](https://wpforms.com/pricing/)

Ready to build your form? Get started today with the easiest WordPress form builder plugin. [WPForms Pro](https://wpforms.com/pricing) includes lots of free templates and offers a 14-day money-back guarantee.

If this article helped you out, please follow us on [Facebook](https://facebook.com/wpforms) and [Twitter](https://twitter.com/easywpforms) for more free WordPress tutorials and guides.

**Categories:** WordPress Tutorials

**Tags:** online contact form, wordpress page, WPForms

---