Add a Newsletter Subscription Form to Your Website Footer

Want to collect more subscribers without interrupting visitors? Adding your newsletter signup form to your footer is one of the simplest and most effective ways to grow your list.

In this guide, you’ll learn how to add a Noptin subscription form to your website footer using WordPress widgets or the block editor.

What You’ll Need

• A WordPress website
• The Noptin plugin is installed and activated
• At least one published newsletter subscription form

Step 1: Create (or Choose) a Subscription Form in Noptin

1. In your WordPress dashboard, go to Noptin > Subscription Forms.
2. Create a new form or open an existing one.
3. Customize the fields, submit button text, and success message.
4. Save the form.

Step 2: Open Your Footer Area

There are two common ways to edit your footer, depending on your theme:

Option A: Block Themes (Site Editor)

1. Go to Appearance > Editor.
2. Open the Footer template part.
3. Click the + button to add a block where you want the form.

Option B: Classic Themes (Widgets)

1. Go to Appearance > Widgets.
2. Open your footer widget area (for example: Footer 1, Footer 2, etc.).
3. Click + to add a block/widget.

Step 3: Insert the Noptin Form

1. Add the Noptin Subscription Form block (or shortcode block, depending on your setup).
2. Select the form you created in Step 1.
3. Adjust alignment and spacing so it matches your footer layout.
4. Save your changes.

If your theme doesn’t show the Noptin block, use a Shortcode block and paste your form shortcode from the Noptin forms page.

Step 4: Test the Form

1. Visit your site’s front end.
2. Scroll to the footer and submit a test email address.
3. Confirm that the subscriber appears under Noptin > Subscribers.
4. Verify that any confirmation email or automation is working as expected.

Best Practices for Footer Signup Forms

• Use a clear heading like “Join our newsletter”.
• Keep the form minimal (usually one field).
• Place a short benefit statement near the form.
• Ensure the form is mobile-friendly.
• Avoid too many competing links around the form.

Troubleshooting

• Form not appearing? Clear cache (plugin/CDN/browser) and confirm you saved footer changes.
• No submissions coming through? Recheck your Noptin form settings and integrations.
• Styles look off? Add custom CSS or adjust block spacing/typography in the footer editor.

Next Step

Once your footer form is live, improve conversions by testing different calls-to-action, button text, and incentives (like a lead magnet).