Black Friday Sale!

Get 40% Off any plan using this coupon BFCM2024

How to Create an Constant Contact Popup Subscribe Form in WordPress

Want to create a Constant Contact popup subscribe form on your WordPress website?

Constant Contact is one of the best email marketing tools out there, and you can use it to launch email campaigns and carry out functions like sending automated emails and storing subscribers, among other things.

In this article, we will show you how to collect subscribers from your WordPress website and then use Constant Contact to store them.

There are many ways to collect subscribers but using a popup form is one of the most effective methods you can implement.

Popups are an excellent tool for drawing attention. Combining a popup form with a proper call-to-action will encourage visitors to subscribe to your newsletters and other mailing lists.

So in the tutorial below, we will show you how to create a popup that will help you collect subscribers. We will also show you how to connect the popup to your Constant Contact so that you can store your subscribers in that account.

How to Create a Constant Contact Popup Subscription Form in WordPress

To create a popup subscription form, you will need to take the four following steps:

Step 1: Install and activate the MailOptin plugin

Step 2: Create a popup subscription form using MailOptin

Step 3: Integrate the MailOptin plugin with the Constant Contact account

Step 4: Connect the popup subscription form with Constant Contact

Step1: Install & Activate MailOptin

MailOptin is one of the best lead generation or email automation solutions out there. It will help you create a popup form and also ensure that the subscribers you collect will be stored in your Constant Contact account.

Purchase a MailOptin plan and download the plugin from the welcome email or your MailOptin account. Then upload and install the plugin into your WordPress website.

uploading plugins in wordpress

Next, you will need to activate the MailOptin license. Here’s how:

Open your WordPress dashboard and go to MailOptin > Settings > License. You need to copy the license key from your welcome email or your MailOptin account. Paste the license key in the white box beside the License Key field.

Hit the Save Changes button, and the license will be activated.

activating mailoptin license

Step 2: Create a Popup Subscription Form Using MailOptin

To create a popup subscription form, open your WordPress dashboard and go to MailOptin > Optin Campaigns > Add New.

A page will appear asking you for a title and offering different readymade form templates.

Enter a title, and then from the Select Optin Type option, choose LightBox.

mailoptin popup subscription forms

The form templates under LightBox are all popups. If you change your mind about popups in the future, try using other opt-in forms like sidebar, slide-ins, notification bars, and in-posts forms. For now, choose a template from under LightBox and proceed by hitting the Select Theme button on your preferred template.

As soon as you do, you will be taken to the page from where you can edit the form to your liking.

On the right side of the page, you have the form; on the left, you have the tools you will need to modify the form.

mailoptin popup subscription form editor

On our demo site, we wanted the visitors to have the option to sign up for our newsletter or choose to reject the signup offer and remove the popup from the page. So we created a yes or no popup opt-in form.

We have already written an article on how to create a yes or no opt-in form on your WordPress website. Kindly open the link and scroll down to the last section before the conclusion. That should give you an idea of what type of form you want on your website and how to modify the template and create a form. If you require more help, seek assistance from these help documents.

When your form is ready, save all your changes by choosing the Save Changes button at the top of the screen. And also, activate the form by toggling on the Activate button beside the Save Changes button.

activating mailoptin form

Step 3: Integrate MailOptin Plugin With Constant Contact Account

So far, you have activated MailOptin on your WordPress website and created a popup subscription form. Now, you need to ensure that visitors signing up for your popup subscription form are being stored in your Constant Contact account.

The first thing you’d need to do is create a Constant Contact account. Open this page, select the free trial option and sign up.

After signing up, you should go back to your WordPress dashboard to connect your Constant Contact account to MailOptin.

Legacy Integration Instruction

Go to the Integrations settings page by either clicking the sidebar menu link or the top menu tabs.

MailOptin plugin menu

On the Constant Contact Connection section, click the “Authorize” button.

Conencting Constant Contact with MailOptin

You will then be redirected to log in and allow MailOptin access to your Constant Contact account.

OAuth: allow MailOptin access to your constant contact account

You will then be redirected back to the MailOptin connections page with the button color now green indicating a successful connection.

Successful authorization of MailOptin to Constant Contact

New v3 Integration Instruction

The new Constant Contact integration requires the creation of an “application” in order to generate an API key and App Secret.

Notice: each app should be dedicated to only one website. If you have multiple sites, create multiple Constant Contact applications, one for each. These instructions are included at the top of the Settings page.

Important: Don’t touch any setting during app creation except the ones pointed out in the below steps: Application name and Redirect URI.
Ensure “Authorization Code Flow and Implicit Flow” and “Rotating Refresh Tokens” are the selected options in Application OAuth2 Settings settings.
  1. Login to the Constant Contact V3 portal and create a “New Application“.
  2. Enter an application name like “MailOptin”, and click “Save“.
  3. Copy your Constant Contact API Key. You will paste it into the API Key field on the Constant Contact (v3) tab of the MailOptin Integrations page.
  4. Click the “Generate Secret” button, go through the secret generation process, and copy it. You will paste it into the “App Secret” field on the integration settings page in MailOptin.
  5. Copy and paste the URL displayed in step five of the setup instructions on the MailOptin> Integrations> Constant Contact (v3) tab in WordPress into the Redirect URI field in Constant Contact App Details and click “Save” in the top right corner of the screen.

Authorizing the Application

The application needs to be authorized to communicate with your Constant Contact account. This is done by entering your API keys into the Constant Contact settings in MailOptin.

Log into your WordPress admin dashboard.

On the left-side navigation menu, hover over MailOptin and click on Integrations.

From this page, click the Constant Contact (v3) tab.

Enter your API Key and App Secret that you obtained in the previous section and save.

Click AUTHORIZE YOUR ACCOUNT. If you’ve entered your account information correctly, you will be redirected to a new page where you will be asked to grant the Constant Contact API permissions.

Once permissions are granted you will be redirected back to the Constant Contact Settings page in the WordPress dashboard and see a new button, Disconnect Integration.

Step 4: Connect Popup Subscription Form With Constant Contact

You will need to connect your popup subscription form with Constant Contact to ensure that whenever someone signs up for your newsletter, the data (name, email address, or both) is stored in your Constant Contact account. Here’s what you need to do:

Open the popup form you created in step 2 by going to MailOptin > Optin Campaigns. Next, click on the form, and it will open on the next page.

From the tools located on the left side of the screen, go to Integrations and click on New Integrations. A drop-down menu will appear with the option Constant Contact. Select that. Be sure to save your changes before you exit the page.

That’s it, folk. You now have a Constant Contact popup subscribe form on your WordPress website.

Conclusion

Adding a popup form to your WordPress website is a great way to collect subscribers. There are many popup form plugins to choose from, but you need to select one that can connect with Constant Contact to store the subscribers to your Constant Contact account.

MailOptin is just the plugin you need. It will help you create a popup form and connect the form with your Constant Contact account. MailOptin is a powerful lead generation and email automation plugin. It is easy to use, and you can get a form popup up and running in no time.

Try MailOptin today!

Lead Generation & Email Automation Plugin

Install MailOptin today to convert your visitors to email subscribers and engage them with automated newsletters whenever you publish new blog posts.