Form Pages Addon

Form Pages Addon is a Pro Feature

Unlock Form Pages Addon and other powerful features to grow your business.

Get WPForms Pro

Would you like to create dedicated landing pages just for your forms? The Form Pages addon for WPForms lets you easily generate custom, standalone pages for any new or existing form.

This tutorial will show you how to use the Form Pages addon with WPForms.

Requirements:


1. Installing the Form Pages Addon

If you’d like to see an example of what a form page looks like before you create your own, check out our live demo.

Before you jump into this tutorial, be sure to install and activate WPForms on your WordPress site.

Once the core WPForms plugin is in place and you’ve verified your license, you’ll be able to quickly install and activate the Form Pages addon.

2. Setting Up Form Pages

After you’ve installed the Form Pages addon, you’ll need to create a new form or edit an existing one. In the form builder, go to Settings » Form Pages. Then check the box labeled Enable Form Page Mode.

Enabling form pages

Once this box is checked, many additional options will appear. We’ll cover each in detail below.

Preview Form Page

If you’d like to see what the form page looks like at any point as you edit it, Save the form and then click the blue Preview Form Page button.

Previewing a form page

Form Page Title and Message

First, add a Form Page Title. You can also choose to add a Message if you’d like. In most cases, this text is used to share instructions or other details with users filling out the form.

Customizing a form page title and message

Both the Form Page Title and Message will appear at the top of your page, above the form.

An example of a form page title and message

The Permalink is the URL where visitors can view your form page. You’ll share this link with your users, so it’s generally a good idea to keep it short and simple.

Editing a form page permalink

Note: Just like any other page on your site, your form page’s URL must be unique. If a number is added to the end of the permalink you’ve created, it means this URL already exists elsewhere on your site.

For the Header Logo, you can optionally add an image or logo that will display above the Form Page Title. After you click the Upload Image button and choose a logo, a preview of the image will appear.

Uploading a header image for a form page

If you’d like to use a large image, please consider the size restrictions below. The image will automatically be scaled to fit these limits. The maximum width will depend on the Style you select further down in the settings.

  • Maximum Logo Width (Modern Style): 660 pixels
  • Maximum Logo Width (Classic Style): 570 pixels

The maximum logo height is always 125 pixels.

Here’s an example of what a header logo might look like on the frontend.

An example of a form page with a header logo

The form page footer text is a simple line of text that appears at the bottom of the page. By default, it reads, “This content is neither created nor endorsed by WPForms.”

The default WPForms form page footer text

You can customize the footer text by entering your own in the field provided in the Form Pages settings.

The footer text option in the form page settings

To remove the footer text, just leave this field blank.

Hide WPForms Branding

By default, your form page will feature the phrase, “created with WPForms” below its footer text.

The WPForms branding that is added to form pages by default

You can remove this by checking the Hide WPForms Branding box.

The option to hide WPForms branding on your form page

Color Scheme

The Color Scheme you choose will determine the color of your form page’s background and submit button.

There are several popular default color scheme options that you can choose from.

Form page default color scheme options

Or you can click the eyedropper icon to choose any custom color.

Setting a custom color scheme for a form page

Style

You’ll have the choice of two styles for your form page: Modern or Classic.

The form page style options (modern or classic)

The Modern Design style will display a wider layout with rounded corners. Also, the lower part of the page background will use a darker color within your color scheme.

The Modern form page style

The Classic Design style will display a narrower form with square corners. Also, the lower part of the page background will use a lighter color within your color scheme.

The Classic form page style

That’s it! Now you know how to create a standalone form page for any form on your site.

Next, would you like to connect your form to a marketing service so that you can more easily collect and follow up with leads? Be sure to check out our marketing integration addons, including Mailchimp, Constant Contact, AWeber, Drip, Campaign Monitor, and GetResponse.