Want an easy way to increase your subscriber count? Discover how to easily add a floating subscription form with the WP Subscription Forms Pro plugin.
One of the best ways to capture more sign-ups is by using floating subscription forms. Unlike static forms, floating forms remain visible as users scroll, making it easier to catch their attention without being too intrusive. This constant visibility leads to higher conversion rates and ensures that you don’t miss out on potential subscribers.
Enter the WP Subscription Forms Pro plugin, developed by WP Shuffle. This powerful plugin allows you to create beautiful and customizable floating subscription forms that can be easily added to your WordPress website, helping you grow your email list faster.
In this guide, we’ll show you how to set up a floating subscription form using this plugin step-by-step.
A floating subscription form offers key advantages over static forms, primarily because of its constant visibility. Unlike static forms that can easily be overlooked, a floating form remains in view as users navigate your site. This increases the chances of capturing their attention and driving more conversions. Floating forms are less intrusive yet highly effective, providing a seamless way to prompt visitors to subscribe without disrupting their browsing experience. This makes them a powerful tool for growing your email list compared to the more passive static forms.
Step-by-Step Guide to display a Floating Subscription Form
Step 1: Purchase, Install, and Activate the Plugin
Purchase the Plugin:
Go to CodeCanyon: Visit the WP Subscription Forms Pro plugin page on CodeCanyon.
Complete the Purchase: Choose the appropriate license for your needs and complete the payment process.
Download the Plugin: After purchase, download the plugin in ZIP format from your CodeCanyon accounts
Install the Plugin:
Log into Your WordPress Dashboard: Access your WordPress admin panel using your login credentials.
Navigate to Plugins > Add New: From the dashboard menu, hover over “Plugins” and click “Add New.”
Upload the Plugin File: Click “Upload Plugin” at the top, then select the ZIP file you downloaded from CodeCanyon.
Install the Plugin: Click “Install Now” to begin the installation process.
Activate the Plugin: After the plugin is installed, click “Activate” to enable it on your site.
With the plugin activated, you’re all set to start creating and customizing floating subscription forms.
Step 2: Create Your Subscription Form
After activating the plugin, it’s time to create your floating subscription form. Navigate to the plugin settings and click “Add New Form.” You’ll have access to various customization options like pre-designed templates, form fields (name, email, etc.), and email provider integration such as Mailchimp or Mailerlite. Customize the form to match your branding and collect the specific details you require.
Step 3: Configure Floating Display Settings
To display the floating subscription form on your site, follow these steps:
1. Locate WP Subscription Forms PRO Settings In the page editor, scroll down until you find the WP Subscription Forms PRO settings panel. Here, you will have the option to configure the floating form.
2. Navigate to Pages or Posts Editor Go to the Pages or Posts section in your WordPress dashboard, depending on where you’d like the floating form to appear.
3. Edit the Desired Page or Post Find and edit the specific page or post where you’d like to display the subscription form.
4. Set the Form to Floating Mode In the image provided, you can see the WP Subscription Forms PRO settings panel. Here’s a breakdown of the key elements:
Enable: Below this, there is a toggle switch labeled Enable. Once switched on, this will activate the form on the specific page or post, overriding the global settings configured for the entire site.
Enable Status: This dropdown is currently set to Override. Changing this option from the default Global to Override allows you to customize the subscription form settings specifically for the page or post you are editing.
Once the enable status to overridden, several additional options will be available:
Enable: Below this, there is a toggle switch labeled Enable. Once switched on, this will activate the form on the specific page or post, overriding the global settings configured for the entire site. If you don’t toggle the Enable switch, the floating subscription form won’t be activated for that specific page or post. This means the form will either follow the global settings applied across the site or simply not display at all, depending on your overall configuration.
Delay: Set the time (in seconds) for when the form will appear after the page loads. For example, if you enter “5,” the form will appear 5 seconds after the page loads.
Display Type: Choose Floating Forms from the dropdown menu to display the form as a floating element.
Floating Position: Select the position for your floating form (e.g., Bottom Left, Bottom Right).
Subscription Form: Choose the form you want to display from the dropdown (you can create multiple subscription forms in the plugin).
Hide on Mobile: If you want to hide the form on mobile devices, enable this option.
Step 4: Save and Preview Your Page
Once you’ve configured all your options, save your changes and preview the page or post to see how the floating subscription form looks. Ensure the form behaves as expected, with the floating feature activated and positioned where you want it.
Are you ready to elevate your email marketing? With WP Subscription Forms Pro, crafting a compelling and visually appealing email subscription form in WordPress has never been simpler.
In this step-by-step guide on How to Create an Email Subscription Form in WordPress, we’ll show you how to design, customize, and embed your forms to start converting visitors into loyal subscribers.
Whether you’re looking to grow your audience or enhance engagement, WP Subscription Forms Pro has everything you need. Ready to see the results? Let’s dive in and get started!
Importance of Email Marketing
Email marketing is a highly effective method for connecting with your target audience and fostering long-lasting relationships. By providing ongoing education through personalized content delivered directly to subscribers’ inboxes, promoting products or services, and cultivating brand loyalty, it all starts with expanding your email list through an email subscription form.
How an email subscription form can help grow your email list and engage with your audience?
An email subscription form allows you to capture visitor information and convert casual site visitors into loyal subscribers. By strategically placing these forms across your website, you can steadily grow your email list, giving you a direct line to your audience for future marketing efforts.
WP Subscription Forms Pro is a user-friendly plugin developed to help in easily creating and managing email subscription forms on WordPress. Anyone can create and customize forms with its drag-and-drop form builder, without requiring any coding knowledge. You can create different types of forms, starting from simple email signups to complex, multi-step processes, making sure all of your forms not only look good but also work perfectly within your website.
Key Features
Unlimited Subscription Forms: Create as many forms as you need, each with different settings.
Drag and Drop Builder: Easily design forms with a simple drag-and-drop interface, including various fields like Textfield, Textarea, Datepicker, Radio Button, Checkbox, Select Dropdown, Telephone Number, and Hidden Field.
30+ Pre-Designed Templates: Choose from a variety of beautiful templates, saving you the effort of designing forms from scratch.
Popup Forms: Display subscription forms as popups that can be triggered by a button.
Delayed Popup Forms: Show subscription forms as popups after a specific time on the page.
Floating Forms: Position forms as floating elements at the bottom right or left of the page.
Integrations: Connect directly with Mailchimp, MailerLite, Sendinblue, ConvertKit, and Constant Contact to store subscribers in your accounts.
Form Style Customizer: Customize the look of your forms with our built-in style editor.
Email Configurations: Personalize emails sent to users and enable admin notification emails from the backend.
Toggle Form Components: Easily enable or disable specific components of your forms.
Ajax Form Submission: Enjoy fast submissions without page reloads, thanks to Ajax technology.
CSV Export for Subscribers: Export your subscriber list with just a few clicks.
Backend Form Preview: Preview how your form will look before adding it to your site.
Device and Browser Compatibility: Our forms work seamlessly on all devices and browsers.
Developer Documentation: Access detailed documentation for developers looking to extend plugin functionality.
Dedicated Support: Our support team is here to help you with any questions or issues.
Translation Ready: Easily translate the plugin into your preferred language.
How to Create an Email Subscription Form in WordPress?
Installing and Activating WP Subscription Forms Pro
Installing and activating WP Subscription Forms Pro is a straightforward process. Follow these step-by-step instructions to get started:
Step 1: Purchase and Download
Visit the Envato CodeCanyon Page: Go to the CodeCanyon website and search for “WP Subscription Forms Pro.”
Purchase the Plugin: Click on the plugin listing and click the “Buy Now” button. Follow the prompts to complete your purchase.
Download the Plugin: After your purchase is complete, navigate to your CodeCanyon account. Under “Downloads,” locate WP Subscription Forms Pro and click the “Download” button. Choose the “Main File” option to download the plugin zip file.
Step 2: Install Plugin
Log-in to Your WordPress Dashboard: Just go to your website.com/wp-admin.
Click on the Plugins Tab on the Left: On the left sidebar, click on Plugins, then Add New.
Click Upload Plugin at the Top: Now, click the Choose File button, find the zip file where the plugin you just downloaded is, and click Install Now.
Activate the Plugin: Click the “Activate Plugin” link after installation to enable WP Subscription Forms Pro on your website.
Step 3: Plugin Dashboard Overview
When installed and activated, the WP Subscription Forms Pro plugin adds a new menu item called Subscription Forms to the sidemenu in the WordPress admin dashboard. Clicking on it navigates the user to the main dashboard of the WP Subscription Forms Pro plugin, where everything related to the central control over all your email subscription forms is controlled.
Here is what you can do from this dashboard, as you see in the image below:
Create New Forms: You can start building your email subscription forms with ease by clicking on the “Add New Form” button. This takes you into an intuitive drag-and-drop builder where you can change anything from layout to fields.
Manage Existing Forms: Shows a list of already created forms with this user. This list is categorized into columns, which include:
Form Title: Title set for individual forms,
Alias: Individual, machine, and easily-readable unique ID for the form which will allow calling the form in short codes,
Shortcode: Code snippet construct which is used to place/embed on pages and posts to showcase the form using the following tag [wp_subscription_forms alias="custom"].
Status: A field that indicates whether the form is Active or Inactive. Now you can tell with a glance all the forms that are being used
Action: Icons in this column for Edit the form, Shortcode, Preview, or Delete it.
This is a user-friendly interface that has all the needed tools for managing a subscription email form or managing any form; this can be done in creating new ones or making slight or full alterations to others for higher capability.
With WP Subscription Forms Pro successfully installed and activated, you’re now ready to start creating engaging email subscription forms that will help grow your audience and enhance your email marketing strategy.
To create a new subscription form, all you need to do is click the Add New Form button at the top right of your dashboard. This will take you to the actual form creation page, where you can then start building your form.
Step 4: Creating Your First Email Subscription Form
General Settings
On this page, you’ll land on general settingstab where you can set up your form. You can toggle the Form Status option to turn the form on or off. If you’re still working on it, it’s probably a good idea to keep it off until you’re ready to push it live.
Give the form a descriptive Form Title so that you can identify it later and set a unique Form Alias to use in the shortcode to avoid any conflict with other forms.
The Double Opt-In feature ensures that subscribers confirm their email addresses before being added to your list, reducing spam and helping you build a quality email list. After enabling the double opt-in option, it adds another fields i.e. Opt-In confirmation message where you need to set up the confirmation message which will be displayed once the user confirms their subscription through link.
If you turn on Don’t Remember Email, this step of email verification will be skipped for subscribers already present in your list.
You can set up a Redirection URL, too, to the page subscribers are taken after successful registration. This could include a “Thank You” page or a “Special Offer” page. You can also customize messages displayed to users regarding their activity with the form, including success messages and error notifications.
If you want, you can block specific email domains so that a certain type of email address cannot subscribe; very useful to block disposable email addresses.
At last, Please note that these option will only show if you have configured the necessary credentials in the “Settings” section of our plugin which will explain later. If you have configured the necessary credentials and fetched the list of Mailchimp, Constant Contact, MailerLite, Sendinblues,etc then those list will show in end of the General settings panel, as shown in the screenshot below. From there, you can select the desired list to which subscribers will be automatically added.
Form Settings
Once you’ve set up the general settings of your form, it’s time to dive into the form settings to customize the appearance and functionality of each element. This section allows you to fine-tune the details, ensuring that your form matches your website’s style and meets your specific requirements.
Here, you can choose to Show or hide the heading of your form by toggling the appropriate option. If you opt to display the heading, you’ll have a text box labeled Heading Text where you can enter the title of your form. This is the main title that your visitors will see when they view the form.
Just like the main heading, you can choose to show or hide the subheading as well. If displayed, you can input the text in the Sub Heading Text field. The subheading typically provides additional context or a brief description related to the form’s purpose.
In the Name section, you can decide whether to Show the name field on your form and whether it should be marked as Required. If you make it required, visitors will need to fill out this field to submit the form. Additionally, there’s a Label field where you can customize the text that appears next to the name input box.
The Email section allows you to set the Label for the email input field. This label typically reads “Email Address” or simply “Email,” but you can customize it to fit your form’s tone and style.
If you need additional information from your subscribers beyond their name and email, the Custom Fields section allows you to add more input fields. These may include fields such as phone numbers, addresses, or any other information you need. You can fully customize each field’s label and decide whether it should be a required input.
To comply with legal requirements or to ensure that subscribers agree to certain terms before signing up, you can enable the Terms and Agreement section. You can Show or hide this section, and if shown, you’ll have a Text box to insert the agreement text. Basic HTML tags like <strong>, <a>, <ul>, and <li> are supported, allowing you to format the agreement text as needed.
In the Subscribe Button section, you can customize the text that appears on the button itself. This text usually reads “Subscribe,” but you can change it to anything that better suits your form, such as “Join Now” or “Get Updates.”
Finally, you have the option to Show a footer at the bottom of your form. If enabled, you can add custom Footer Text. This section is ideal for adding a disclaimer, a note about privacy, or any other information you want your subscribers to see before submitting the form.
With these settings, you can create a highly customized subscription form that not only looks great but also functions exactly as you need it to.
Layout Settings
In this section, you can configure necessary settings related with the layout of the form. You can choose any one templates from our 30+ beautiful pre-designed templates.
The available options include the Form Layout, which features a dropdown menu containing all the pre-designed templates. You can select any template from the 30+ options currently available. The Form Width allows you to customize the width of the form; each template comes with a default width, but you can enter your desired width in pixels (px) or as a percentage (%) to suit your requirements.
For the Display Type, you have two options: Direct Display and Popup Display. If you want the form to display directly when the page loads, select Direct Display.
Conversely, if you prefer the form to appear in a popup triggered by user interaction, choose Popup Display. The Popup Trigger Text option will only be available if you select Popup Display as the display type, allowing you to specify the text that triggers the popup.
Step 5: Integrating with Email Marketing Services
WP Subscription Forms Pro integrates with various email marketing services like Mailchimp, Constant Contact, MailerLite, Sendinblue, and ConvertKit, allowing you to easily manage subscribers and automate your email campaigns.
To connect WP Subscription Forms Pro with an email marketing service such as Mailchimp, start by navigating to the plugin’s settings in your WordPress dashboard. From there, enable the desired service and enter the required API key, which can be obtained from your email marketing account.
After connecting, select the mailing list you want new subscribers to be added to. The plugin will show the connection status and provide logs for any issues, such as invalid email addresses.
Save your settings and test the integration by submitting a form to ensure subscribers are correctly added to your list. This process can be repeated for other email services, with the steps remaining largely the same.
Step 6: Embedding the Subscription Form on Your Site
Embedding your email subscription form on your website using WP Subscription Forms Pro is simple and efficient.
Start by navigating to the Subscription Forms section in your WordPress dashboard, where you’ll find the form you want to embed.
Copy the shortcode associated with that form (e.g., [wpsubscriptionform id="123"]). Next, go to the post or page where you want the form to appear, and paste the shortcode into the desired location within the content area.
Once you save or publish the post/page, the form will be live, allowing visitors to subscribe directly from that specific content.
Step 7: Using the Popup Feature to Display the Form on Specific Pages
Here, you can enable the delayed popup or floating forms for specific page, there is an option box available in the page edit section from which you can enable the popup for that specific page.
Start by selecting the “Enable Status” option to activate the form display on the page you are editing. Next, enable the popup by checking the corresponding box, which allows you to specify that the form should appear as a popup on this particular page. You can then configure the delay time by entering the number of seconds you want the form to wait before appearing after the page has loaded; if you prefer the form to display immediately, leave this field blank or set it to zero.
Additionally, you can choose the display type, selecting either “Popup” or “Floating Form” from the dropdown menu. Finally, select the specific subscription form you wish to display by choosing from the list of all previously created forms. This setup allows for precise control over how and when your forms are presented to visitors on individual pages.
By following the steps outlined in this guide, you can easily design, customize, and embed forms that align with your brand and marketing goals.
Conclusion
WP Subscription Forms Pro is a powerful tool for creating and managing email subscription forms on your WordPress site. With its easy-to-use features, you can design, customize, and embed forms that help grow your email list and engage your audience.
From pre-designed templates to seamless email marketing integrations, this plugin offers everything you need to boost your email marketing efforts. By strategically placing forms and using popups, you can capture more subscribers and turn visitors into loyal customers.
Start using WP Subscription Forms Pro today and take your email marketing to the next level!