FLASH SALE Get 20% OFF everything using the coupon code: FLASH20 View Pricing Plans →

Knowledge Base

Documentation

Theme Documentation



Plugin Documentation



Resources

Adding Forms to Pages, Posts, and Widgets with WPZOOM Forms

This article refers to WPZOOM Forms

WPZOOM Forms PRO makes it easy to add forms to any part of your website. You can embed a form using the shortcode or the dedicated WPZOOM Forms block. This guide explains both methods and covers how to display forms in posts, pages, widgets, and sidebars.


  1. Embedding Using the WPZOOM Forms Block
  2. Embedding Using the Shortcode Block
  3. Tips for Styling Embedded Forms

Embedding Using the WPZOOM Forms Block

The WPZOOM Forms block provides an easy way to embed a form without using shortcodes:

  1. Open any post or page in the WordPress editor.
  2. Click the + icon and search for WPZOOM Forms.
  3. Click the “Contact Form by WPZOOM” block to add it to the page.
WPZOOM Forms block

Save or publish the page.


Embedding Using the Shortcode Block

If you prefer using shortcodes, here’s how:

Finding the Form Shortcode

There are two ways to locate the shortcode for your form:

1. Go to WPZOOM FormsAll Forms and look in the Shortcode column to the right of each form title.

WPZOOM Forms -> All forms shortcode

2. Or, open a form in the editor. In the right sidebar, you’ll find the shortcode in the “Form Shortcode” section.

WPZOOM Forms -> Edit Form shortcode

The shortcode will look like this:

[wpzoom_form id="123"]

Copy it for use in any shortcode-compatible area.

Inserting the Shortcode

  1. Open any post or page in the WordPress editor.
  2. Add a Shortcode block where you want the form to appear.
  3. Paste the form shortcode.
Add WPZOOM Forms shortcode

Save or update the post or page.

The form will now appear on the front end of your website.


Tips for Styling Embedded Forms

  • Default Styling: Forms use WPZOOM’s default styles unless the feature is disabled in the plugin settings.
  • Theme Compatibility: Forms automatically inherit typography and spacing from your active theme.
  • Advanced Styling: You can add custom CSS using your theme’s Additional CSS panel.

Last updated on June 24, 2025