Create a subscription form

This guide demonstrates the newest version of the form builder (released in November 2018). If you are editing a form created using the old form builder, please reference this guide. Learn more about the new form builder here.

In this tutorial, we’ll show you how to create your subscription form in just a few clicks. You will be able to customize the form's design, content, behavior, and fields collected.  

Creation of your subscription form

The subscription form is a part of Contacts. 

  1. Navigate to the tab Contacts.
  2. Click Forms.
  3. Click Create a new subscription form.
  4. Give your form a name to help you organize & locate it within your account.
  5. Click Next.


Now the fun part, the design of your subscription form! You can achieve a great level of personalization by modifying:

  • Background
  • Text Fonts, Sizes & Colors
  • Form fields (add as many fields as you want)
  • Instruction Text (directing users how to subscribe)
  • Success Message (confirming that a user has successfully unsubscribed)

New form field types 

Add additional form fields to collect information about your subscribers and populate existing contact attributes (such as a text, number, date, category, or boolean values).

Add Opt-in confirmation to your form to record your subscribers' consent to receive newsletters and promotional emails.

You may also add a multi-list subscription field to allow subscribers to declare interests or preferences at signup and place them in corresponding lists.

Each new form field will correspond to a contact attribute or contact list:

  • Text (contact attribute)
  • Number (contact attribute)
  • Date (contact attribute)
  • Multi-list subscription (contact list)
  • Double opt-in (contact attribute)



We strongly recommend using a captcha (reCAPTCHA)confirmation to prevent spambots from adding fake data to your lists. 

In this tutorial, we will show you how you can create a reCaptcha on Google and then add reCaptcha to your Sendinblue form.

Create your reCaptcha on Google

  1. Go to and log in to your Google account.
  2. Add a Label to your form.
  3. Select reCAPTCHA v2.
    Note: reCAPTCHA v3 is not supported in Sendinblue.
  4. Choose the type of reCaptcha you need
  5. You will fill the Domains field according to the way you will share your form (Form > step 6 Share).
    • If you will share your form using Quick Share or Iframe: add the domain It is the domain Sendinblue uses to host the form.
    • If you will integrate your form with HTML or Simple HTML: add the domain of the website where you will display the form. Example: If you will add the form on, you would add in this field.
      Note: If you're not sure how you will share the form, you can add both the above domains.
  6. (Optional) Add other Owners if needed. Owners will have ownership rights over the site key. Each email address must be associated with a Google account.
  7. Accept the reCAPTCHA Terms of Service.
  8. Click Submit.

Your reCaptcha is created! You will now see a page displaying the Site Key and Secret Key. You will use these key in the following step to configure reCaptcha within the form.

Add reCaptcha to your Sendinblue form

  1. Drag and drop the Captcha block in your form.
  2. Copy and paste the Site Key and Secret Key from the previous procedure in their respective fields.
  3. Select Label to add a label to your reCaptcha.
  4. Select Help Text to add a caption below your reCaptcha.
  5. Select Invisible Captcha only if you have chosen "Invisible reCaptcha badge" when you created your reCaptcha on Google.


You may receive these error messages once you share the form :


  • Invalid domain for site key: please check your domain field.
  • Invalid key type: if you select reCAPTCHA v3, you may receive this error message on your form. Only reCAPTCHA v2 is supported. 

Customize the form

You can drag and drop various form elements blocks, including Title, Text, Image & Divider, to your form similar to Form Fields. To further customize your form design, click on the Form Designtab on the left panel of the form editor.


You will be able to customize:

  • Background color or image
  • Text font style, format, color, size, and alignment of a Title, Text, a Label and Help text
  • Form container background, layout, width, alignment, border, opacity, and corners
  • Button color, button text font style, size, format and color, button alignment, and corners
  • Success/Error alert message color, text font style, format, color, size and alignment, alert message box background color, border color, and corners

Mobile View

All forms are designed responsively by default. You can view how your form will look on a mobile device by toggling the view from desktop to mobile on the top of the form editor. 


List selection

Once you are done designing your form, the next step is to select the list (or lists) where your new contacts will be saved after the form is submitted. You can search for lists by typing the list name or by the folder containing the list.


You can also choose to create new lists from here.


Form settings

This section is where you can choose what type of confirmation message your subscribers will receive (if any).


4.1  No confirmation Choose this option if you do not want to send a confirmation email once the person has subscribed.

After clicking the subscription button on the form your contacts will automatically be redirected to the URL you entered, e.g., or a confirmation page. If you do not select URL or confirmation page, then a subscription confirmation message will appear at the top of the form without the page changing. To set a redirect URL or confirmation page, check the Confirmation Pagecheckbox.


4.2  Simple confirmation Choose this option if you want to send a confirmation email to a new subscriber confirming that they will now receive your emails. Next, select the SMTP template you would like the system to use when sending the confirmation. The default template, titled "Default Template – Single Confirmation", is available and you can customize it or create another template confirmation.

Good to know: To create a new SMTP template, navigate to the Transactional tab and click on Templates and then on the New Template button. If you create a new SMTP template, be sure to activate it so that it will appear as an option when setting up a form with Simple Confirmation.

You can choose the redirect URL or confirmation page within this option as well.

4.3  Double Opt-in Confirmation The double opt-in subscription process requires the subscriber to complete two steps to be added to your email list: 

  1. Your new subscriber enters their email address on your sign-up form.
  2. After submitting the form, the subscriber must click the link in a confirmation email.

The double opt-in confirmation feature allows subscribers to verify that they want to receive your emails. This feature eliminates accidental subscriptions and potential annoyances. This option is also advised for GDPR compliance. Advantages of double opt-in confirmation:

  • For your contacts:
    • Allows them to verify they didn’t make a mistake when registering.
  • For you:
    • You have the assurance of knowing a subscriber is truly interested in receiving your emails.
    • Since the subscriber confirmed their email address twice, you drastically reduce the number of hard bounces (invalid email addresses) in your campaigns.
    • You have protection against malicious competitors who may provide you with phony email addresses to damage your reputation.
    • You remain compliant with laws and regulations in some countries: the double opt-in is mandatory in several countries, including the European Union.

The confirmation email must be one of your SMTP templates and include double opt-in formatting (details below). You can use:

  • The default template we provide, "Default template - Double opt-in confirmation"
  • Or a new template that you create.


a. Opt-in Email  You also have the ability to create or select your own template for the Opt-in email. To do this, go to SMTP Templates and click Create a Template.

  • In the first step, Setup, expand the Advanced Options and add a new Tag with this exact text: 


  • Create your template using one of the different newsletter editors.
  • Next, edit the template as desired and insert this exact text as the double opt-in link:
{{ doubleoptin }}


  • Finally, save and activate the template, and return to your subscription form.


b. Confirmation Page (optional) Use this tool if you want your subscriber to be redirected to a specific page (i.e. a confirmation page or your website homepage) after registering.

c. Final Confirmation Email (optional) Use this tool if you want your subscribers to receive a final confirmation email after they have completed the double opt-in process. As with the other confirmation emails, the default template is simply called “Default template - Final Confirmation”. You can find and modify it in your SMTP templates.

Good to know: Only the contacts who have completed the Double Opt-in (DOI) process, meaning they have clicked the DOI link in the email, will be added to the contact list. Otherwise, they won’t be added to the platform and cannot be contacted.

Your SendinBlue contact database will also be updated to include a new attribute (column) labeled "Double_opt -in". Contacts who are added via double opt-in will have a value of "Yes" within this column. If the contact subscribed through another type of form, this field value will be "No". If you did not use a SendinBlue subscription form to add contacts to your database, this field will be blank.




4.4  Advanced settings (Optional)

a. Temporary Emails Select this checkbox under Advanced settings to refuse temporary email addresses created on disposable email address services like Yopmail, MyTrashMail, etc. These addresses will not be added to your contact database from form submissions.

b. Completed form behavior This will hide the form after it has been submitted by the subscriber. If you do not select this checkbox the form will still appear in input mode to the visitor even after they have filled & submitted it successfully.

This does not apply for visitors who reload their page even after ticking the box “hide the form when the user has completed it”, the form will reappear as we don’t add cookies to identify and definitively hide the form for the same visitor.



Form messages

This is where you can customize/edit the default success and error alert messages to be displayed on your form.  


Share your form

After Saving, the next step is Share to get the code for integrating the form into your website or a link for quick sharing. There are three types of code:

    • Iframe: easy to integrate, this code allows you to embed the form within a pop-up or page on your website.
    • HTML: this code is much more customizable, with Ajax animation for messages.
    • Simple HTML: this is a simplified version of HTML form code that does not require calling JavaScript. 

Good to know: Captcha that requires calling JavaScript cannot be included in this form code. 


Finally, just paste the code on your website, and the form will appear!

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.