Looking for an easy way to create a form to get new subscribers to your website? Use SendinBlue’s form builder
Here’s a step-by-step guide to create a subscription form using SendinBlue’s form builder.
What do I mean by a “subscription form”? A form that asks for a visitor’s email address to subscribe to your website’s newsletter.
You know what they say, “an email list is the most important step to having a website”. That’s your audience.
SendinBlue’s a great value email marketing system for all types of websites.
It’s well worth your time to check it out, as it’ll probably save you money.
SendinBlue easily holds its own against other email companies, such as:
- MailChimp – SendinBlue’s approximately 4 x cheaper and provides more services for free, including: SMS marketing, transactional emails/SMS, unlimited autoresponders and full marketing automation
- MailJet – similar pricing but MailJet’s free plan allows less emails on a daily and monthly basis, and doesn’t have as many features as SendinBlue
For more information and to see a full list of features, visit SendinBlue’s website.
but, for now… let’s start the tutorial.
In this tutorial, you’ll learn how to use SendinBlue’s form builder to create a form to embed or use as a pop-up, landing page or widget, to get more subscribers
How to create a subscription form with SendinBlue
1. log into SendinBlue.com and select “Campaigns” in the top menu bar
2. select “API & Integration” in the left menu bar
Click the blue “Manage Your Forms” button in the Forms setting
3. select “Subscription Forms”
Click on “create a new subscription form” and decide if you want to collect email and/or SMS details (ie, the telephone number for text purposes), then click “Create”
4. name your subscription form
The form name won’t show on the subscription form once published – it’s just so that its recognisable to you when listed on the SendinBlue dashboard.
5. edit and format the subscription form
The default form can be adapted to your website’s branding:
- overtype the wording as required and use the formatting dropdown options in the menu bar to change the background, font, colour and size
use the header and field options to the right of the form:
– Display Header: decide whether you’d like to display the header
If you’re including the header, decide whether you’d also like the title, sub-title and description fields (outlined green, red and blue respectively in the screen shot below, showing the areas affected if you tick/untick those options). Select and edit the text as required
– Add a Field: decide whether the email field is sufficient, or if you’d like the subscription form to collect other details, such as the subscriber’s name
6. choose your sign-up settings
Scroll down the page to set up your form’s sign-up settings.
You’ll see the following options:
- no confirmation – subscriber details are immediately added to your contact list, without a confirmation email being sent
simple confirmation – subscriber details are immediately added to your contact list and then a confirmation email is automatically sent to the subscriber
- double opt-in confirmation – an email is automatically sent to the subscriber, but their details are not added to your contact list until they’ve clicked the link in the email to confirm their subscription.
IMPORTANT: if you decide to use the double opt-in option, you’ll also need to activate your chosen double opt-in template – for this tutorial, it’s the “default template” shown outlined red in the screenshot.
Amend or accept the default wording that subscribers will see for:
- success message
- email address already exists on contact list
- invalid email address
- error message
Add a url to redirect the subscriber after they’ve subscribed, or leave the url field blank, so that they see the confirmation message on the same page at the top of the form.
Select the list to add the new subscriber details.
If you selected the double-optin template option, you’ll need to activate it.
How to activate your double-optin template
- go to Campaigns in the top menu, then click on “Campaigns” in the side menu
- select “SMTP Templates”. You’ll see the active templates listed
Unless you’d like to create your own template, select the default double opt-in template and on the Action dropdown, select “send a test”.
- Once the test email has been sent, you’ll notice that a new contact list has been automatically created – FORM [Temp – Double Opt-in].
From now on, whenever someone subscribes to your mailing list, their email address will first be placed in this Temp – Double Opt-in list and then moved across to your main mailing list when the subscriber has clicked the confirmation email.
And now the last step:
How to add the form to your pop-up or landing page
Now that you’ve created your subscription form and clicked Save, scroll to the top of the screen. Above the form, you’ll notice that there’s a new option showing on the drop-down menu – “Share” has been added.
Click “Share” for three different ways to use the form:
- the link to the subscription form – link this url to your pop-up CTA or a subscription link, and your subscription form will have its own landing page
- code to copy to your website – use this code if you’re adding the form directly on your website page or as a widget
- html embed code to copy to your website – use this code if you’re embedding the subscription form into a third party pop-up
Select whichever one you’d like to use and copy/paste the code for your form.
Note: this blog post is intended to be a general resource only.
- Monzo Bank review – 100% smartphone banking exceeds expectations - 16th October 2016
- Atom Bank review – the new player on the banking field - 4th September 2016
- How to use SendinBlue email automation – step-by-step guide - 19th August 2016