Email Subscription Forms

Joel Oliveira
Joel Oliveira
Mar 7 2022
Posted in Best Practices

The easiest way to capture customer's emails

Email Subscription Forms

In a previous post, we've talked about the importance of simplicity, transparency, convenience, and utility of a good newsletter subscription form. In this post, I want to focus on how you can achieve this using Notificare's built-in email subscription forms.

These forms are available for you, for free, in any plan. They allow you to capture a customer's email address while providing an opt-in confirmation mechanism. You can copy them from our dashboard's Email Service configuration page directly to your own website. They will include everything you need to get the job done, plus they can still be customized to meet your brand's look and feel.

Complete

This is the form that includes all the functionality we provide. You can customize the text, define which tags to use, use geo-location, as well as configure which language and region your contacts should be registered with.

Minimal

This form will include only the mandatory functionality needed to register an email contact. It is good enough if you don't care about segmentation, location, or user's language.

Unstyled

Pretty much like its complete counterpart, the unstyled form will include all the options available, except it will not contain any styling at all. This might be useful for those of you looking for a solution that can be fully customized without the need to override any stylesheets.

Pop-up

Finally, this type will allow you to provide a familiar experience, something users are used to, since it is a format used very often in many other websites, a pop-up. Besides all the other forms' options, this type will also allow you to include a decorative image.

All the types above can be quickly copied from our dashboard directly to your website. Additionally, you can also override its styles by including your own customizations using CSS. And to help you customize it even further, each form will generate a few javascript events, which can let your website know when users interact with these forms. For example, the popup form will generate these events:

<script>
  var elem = document.getElementById('ntfc_popup_form');
  elem.addEventListener("notificareEmailSubscription:closed", function(){
    console.log('closed');
  });
  elem.addEventListener("notificareEmailSubscription:submitted", function(){
    console.log('submitted');
  });
  elem.addEventListener("notificareEmailSubscription:success", function(){
    console.log('success');
  });
  elem.addEventListener("notificareEmailSubscription:error", function(){
    console.log('error');
  });
</script>

Get your subscribe game on!

As you can see, there is an email subscription form ready for any use case you might have. Customizing them is also pretty straight forward and you can always use these to bootstrap your own subscription forms.

If you would like to see all this in action, don't hesitate and create a demo app today. As always, we are available via our Support Channel for any questions you might have.

Keep up-to-date with the latest news