How to Use Contact Form to Grow Your Email List in WordPress

Want to learn how to use contact forms to grow your email list in WordPress?

Connecting contact forms to your WordPress website lets you capture valuable leads and expand your email subscriber list.

In this article, we will show you how to use contact forms to grow your email list in WordPress so you can get more customers.

How to use contact form to build your email list in WordPress

Why Use Contact Forms in WordPress to Grow Your Email List

If you’re not using WordPress to build your email list, you’re leaving money on the table. Emails are a great way to promote your products or services, build a loyal customer base, and even increase your customer lifetime value.

Unlike other marketing channels (paid or organic social media), you own and control the content and list of subscribers. However, on social media platforms, if anything happens to your account or even the platform, you’ll lose everything.

With email marketing, you can customize your email newsletter any way you want without being subjected to the unforgiving social media algorithm changes.

But why use contact forms to build your email list?

Contact forms on your WordPress site provide a secure and easy way for visitors to ask questions, book your services, or send in feedback.

They add legitimacy to your website since many people see contact forms as a trust factor. The idea that you can reach out to them directly makes your business more trustworthy.

Besides that, you can capture their initial interest by allowing them to join your email newsletter. This allows you to stay in touch with them via email, which can lead to future revenue as you send targeted offers and promotions to an engaged audience.

All you have to do is add a signup box at the bottom of the contact form, which offers a subtle way to enhance your lead generation strategy and grow your list.

How to Create a Contact Form with WPForms in WordPress and Collect Email Subscribers

Adding a contact form in WordPress is easy and doesn’t require any coding! Follow these steps, and your form will be ready in no time.

1. Pick the Best Contact Form Plugin

The first thing you’ll need is to install a contact form plugin for WordPress. With so many contact form plugins on the market, it can be hard to choose the right one.

We recommend WPForms because it’s the most beginner-friendly and feature-rich contact form plugin available. With its easy drag and drop interface, you can have your form live in minutes.

WPForms homepage

First, you will want to install and activate the free WPForms Lite plugin. For more details, you can see our step by step guide on how to install a WordPress plugin.

You can use this WPForms Coupon to get 50% off on any WPForms plan. The paid plan gives you advanced features such as fancy fields, conditional logic, user journeys, multi-page forms, and the ability to install other addons.

2. Create a New Contact Form

Once WPForms is activated, go to WPForms ≫ Add New in your WordPress dashboard.

Add new form in WPForms

You’ll be taken to the WPForms drag and drop form builder. In the ‘Setup’ tab, you’ll select the template you want to use for your contact form.

With hundreds of templates available, you can choose a form for just about any occasion.

Find the Simple Contact Form template and click on ‘Use Template.’

WPforms contact form templates

3. Add Email Signup Checkbox to Your Contact Forms

Once you have created your form, the next step is to add an email subscription box to the same form.

Under the Fields column, drag the ‘Checkboxes’ box to where you want to insert the signup option in the contact form.

You will notice that there are three checkboxes. Click on the field to open its settings.

Checkboxes in WPForms

In the ‘Field Options’ tab, you will need to delete two checkboxes, since we only need one checkbox for the email signup.

Simply click on the minus icons from the ‘Second Choice’ and ‘Third Choice’ checkboxes to remove them.

Removing checkboxes in WPForms

Then, just change the label to something that aligns with your intent, such as ‘Signup for our Email List.’

Under the ‘Choices’ checkbox label, you need to write something that allows visitors to confirm and provide consent to submitting their contact information.

For example, you can label the checkbox with something like ‘Sign up for our email list.’ Then name the choices with ‘Yes please!’

Signup email box in WPForms

4. Connect Your Email List to WPForms

Next, you’ll need to connect your email marketing service. WPForms has many integration addons for the top email marketing platforms, including Constant Contact, Drip, Mailchimp, and more.

Note: WPForms Lite supports Constant Contact automatically, meaning you can get started growing your list for free!

That being said, if you want to connect to other email marketing services, you’ll need to be a Pro subscriber of WPForms. Click here to upgrade to the WPForms Pro version.

Go to the ‘Marketing’ column in the form builder and find your email service provider. Then, simply click on ‘Add New Connection.’

Connecting to Constant Contact in WPForms

You’ll be asked to name this connection.

Give it an appropriate name so that you can keep track of it, and then click ‘OK.’

Constant contact connection

From here, you can connect your Constant Contact account to WPForms.

On the page displayed, you’ll need to register WPForms with Constant Contact by clicking on ‘Click here to register with Constant Contact.

Register Constant Contact in WPForms

After clicking the link, a window will open, and you’ll need to log into your Constant Contact account.

When you’re logged in, click the orange ‘Allow’ button to give WPForms access.

Allow access to Constant Contact from WPForms

Next, you’ll be given a Constant Contact authorization code.

Copy the code so you can enter it into WPForms.

Copy authorization code for Constant Contact

Paste this code into the ‘Constant Contact Authorization Code’ field back in the WPForms.

This will allow WPForms to fetch your email service account and pull in data from Constant Contact.

Paste Constant Contact authorization code

From there, you want to add a name below. It’s just for internal reference and won’t be visible to your site’s visitors.

Once you’ve filled in both fields, click on the ‘Connect’ button to continue.

Connect Constant Contact to WPForms

Once the connection is complete, you’ll see a checkmark next to the Constant Contact tab.

This shows that the connection is working and verified.

Constant Contact connection verified

WPForms will ask you which account and list you’d like to use for this contact form. When you select a list, it’ll add new email subscribers to the list of your choice.

Make sure to choose the appropriate account and list.

Choose email list from Constant Contact

Next, you want to add the list of fields that you plan on capturing from the contact form.

For example, if you intend to take their Full Name and Email, you want to select the appropriate dropdown menu.

Constant Contact list fields

Scroll to the bottom of the list fields box and click on ‘Enable Conditional Logic.’ This means that the signup checkbox only appears when the user has completed a specific action, such as providing their email address.

Make sure to choose what the required field users must complete for the signup box to appear. For instance, you most likely want their email address to be required but their name and email list signup be optional.

Enable conditional logic for WPForms

5. Embed the Contact Form Into a Page

Now, you’re ready to add the contact form to a post or page on your WordPress website.

Scroll up and click on the ‘Embed’ button located on the top right of the screen.

Embed contact form to contact page

Assuming you already have a contact page, you’ll click on the ‘Select Existing Page’ button.

If you don’t have a contact page, then you’ll choose the ‘Create New Page’ button.

Embed in a page contact form

You’ll be asked to choose the page you want to add your contact form to.

Once you’ve selected your form from the dropdown menu, click on ‘Let’s Go!’

Embed contact form to your contact page

You’ll be sent to your WordPress page with the WPForms embedded inside. Customize your page to fit your needs.

When you’re ready, hit the ‘Publish’ or ‘Update’ button to make your page live.

Publish contact page in WordPress

Congratulations, you’ve successfully created and published your contact form. With the email signup box in your form, you’ll be able to collect subscribers to help grow your list as you receive new inquiries.

If you want to learn more about creating contact forms, see our detailed instructions on how to easily create a contact form in WordPress.

Best Practices for Designing Your Contact Form

To maximize your success and get the most out of your contact forms, you’ll want to follow these best practices.

Make Your Form GDPR Compliant

GDPR, or General Data Protection Regulation, is a data protection and privacy regulation to give consumers greater control over their personal data.

This is required if you plan on collecting personal information from anyone living in the European Union.

Fortunately, you can easily create GDPR compliant forms in WordPress with WPForms.

Just head over to WPForms >> Settings in your WordPress admin area. Then, under the ‘General’ tab, you’ll find the ‘GDPR’ section.

General settings in WPForms

Then scroll down until you see the GDPR section. You’ll want to check the ‘GDPR Enhancements’ box.

Then check the ‘Disable User Cookies’ box if you want to remove user tracking cookies. You can also tick the ‘Disable User Details’ option so WPForms doesn’t collect user IP addresses.

GDPR in WPForms

Configure Form Notifications

It’s a good idea to set your form notifications properly.

A form notification is an email that goes out to the user once they submit a message and subscribe to your newsletter from the contact form.

Just head over to the Settings column in the WPForms builder and select Notifications. Make sure to toggle the ‘Enable Notifications’ button on.

Then, fill in the fields based on your intent. You can update the subject line, the name, and the email.

Enable notifications

Scroll down to configure the email message.

Once you’ve written your email message, click the ‘Save’ button up top.

Confirmation email message

Even after users submit the form and subscribe to your list, you should use the opportunity to redirect users to other pages to get even more conversions.

For instance, you can direct them to a thank you page along with other high-converting articles.

Track Your Results

Make sure you’re tracking your WordPress form so you can see the number of views and conversions it gets.

WPForms has a built-in user journey feature to see which pages users go to before they land on your form.

If you’d like even more in-depth tracking, we recommend using MonsterInsights.

Turn on CAPTCHA for Spam Protection

Form spam is a big problem that every website deals with. Countless hackers are trying to send phishing links or find your direct email to hack into.

WPForms CAPTCHA feature helps prevent robots from submitting your contact form.

You can read our guide on how to add CAPTCHA in WordPress to learn more about how it works and include them in your contact forms.

Limit the Number of Fields

Long forms are boring and can deter users from completing the form.

If you want to increase form submissions and maximize conversion rates, make sure to limit your contact form to under five fields.

How to Grow Your Email List With Other Forms

Building a WordPress contact form is just one way to add new subscribers to your email list. There are dozens of other list-building strategies besides adding an email optin when someone sends you a message.

Here are several ways to do so using various types of forms.

Pop-up Sign-up Form

Instantly grab the attention of visitors with signup forms that pop up after a certain amount of time. You can add a pop-up signup form to any webpage and choose when you want it to trigger.

We recommend creating Exit-Intent pop-ups with OptinMonster. These forms are less intrusive since they only appear when a user is about to leave your website. This can result in a less disruptive user experience than pop-ups that appear immediately upon arrival, which can annoy or deter visitors.

You can even make your pop-ups more interactive and animated with a slide-out contact form. These interactive and animated forms divert visitors’ attention and allow them to quickly fill out the form without leaving their current page.

Sidebar Sign-up Form

Placing a signup form in the sidebar makes it easily accessible to visitors on every page of your website. The added convenience can increase the odds of users subscribing to your newsletter.

Inline or After Post Sign-up Form

Readers are on your website for a reason. The less you interrupt them, the more likely they are to stick around and convert.

Placing a sign-up form after a blog post is less intrusive and allows you to tailor your call to action (CTA) to the content the reader has just consumed. You can place relevant offers in front of visitors to boost conversions since the CTA aligns with their interests.

If you want to boost conversations and turn readers into paid customers, read our other tutorials, such as our guide on how to create an email newsletter the right way or our expert guide on easy ways to grow your email list fast.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Use Contact Form to Grow Your Email List in WordPress first appeared on WPBeginner.

How To Get The Most Out Of Using Hustle

Hustle is the ultimate email marketing and lead generation plugin for WordPress.  Learn how to get the most out of Hustle to grow your list and your business.

Hustle gives you everything you need to get more customers…from growing your email list and displaying targeted ads with unblockable popups, slide-ins, opt-ins, and embeds, to social sharing, seamless email marketing form integration, and conversion reports with configurable metrics.

“This is hands down the best popup plugin for WordPress there is.”

AmidaC

In this post, we’ll show you how to use Hustle to:

  1. Manage All Your Campaigns from the Dashboard
  2. Create and Customize Modules
  3. Share Your Content Easily on Social Sites
  4. Manage Third-Party App Integrations
  5. View Your Email Subscribers
  6. Configure Main Plugin Settings

1. Manage All Your Campaigns from the Dashboard

Hustle’s Dashboard includes different overview panels that let you access, create, and edit modules, perform various functions, view status and stat reports, and access plugin documentation and tutorials from one central location.

Hustle Dashboard
Hustle’s dashboard gives you access to all of the plugin’s modules and features.

The top section of the dashboard lets you quickly and easily see how many modules are active, when your last conversion took place, and view key metrics, including stats on how many times forms are displayed and submitted, and conversion rates.

Hustle Dashboard Overview section
Customize the metrics displayed in Hustle’s Overview section.

You can select three metrics from a list of options to display in this section. Later in this tutorial, we’ll show you how to configure these.

2. Create and Customize Modules

Hustle Pro gives you unlimited pop-ups, slide-ins, email opt-ins, and social sharing modules. The free version of the plugin lets you create up to three modules for each campaign type.

All modules use the same process to create, configure, and customize your marketing campaigns.

All you have to do is decide which type of campaign you want to run (e.g. pop-up, slide-in, email opt-in, or social share bar) and click the Create button.
Hustle slide-in
Next,  just follow the setup wizards. These will guide you through the form creation process and take you through all the steps you need to complete and launch your campaign.

You will be prompted to name your module and select one of the following types based on the goal of your campaign:

  • Email opt-in – Choose this type to collect email addresses and user data.
  • Informational – Choose this type if making promotional offers with a call to action.
Hustle Create Slide-in screen
Name your slide-in and choose the goal of your campaign.

Next, select a fully-responsive template for your module. You can start with one of our pre-built, professional designer-made templates to save time or design your own from scratch. Either option lets you completely customize the look and feel of your form and create pop-ups, slide-ins, and embeds that will look great and work perfectly on any device.

Choose a professionally-designed template to save time or start from scratch.

After selecting your template, you will then be stepped through all the option screens that allow you to customize and create your module. As you go through each of these screens, click the Preview button any time to see how your module is looking.

Hustle takes you step-by-step through the module creation process.

Hustle lets you style every module you create with easy-to-use settings that give you granular control over your module elements.

For example, in the Content settings screen, you can add your main text and images for the module, customize the text that will appear in the title and subtitle, add custom-featured images and background images from the media library, format your main content, enable and edit the text on your call-to-action buttons and ‘never see this again’ links, and more.

Hustle opt-in form example.
This opt-in form is using all of Hustle’s content elements.

The Emails settings screen lets you configure your opt-in form fields, re-arrange the order of your fields using drag and drop, customize the success message your visitors will see when they opt-in (or specify a URL they will be redirected to upon successful form submission), and set up automated emails your subscribers will receive after subscribing (you can also choose whether subscribers will receive this email instantly or after a specific time interval).

The Integrations section of your form lets you decide what to do with the subscriber data you collect. For example, you can save all submissions in your database and then access or export these from the plugin’s Email Lists page, or send the subscriber data to your favorite third-party email and data collection applications.

Thanks to Hustle’s integration with Zapier, you can automate sending leads to over 1,000 third party apps not natively supported in Hustle.

The Appearance tab includes tons of options to fully customize the look of your module.

We recommend starting with the Desktop settings first. You can tweak elements of your module like the featured image, change image alignment, choose a custom size, and decide how you want your image to fit within your module.

Customize your module’s desktop and mobile appearance settings.

By default, your pop-up inherits your theme’s fonts. However, if you click the Custom tab under the Typography section, you can choose from hundreds of Google fonts available.

Customize your module’s fonts to match your branding.

Hustle also comes with a great selection of color palettes. You can choose from one of our pre-made palettes and further customize it or create your own custom color palette and customize the color of your various form elements.

Use Hustle’s preset or custom color palettes to further customize your module’s appearance.

Additionally, Hustle gives you a range of advanced settings for enhancing elements, like border, spacing, and shadow. You can also define the overall size of your module in this section, choose whether to inherit your theme’s styling or add your own custom CSS.

Hustle Advanced Options and Custom CSS.
Use Hustle’s advanced customization options and custom CSS for even finer granular control over the appearance of your modules.

Once you’re happy with your module’s design for desktop users, the next step is to make sure that your forms will work perfectly across all devices, especially on smaller screens.

Note: If you are using one of Hustle’s pre-made templates, there’s no need to adjust your module’s custom mobile settings, as the templates are already responsive.

Also, Hustle automatically tries to keep everything responsive in your module even if a template isn’t used. If you need to edit mobile settings after previewing your module, simply enable the “Custom Mobile Settings” mode at the top of the Appearance page.

You will see that many mobile appearance settings are inherited from the settings configured for desktop users. You can customize your module further if required by adjusting these elements to display differently to mobile users.

Hustle Appearance screen - Mobile settings
Your module’s mobile appearance inherits a number of settings from its desktop settings.

In addition to controlling the appearance of your pop-ups and slide-ins, Hustle gives you extra options for displaying embedded modules on your site, such as the ability to display forms inline at a specified position in your posts & pages, making the Hustle widget available under Appearance > Widgets so you can add embeds to widgetized areas of your theme, and creating shortcodes you can use to add your embeds wherever your site accepts these.

But we’re still not done customizing your modules. Not by a long shot!

Hustle also gives you complete control over where your modules will display on your site with a staggering array of Visibility conditions.

Hustle General Visibility Conditions list
Hustle gives you precise control over your module’s visibility.

By default, your pop-up and slide-ins will appear everywhere on your site and display to every visitor. This also applies to forms embedded inline, in widgets, and when using shortcodes.

By applying one or more of Hustle’s visibility rules, you can target only the visitors you want to see your messages using specific conditions and settings to suit your needs.

For example, you can use visibility rules to show your modules only to logged-in visitors, or only to visitors from a specific country, or only to visitors using a certain browser on a certain device when they visit a specific page…or a combination of all of the above and more!

In addition to general visibility rules, if you run an eCommerce store powered, Hustle helps to improve your sales with specific conditions for WooCommerce-powered sites.

For example, if you are running a sale for a specific product, you can set WooCommerce conditions to run promotional campaigns offering specials or discounts on its product page.

WooCommerce visibility conditions for slideins
Hustle’s WooCommerce visibility conditions let you improve your sales conversions with a highly targeted eCommerce sales and promotional strategy.

Not only does Hustle give you granular control over where your modules will display on your site, but also when they will display to your visitors.

This is done in the Behavior tab, which lets you set up precise triggers for your form to display when your visibility conditions are met.

For example, you can schedule your campaigns’ start and stop times and dates, including or excluding specific days of the week, and even set up custom time zones.

Hustle Behavior Scheduling settings.
You have precise control over scheduling your module’s appearance.

You can also set triggers that let you specify how long your modules should wait or which element on the page visitors have to scroll past before displaying your campaign.

Hustle’s trigger settings let you display your campaigns in front of your visitors at the perfect moment.

Hustle’s more impressive triggers make use of sophisticated technologies like Adblock detection and Exit Intent to help maximize conversions.

With adblock detection, your site’s content is blocked with a non-dismissible pop-up when an adblocker is detected on their browser. Your visitors will have to disable their adblocker to view your content.

Exit Intent senses your visitors’ intention to leave your site and lets you display your modules before you lose them.

Take advantage of Hustle’s smart exit intent pop-ups and slide-ins to turn leaving visitors into new leads, sales, or subscribers.

In addition to the above, you also have control over your module’s animation effects, slide-in positions, closing methods and behavior, and even what happens after forms display to visitors.

Hustle lets you control everything about your module’s display behavior.

Once you’ve set up and customized your module to suit your needs, simply hit the Publish button, and Hustle goes immediately to work for you, obeying every rule and condition you have specified.

Hustle Publishing screen
As soon as you hit publish, Hustle starts hustling for you.

For more information on how to set up and use a module, see our tutorial on how to make the perfect pop-up with Hustle or check out the video below:

For a detailed walkthrough of how to configure all the settings in your module, check out Hustle’s extensive documentation section.

3. Share Your Content Easily on Social Sites

You’re not just limited to growing your business using pop-ups, slide-ins, and embeds.

With Hustle’s social sharing modules, you can also get visitors to promote your site on all the main social networks using floating on inline content sharing prompts.

It’s as simple as creating or importing a module in the Hustle > Social Sharing section.

Hustle Social Sharing
Add floating or inline social sharing prompts.

In the module’s Services screen, you can enable a counter to show how many times social icons have been clicked or how many times your content has been shared on each network.

To add social platforms to your module, just select or deselect icons and click the Add Platform button.

Add social platforms
Select or deselect the platforms to display in your social sharing module.

You can also use drag and drop to reorder how icons will display on your module.

Reorder social platforms using drag and drop.
Reorder the social platforms using drag and drop.

Go through the additional screens to finish editing and customizing your social sharing module.

In the Display Options section, you can enable a floating social bar and choose whether to display your module on visitors’ desktop and mobile screens (and adjust their positions), inline on your site’s posts and pages, or on your sidebar using a widget. You can also create a shortcode to paste into your content and display the module wherever you like.

In the Appearance screen, you can change the style of your icons, customize color schemes, and add shadows and animations.

And like all of Hustle’s other modules, you can set rules in the Visibility section to display the module only under specific conditions or have your social shares appear everywhere on your site.

Edit and customize your social sharing module.

Hit the publish button when you’re ready to put the module to work.

4. Manage 3rd Party App Integrations

Once you have created and customized your modules so they look and behave the way you want for your visitors, the next step is to make sure that they will work for your business too.

You can integrate your modules with many third-party apps in the Integrations section.

The addition of Zapier means that Hustle modules can integrate with over 1,000+ different applications.

Integrate your Hustle modules with 1,000+ third-party apps.

The integration process is very simple. First, you connect a selected app to Hustle, then you integrate the connected app into a specific module.

For a complete step-by-step walkthrough of the integration process, check out our plugin documentation section.

5. View Your Email Subscribers

You can view a list of everyone who has subscribed through any active opt-in modules on your site (including your local email list and any integrated third-party lists you’ve set up) in the Email Lists section.

Just select the type and the name of your module and click the Show Email List button to display your list of email subscribers.

View all your email subscribers without leaving your WordPress dashboard.

If you have a sizeable email list, use the filters on the submission page to save time bulk editing, finding, viewing, and sorting specific subscribers or segments of your email list.

You can filter your list by keyword or date range, sort by date submitted or id, and bulk delete subscribers.

The filters on the submission page can be very handy when filtering through a huge list.

For more details on using the Email Lists section, check out our documentation.

6. Configure Main Plugin Settings

So far, we’ve covered just about everything you need to know to get the most out of using Hustle.

There are just a few additional important things to cover in the Settings section of the plugin.

Hustle’s Settings section lets you finetune your modules’ effectiveness and performance.

In addition to configuring things like what to do with Hustle’s data and settings if you uninstall the plugin, setting viewer’s privacy options, assigning different kinds of permissions to user roles (e.g. who can edit your modules and integrations or access your email list), adding a captcha to forms, enabling support for accessibility enhancements, and customizing unsubscribe options, the sections described below also let you finetune the effectiveness of your modules’ performance:

General Settings

The General settings screen lets you customize your Hustle dashboard and subscriber notifications, and choose the number of items to show per page on your submissions or module listing pages.

Hustle - General Settings screen.
Customize your Hustle dashboard and subscriber notifications.

Color Palettes

You can create custom color palettes for your pop-ups, slide-ins, and embeds. Start with one of the default color palettes or import a color scheme from one of your existing modules and customize it further to create a new palette.

Hustle - Color Palette Settings screen.
Create custom color palettes for your modules.

Dashboard Analytics

You can display an analytics tracking widget for your Hustle modules on your WordPress dashboard.

Configure the options in this section to give the widget a custom title, define which user roles can view the widget, and select the modules you want the widget to track.

Hustle Dashboard Analytics widget.
Add an analytics tracking widget for your Hustle modules.

Top Metrics

Earlier, we mentioned that you can select three metrics from a list of options to display in the Hustle dashboard. Here is where you select these metrics.

Hustle - Top Metrics Settings screen.
Set the top metrics that will help you achieve your goals with Hustle.

Time To Get Hustling

As you can see, Hustle is not your ordinary pop-up plugin. It’s the ultimate WordPress marketing plugin for building a mailing list and converting traffic on your site.

Start with the free version of Hustle to collect email addresses and grow your mailing list or upgrade to Hustle Pro to generate more leads with unlimited pop-ups, slide-ins, embeds, social sharing modules, and marketing campaigns, plus white label plugin branding.

To learn about all the features of Hustle, refer to the plugin’s documentation and check out our roadmap for new features and improvements coming soon to Hustle.