Form Landing Pages

Create a custom landing page in your WordPress site with the Landing Pages add-on. Convert your site visitors into leads and boost your sales!

Download and install

1. If you haven't already, install and activate the current version of Formidable Forms Premium on your WordPress site.
2. After confirming your Formidable Forms license, proceed to the Formidable → Add-Ons page and toggle on the Landing Pages plugin.
   

Set up a landing page

Follow these steps to create a landing page on your website with a form that drives high conversions.

1. Edit your existing form or create a new form if needed. Then navigate to your form Settings → Form Landing Page.
   
2. Click to toggle Generate form landing page to start creating your landing page.
   
3. The Page URL is generated based on the form title but can be updated by clicking the URL. To edit the landing page, customize it with a logo, or make other changes, click the Edit Landing Page link.
4. Upload your background image by clicking the Upload background image button.
5. Select a design from the different styles. If you have uploaded a background image, it will be included in your landing page style.
   • Classic: Adds a full screen form with the uploaded image as the background.
     
   • Card: Adds the form to the center of the page with a fixed height and width.
     
   • Left: Adds the form to the left side of the background image.
     
   • Right: Adds the form to the right side of the background image.
     
6. Click the Update button to save your settings.
7. To preview your changes, select On Landing Page from the Preview button.
   
8. To preview all the available landing pages from the actions column on the form list page, click the Landing page icon.
   

Edit landing page

You can customize the landing page and make other changes, like inserting additional text or adding images. By default, the generated landing page includes the form title and description. If you need to hide the form title or description, follow the steps below.

1. Navigate to your form Settings → Form Landing Page and click the Edit Landing Page link.
   
2. You would then be redirected to the generated page with the form. Click the form block.
3. On the page settings sidebar, go to the Block tab and toggle the Show form title option in the Options panel to display or hide the form title as desired.
   

Delete landing page

If you have generated a landing page and then deactivated it, there will be a Click here to delete your landing page link under the form landing page toggle. Clicking this link will delete your landing page.

Additional customization

Move navigational arrows of conversational forms

For conversational forms embedded on a landing page, the navigational arrows are typically located in the bottom right corner. If you want to override this, you can use this custom CSS.

.single-frm_landing_page.frm_image_default .frm_chat_arrows, .single-frm_landing_page.frm_image_right .frm_chat_arrows {
  position: relative !important; 
}

Related Articles

• How To Create a Thank You Page in WordPress
  Read More

  4 WordPress Landing Page Best Practices for Powerful Results
  Read More

  6 Best WordPress Landing Page Plugins (to Get Conversions Now!)
  Read More
• How to Make a Good Landing Page with Forms
  Read More