Sign-up forms are essential in any online marketing strategy. To grow your contact database, you need a compelling form in all the right places. The people who subscribe through your sign-up forms have read your content, liked what they saw, and want more of the same. They have actively decided to join your contact list, showing engagement and interest in what you have to say. These are the contacts you want to have.
Good to know
This article explains how to create a double opt-in sign-up form in Brevo. You can choose your confirmation method in Step 4: Manage your subscription confirmation settings.
Step 1: Set up your sign-up form
To set up your full page/embedded sign-up form:
- Go to Contacts > Forms.
- From the Subscription tab, click Create a new subscription form.
- Give an internal name to your form.
- Enable the Enable GDPR fields option to automatically include the GDPR field and GDPR Declaration blocks in your form. These blocks are important to ensure that your email and SMS marketing practices comply with the GDPR.
- Click Next.
Step 2: Design your sign-up form
In the form builder, you will find a pre-made form that can be customized to fit your needs.
On the left side of the builder, you will find two tabs: the Build tab where you can find blocks and fields and the Form design tab where you can find design elements:
From the Build tab, you'll find the blocks and fields you can drag and drop to design your sign-up form.
We'll walk you through each one below, but feel free to pick and choose the ones you want—you don't need to use them all in your form (except for the GDPR field, GDPR Declaration, and Captcha, which we highly recommend you include).
To see what blocks and fields are available, expand the accordions below:
The Title block allows you to include titles in your sign-up form. We recommend you add a prominent title at the top of your sign-up form to give information about the form's purpose.
The Text block allows you to include descriptive text in your sign-up form. You can add an engaging introduction and provide more context regarding the form's purpose.
| The Image block allows you to include images in your sign-up form. You can add your brand logo or any other image to make your form visually appealing and more engaging to visitors. |
The Divider block allows you to include a horizontal divider in your sign-up form. Dividers can help visually organize different sections of your sign-up form, making it easier to navigate.
The Attribute block allows you to include fields in your sign-up form to collect essential information from your new subscribers. The fields available are based on the contact attributes you have created in Brevo, such as email addresses, names, phone numbers, and more.
For text-type attributes, you can select the field size:
- Single line: allows visitors to enter up to 200 characters.
- Multiple lines: allows visitors to enter up to 500 characters.
The form should at least include a field for Email, SMS, or WhatsApp so that you can later communicate with your subscribers.
The Multi-select subscriptions block enables your new subscribers to select their interests or preferences during signup and adds them to corresponding lists.
➡️ To learn more, check our dedicated article Enable your contacts to subscribe or unsubscribe from specific lists using a form (multi-list subscriptions).
The Single choice block allows subscribers to select one option from several available options. Before adding this block to your sign-up form, you first need to create a category-type attribute with multiple choices.
These choices can then be displayed in your form using a radio button or dropdown. For example, you could provide them with the option to choose the frequency or language of the newsletters they would like to receive.
The Multiple choice block allows subscribers to select one or more options from several available options. Before adding this block to your sign-up form, you first need to create a multiple-choice-type attribute with multiple choices.
For example, you could provide them with the option to choose the sports they practice or languages they speak.
The GDPR field block allows subscribers (referred to as data subjects in the GDPR) to use a checkbox to consent to receiving your newsletters and accessing your data privacy policy, which should be linked to the form. You can and should amend the text according to your individual legal requirements.
➡️ To learn more about how to make your sign-up form GDPR-compliant, check our dedicated article Guidelines for a GDPR-compliant sign-up form.
If you use the double opt-in confirmation method for your form, we recommend adding the consent text from your GDPR field to your double opt-in confirmation email template. This is the only way to prove which consent text the subscriber agreed to. To learn more, check our dedicated article Double opt-in (DOI): What it is and how to track user sign-ups.
The GDPR Declaration block notifies subscribers (referred to as data subjects in the GDPR) that you are using Brevo as your marketing tool and that the data they provide in the form will be transferred to Brevo for processing in accordance with our Privacy Policy. You can and should amend the text according to your individual legal requirements.
➡️ To learn more about how to make your sign-up form GDPR-compliant, check our dedicated article Guidelines for a GDPR-compliant sign-up form.
We strongly recommend using a CAPTCHA confirmation to prevent spambots from adding fake data to your lists. With Brevo, you can choose between Google reCAPTCHA or Cloudflare Turnstile CAPTCHA.
➡️ To learn more, check our dedicated article Add a CAPTCHA to your sign-up form.
From the Form design tab, you'll be able to change the design, colors, and fonts of your sign-up form.
To see what you can customize from the Form design tab, expand the accordions below:
|
Change the formatting (font, color, size, alignment, etc.) of the titles, text, labels, help text, placeholders, and links in your sign-up form. 💡 Good to know
To use a custom font, you can modify the HTML code of your form. |
| Choose the writing direction for your sign-up form: left to right (default) or right to left. |
| Select a background color, background image, or no background for your sign-up form. |
| Configure the design of the section that contains all the fields in your sign-up form, including the layout, width, alignment, background, opacity, and other settings. |
| Select the color, alignment, text font, shape, and other settings for the subscription submission button. |
| View and customize the two types of alerts available for your form: Error state and Success. You can then modify their content at the Messages step. |
| Choose between three types of spacing for the elements in your sign-up form: tight, default, or spaced. |
Mobile view
|
All of Brevo's forms are designed to be responsive by default. You can preview how your sign-up form will look on a mobile device by toggling the view from desktop to mobile at the top of the editor. Note that you can't edit the mobile view. |
Step 3: Select the list(s) where your subscribers will be added
Select the list(s) where you want your new subscribers to be automatically added after they submit your form. You can either select an existing list or create a new one.
Step 4: Manage your subscription confirmation settings
Select your subscription confirmation option
You have three options to manage your subscription confirmations:
With the Double confirmation option, your subscribers will go through a double opt-in process. This means that they will receive an email containing a confirmation link (double opt-in email) after submitting your sign-up form. They have to click this link to confirm their subscription and be added to your contact database in Brevo. Otherwise, they won’t be added nor subscribed.
The double opt-in process is useful to verify that the email address is valid and recommended for GDPR compliance.
➡️ To learn more, check our dedicated article Double opt-in (DOI): What it is and how to track user sign-ups.
Add a double confirmation to your form
- At the Settings step, select Double confirmation email.
- Click the Select a template dropdown and select one of the following options:
- Select the Default Template Double opt-in confirmation. You can modify the default template by going to Campaigns > Templates > Email and searching for "Default Template Double opt-in confirmation" in the search bar.
- Or select a custom template you have already created.
❗️ ImportantIf you want to create your own custom template, make sure you follow the procedure in our dedicated article Create a custom double opt-in (DOI) confirmation template for Brevo sign-up forms to include the mandatory field. Otherwise, your custom template won't be displayed in the dropdown. For additional proof of consent, we also recommend adding the consent text from your GDPR field to the double opt-in confirmation template.
- (Optional) Activate and configure any additional confirmation pages and final confirmation email you want to add to your double confirmation process. Expand the following accordions to learn more about the available options for additional confirmation pages and email:
Confirmation page after submitting the formEnable this option to redirect your subscribers to a specific page, such as a confirmation page or your website homepage, after they submit the form. You can use our default confirmation page or create a custom one and link it.
Confirmation page after clicking the validation link in the emailEnable this option to redirect subscribers to a specific page, such as a confirmation page or your website homepage, after they click the subscription confirmation link in the double opt-in email received after submitting your form. You can use our default confirmation page or create a custom one and link it.
Final Confirmation EmailEnable this option for subscribers to receive a final confirmation email after they complete the double opt-in process. The default template for the final confirmation email is named Default template - Final Confirmation, and you can modify by going to Campaigns > Templates > Email and searching for "Default template - Final Confirmation" in the search bar.
💡 Good to knowThe default confirmation pages cannot be customized but will adapt to the language of your subscriber's browser. For more customization, you can create and use your own custom pages.
With the Simple confirmation option, your contacts receive a confirmation email and are added to your contact database in Brevo right after submitting your sign-up form.
Add a simple confirmation to your form
- At the Settings step, select Simple confirmation email.
- Click the Select a template dropdown menu and select one of the following options:
- Select the Default Template Simple confirmation. You can modify the default template by going to Campaigns > Templates > Email and searching for "Default Template Simple confirmation" in the search bar.
- Or select a custom template you have already created.
- (Optional) Enable the Confirmation page after submitting the form option to redirect your subscribers to a specific page, such as a confirmation page or your website homepage, after they submit the form. You can use our default confirmation page or create a custom one and link it.
With the No confirmation option, your subscribers are added to your contact database in Brevo right after submitting your sign-up form. They don't receive any email confirming their subscription.
Add no confirmation to your form
- At the Settings step, select No confirmation email.
- (Optional) Enable the Confirmation page after submitting the form option to redirect your subscribers to a specific page, such as a confirmation page or your website homepage, after they submit the form. You can use our default confirmation page or create a custom one and link it.
💡 Good to knowIf you don't enable this option, a Success message will be displayed at the top of your sign-up form without changing the page. You can modify its content at the Messages step.
(Optional) Configure the advanced settings of your sign-up form
To configure the advanced settings of your sign-up form, click Show advanced settings. To see what advanced settings are available, expand the following accordions:
Enable this option to reject temporary email addresses created on disposable email address services, such as Yopmail, MyTrashMail, etc. Disposable email addresses tend to bounce after some time and end up negatively impacting your deliverability.
Enable this option to hide your sign-up form after it has been submitted. If you don't enable this option, your form will still appear in input mode to your subscribers even after they have filled and submitted it successfully.
Step 5: Configure the success and error messages
Configure the success and error messages displayed when your subscribers submit your sign-up form:
- Success message: The contact has successfully submitted the form.
- Invalid user information: The contact has submitted invalid information in the form.
- Error message: An error occurred when trying to process the form submission.
- Empty field: A required field has not been completed by the contact.
Step 6: Share your sign-up form
You can now share your sign-up form through social media, email, QR code, or website.
Copy the URL of your sign-up form and share it on social media or via email. When someone clicks the link, they will be directed to a webpage that contains your form.
➡️ To learn how to add a link in an email created in the Drag & Drop Editor, check our article Drag & Drop Editor - Part 3: How to use content blocks? (Text & Links, Image, Button, etc.).
Download the QR code of your sign-up form as a PNG file and share it at physical venues where you do business, such as a store or an event. For example, you can print it on business cards or display it on a tablet. Visitors who scan the QR code with their mobile devices will be directly redirected to the form's mobile view.
Copy the embed code of your sign-up form and insert it on your website. There are three types of code you can copy:
- [Recommended] Iframe: Easy to integrate, this code allows you to embed the form within a page on your website. You can change the height and width of the block.
- HTML: The HTML code is much more customizable, with Ajax animation for messages.
-
Simple HTML: A simplified version of HTML form code that does not require calling JavaScript.
💡 Good to knowElements that require calling JavaScript, such as CAPTCHA, default confirmation pages, and success and error messages, cannot be included in the simple HTML code.
Many third-party website creation platforms allow you to integrate Brevo sign-up forms. For specific instructions on how to embed a sign-up form on your website, you can check the following help articles:
We recommend you check your website provider's help center or contact their support team if they're not on the above list.
For tips on where to place your sign-up form, you can watch our video or expand the accordions below ⬇️:
Step 7: Save your sign-up form
That's it! Now, click Done at the bottom of the Share step to make sure your sign-up form is saved.
When someone submits your sign-up form, they will be added to your contact database in Brevo (unless they go through a double opt-in process, for which they have to click the link in your confirmation email first).
Step 8: View which contacts subscribed through your sign-up form
You can access information about subscribers who signed up through your form. Expand the following accordions to learn where you can view details about your sign-up form submissions.
To view how many new contacts signed-up through your form, go to Contacts > Forms and look at the Number of subscriptions column:
You can check if a specific contact subscribed through your form by checking their history on their details page:
To view and download the events related to form submission, go to Automations > Logs > Event logs and select Forms from the All Events dropdown. Then, click the download icon 📥 to download your events in a .CSV file. Once downloaded, open the file and filter the events based on the name of your sign-up form.
After you include a double confirmation in your sign-up form, a new contact attribute named DOUBLE_OPT-IN will be automatically added to your contact database in Brevo.
Contacts who went through the double opt-in process will have the value Yes within this field. If the contact subscribed with simple or no confirmation, this field value will be No. If the contact was added through a method other than a sign-up form, this field will be blank.
⏭️ What's next?
🤔 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.
If you’re looking for help with a project using Brevo, we can match you with the right certified Brevo expert partner.