Fluent Forms allows you to create beautiful, standalone landing pages for your forms that are perfect for campaigns, lead generation, surveys, or events. With a dedicated landing page, your form becomes the main focus without distractions.
In this article, you will learn how to show your form on a dedicated landing page.
The Dedicated Landing Page feature requires the Fluent Forms Pro plugin.
Enabling Landing Pages #
To enable the Landing page Module, go to the Integrations Modules from Fluent Forms (WordPress admin panel sidebar) and turn on the Landing Pages Module by clicking the Toggle button.
Configuring Your Form for a Dedicated Landing Page #
After the landing pages option is enabled, you can configure your existing forms or create new ones to appear as dedicated landing pages.
Once you are in the form editor, go to the Settings & Integrations tab. In the left sidebar, click on Landing Page.
Now, on the Landing Page settings screen, enable the Form Landing Page Mode by checking the checkbox. This action designates your current form to function as a standalone landing page.
You will now see two distinct sections for customizing your landing page: Design and Share.
Design Your Landing Page #
The Design section allows you to personalize the visual appearance of your form’s landing page. Under the Design tab, customize the visual layout of your page.
Click the Radio button here to select whether you want the Page Design Style to be Boxed or Classic. By default, it selects Boxed.
Layout Type: Choose the layout type that you want to show this input. Here are five types of layouts that you can select.
A. Media: Add an image next to your form.
B. Media Brightness: You can adjust your image brightness by clicking the Plus(+) or Minus (-) Icon.
C. Media Alt Text: Enter descriptive alt text for accessibility.
BG Color: Choose a background color for your form page.
Outer Shadow: Add a shadow around the form container.
Inner Shadow: Add an inner shadow for depth.
BG Image: Upload an image to use as the background for your landing page.
Form Logo: Upload your company or campaign logo, which will typically appear at the top of the page.
Featured Image: Set a featured image that will serve as a thumbnail when your landing page is shared on social media platforms.
Page Headings: Add a compelling page heading that will be displayed at the top of your page.
Description: Enter a description that briefly explains what the form is about.
Security Code: Add a code to protect the form’s URL from unwanted access.
Now click the Save Settings button to save the form design.
Share Your Landing Page #
Once you have designed your landing page, switch to the Share tab to access various distribution methods.
- Pretty URL: Toggle this option on to create a cleaner, custom web address. Enter your desired text into the URL Slug field (e.g., blank-form-5) and click the Save Pretty URL button.
- Share Via Direct URL: Get the direct link to share your form on social sites. This section provides a copyable URL and quick-click icons to share directly to Facebook, Twitter, LinkedIn, or via email.
- QR Code: Share this landing page in print or in-person by providing a scannable QR code. You can click Download SVG to save the vector image to your computer, or click Copy SVG to place the code directly into your design tools.
- Shortcode: Use the provided shortcode (e.g., ) to embed the form into any of your standard WordPress Pages or Posts.
- Email Share: Easily distribute your form via email. This section provides a pre-written message containing your form link. Click Open Email to generate a draft in your default email client, or click Copy Message to manually paste the text elsewhere.
- Embed via HTML Code: If you want to use this form in another domain, site, or outside of WordPress, copy the provided <iframe> code. Note that you can customize the height property, and you should verify if your WordPress hosting server supports iframes.
Once finished, click the blue Save button in the top right corner to lock in your settings.
Preview the Dedicated Landing page #
This is how it will look on the dedicated landing page.
You’ve successfully created a dedicated landing page using Fluent Forms that designed, styled, and ready to share with the world.
If you have any questions or require further assistance, don’t hesitate to contact our support team.
