Contact Form 7

Video Tutorial

Do you want to add a newsletter subscription checkbox to your Contact Form 7 forms?

Or perhaps you just want to convert your entire contact form into a newsletter subscription form (without users having to tick a checkbox).

If so, then this guide is for you.

And the best part is, you’ll be able to do all this for free, and without writing any line of code.

What You’ll Learn

  • How to add a newsletter subscription checkbox to your contact forms.
  • How to automatically add new submissions to your newsletter (without displaying a checkbox).

Just like in the example below…

Contact Form 7 newsletter subscription checkbox

… Or this.

Contact form 7 newsletter subscription from

Prerequisites

To follow along with this tutorial, you need to install Contact Form 7 (Free) and the latest version of Noptin Newsletter (also free).

Noptin is a free and lightweight WordPress newsletter subscription plugin. To automatically add new subscribers to another email service provider (e.g. Mailchimp), you will have to install the appropriate add-on.

How to install Noptin

After you install both Noptin and Contact Form 7, you can then follow the next steps to connect the two.

Step 1: Create / Edit Contact Form

First of all, click on the name of a contact form to edit it or click on the “Add New” button to create a new form.

open contact form 7 form in editor

Next, set up your form fields. This includes the email address (required), subscriber’s name, a GDPR/terms acceptance checkbox, and any other custom fields that you want to collect.

Only the email address is required to connect a form to Noptin. All the other fields are optional.

Edit contact form 7 newsletter form

Finally, click on the Save button to save your form. Doing this is required before moving on to the second step as it allows Noptin to keep track of your form fields.

Now that we have a form that we would like to collect newsletter subscribers from, the final step is to link it to Noptin.

To do this:-

First, click on the “Noptin” tab to reveal newsletter options…

link form to noptin

… then map the fields on your form to Noptin fields.

Map newsletter fields to form fields

You can map any field on your form to any of your Noptin custom fields.

If you do not map the “Subscriber Email” field, Noptin will not add new submissions to your newsletter. All the other fields are optional.

To add a newsletter subscription checkbox to your contact form, add a consent field to the form then map it to the “GDPR Consent” field. This way, only users who tick on the consent field get added to your newsletter.

After you’re done mapping the form fields, click on the “Save” button to save your changes.

That’s all.

From now on, whenever someone submits your contact form 7 form…

Sample contact form 7 newsletter subscription form

… then Noptin will add them to your newsletter.

Sample contact form 7 form

Bonus: Contact Form 7 Newsletter Template

You can use the following newsletter template to create your email subscription forms].

<label> Your name
    [text* your-name] </label>

<label> Your email
    [email* your-email] </label>

[submit "Submit"]

Bonus 2: Disable Contact Form 7 Emails

There are instances when you do not want Contact Form 7 to send you an email whenever someone submits your form.

To prevent this:-

Open the Additional Settings tab then add the following customization code:-

skip_mail: on
disable contact form 7 emails

Finally, click on “Save” to save your changes.

Up your Marketing
Join our email list to and we'll send you occasional marketing tips
Custom CSS Slide Example
Custom Animation Example
Default Animation