• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
The Newsletter Plugin Documentation

The Newsletter Plugin Documentation

Every little detail discovered.

  • Premium
  • Support Ticket
  • Account
  • Blog

How To Add a Subscription Form on External Sites

June 18, 2020 by stefano

With Newsletter it’s possible to add a subscription form for your newsletter service on external sites. To perform this operation, you just need to copy and paste a bit of HTML code. If you have some HTML and CSS skills, you can personalize the design and style of your form.

Lets start!

The first step is to copy the HTML code of the our form. Newsletter provides the exact HTML code you need, which implements the subscription form following your form fields configuration.

Just open the Newsletter dashboard and find the page “Subscription form fields, buttons, labels” under the voice “List Building. Then, click on “HTML samples and hand coded forms”:

You’ll be presented with a special configuration page where you can set you custom code, but skip that panel and click on the HTML sample tab. That’s the HTML code you need! Just copy and then paste code where you need.

Important notes:

Some changes are required:

  1. remove the piece of code onsubmit="return newsletter_check(this)" since in an external site there is not our JavaScript code. Don’t worry, our forms use the HTML 5 validation attributes so subscriber cannot enter invalid emails or skip required fields.
  2. you should add the attribute target="_blank" so when the form is submitted, the welcome message is displayed in a new window:

The line

<form method="post" action="..." onsubmit="...">

must be changed with

<form method="post" action="..." target="_blank">

Please, pay attention to not remove or change the action attribute, which must reference your site!

Filed Under: Subscription

Primary Sidebar

  • Installation
  • Getting Started
  • How to Install Addons
  • How to install the Addons Manager
  • Main Configuration
  • The Status Panel
  • Subscription
  • Subscription Basics
  • Lists
  • Spam Subscriptions
  • Subscription forms and shortcodes
  • Custom coded forms
  • GDPR compliancy
  • Subscribers and management
  • Profile page
  • Cancellation
  • Subscribers Statistics
  • Subscribers Management
  • Newsletters
  • Create and Send Newsletters
  • The Newsletter Composer
  • Targeting
  • Extra Profile Fields and Profile Fields Targeting
  • Tags
  • Multilanguage
  • Addons
  • Delivery Addons
  • Amazon SES Addon
  • SendGrid Addon
  • Sendinblue Addon
  • SparkPost Addon
  • ElasticEmail Addon
  • Mailgun Addon
  • MailJet Addon
  • Extended Features
  • Advanced Import
  • Automated
  • Autoresponder
  • Bounce Management
  • Geolocation Extension
  • Google Analytics Extension
  • Leads Extension
  • Locked Content
  • Reports and Retargeting
  • Archive
  • Speed Control
  • Subscribe on Comment
  • WP User Registration
  • Integrations
  • BuddyPress Integration
  • Contact Form 7 Integration
  • Event Manager Integration
  • Facebook Integration
  • Ninja Forms Integration
  • The Events Calendar Integration
  • Translatepress Integration
  • WooCommerce Integration
  • WP Forms Integration
  • Instasend
  • Customization
  • Forms style
  • Message templates
  • Delivery and spam
  • Delivery Speed And The Cron Problem
  • Email Delivery Issues
  • The Spam Problem
  • Developers & Advanced Topics
  • Backup, Recovery, Delete
  • Composer Blocks
  • Constants
  • Filters and Actions
  • Incompatibilities
  • Newsletter API Version 2
  • Newsletter API version 1
  • Newsletter Legacy API