This article was originally published on this site

Do you want to grow your email list with Sendinblue custom forms on your WordPress site?
Sendinblue forms let you collect leads on your website and automatically send them to your email list. Plus, you can trigger emails to be sent as soon as someone signs up for a newsletter, discount, free trial, and more.
This tutorial will show you how to create a customized form for WordPress that automatically sends new leads to your Sendinblue account.
Let’s dive straight into the tutorial.
Making Sendinblue Custom Forms in WordPress
Sendinblue is one of the best email service providers (ESPs) on the market. It has one of the highest deliverability rates, so you can be sure your emails hit the subscriber’s inbox.
Sendinblue also has a built-in option to create a custom signup form inside its dashboard.
When you’re logged into your Sendinblue account, you can access this form by navigating to the Contacts » Forms tab. Here, you can create a new subscription form.
create subscription form in sendinbluecreate subscription form in sendinblue
This will open up the form builder, which gives you access to basic form fields and settings.
subscription form builder in sendinbluesubscription form builder in sendinblue
Once you’ve designed your form, Sendinblue generates a snippet of code that you can use to share your form on social media or embed it on your site.
share sendinblue formshare sendinblue form
And while the Sendinblue form is great if you just want a basic signup form on your site, it likely won’t be the most effective tool for growing your email list.
Here’s why:

  • It’s a generic template that all Sendinblue users will have
  • It fails to grab a user’s attention
  • There a limited customization and personalization options
  • There are no targeting options, which means every visitor will see the same form even if they’ve already signed up

If you’re serious about lead generation and capturing more subscribers, you’ll need a more powerful tool. To create stunning high-converting custom forms, we recommend these 2 tools:

  1. OptinMonster – A premium lead generation plugin that lets you build attention-grabbing campaigns like inline forms, popups, floating bars, and more.
  2. WPForms – The #1 WordPress form builder to create any kind of form for your website.

We’re going to show you how to create custom Sendinblue forms for your WordPress site using both these tools so you can decide which is the right option for your business.
Creating Sendinblue Custom Forms with OptinMonster
OptinMonster is hands down the most powerful tool you can use to grow your email list.
optinmonster new homepageoptinmonster new homepage
OptinMonster lets you create beautiful inline forms, popups, floating bars, slide-ins, gamified wheels, and more to collect leads and boost conversions.
optinmonster campaign examplesoptinmonster campaign examples
It comes with powerful targeting features, so you can personalize campaigns based on where a user is in their customer journey.
For instance, you can display signup form popups exclusively to new visitors. And you can target them further by triggering the popup with a time delay, on a button click, or just when visitors are abandoning your site.
That last trigger uses OptinMonster’s Exit-Intent® Technology. In fact, it’s the same tool that companies like Fastrack use to recover 53% of their abandoning visitors.
You can then display a follow-up campaign only to users that have joined your email list. So, for example, you could offer returning users a discount if they buy a product or upgrade their current plan.
Plus, OptinMonster lets you track your campaign’s performance. That way, you’ll know which campaigns are popular and converting your site’s visitors.
You can even connect to Google Analytics to find out exactly how much money the popups are making for you.
analytics in optinmonsteranalytics in optinmonster
And the best part? OptinMonster doesn’t require any coding skills at all! Instead, you can design campaigns using 50+ beautiful responsive templates that are created based on your past highest-performing campaigns.
There’s also a codeless drag and drop builder that lets you customize any of OptinMonster’s campaigns in a matter of minutes.
mobile drag and drop builder offer templatemobile drag and drop builder offer template
But the best part is that you can connect OptinMonster to your Sendinblue account in just a few clicks.
connect to sendinblue in omconnect to sendinblue in om
When your custom form is ready, you simply need to use the OptinMonster block or widget to add it to your site’s pages, posts, or sidebar.
embed inline form using optinmonster blockembed inline form using optinmonster block
OptinMonster makes it incredibly easy to set up custom forms that actually bring in leads!
Still not convinced? Check out how American Bird Conservancy increased lead collection by more than 1,000% using OptinMonster.
Ready to create your own custom Sendinblue form? Click below to sign up for your 100% risk-free OptinMonster account now:
Get Started With OptinMonster Today!BONUS: Done-For-You Campaign Setup ($297 value) Our conversion experts will design 1 free campaign for you to get maximum results – absolutely FREE! Click here to get started →
Below, we’re going to show how to use OptinMonster to create a stunning inline form that you can add anywhere on your websites, such as a page, post, or sidebar.
Here’s the inline form campaign we’ll be creating:
sample inline sendinblue formsample inline sendinblue form
Remember OptinMonster has tons of templates that you can use to create a design that matches your website theme and brand.
This level of customization is one of the main reasons we encourage users to go with OptinMonster over Sendinblue’s native inline forms.
OptinMonster will give you more campaign types to choose from, more templates to get you started, and more customization options to create the perfect optin campaigns for your site.
Let’s start by installing OptinMonster on your WordPress website.
Step 1: Installing OptinMonster
OptinMonster is really simple to set up. WordPress users can install and activate the OptinMonster plugin from the WordPress repository.
optinmonster plugin pageoptinmonster plugin page
Never installed a WordPress plugin before? Not a problem. Check out this helpful guide: How to Install a WordPress Plugin: 3 Easy Methods.
Once it’s installed and activated, the plugin will appear in your WordPress admin menu. From there, you can launch the setup wizard to connect an existing OptinMonster account or create a new one.
launch setup wizard to start optinmonsterlaunch setup wizard to start optinmonster
Once you’ve connected your account, you can get started with creating your custom Sendinblue inline form.
Step 2: Creating an OptinMonster Inline Form
In the OptinMonster Dashboard, you’ll see options to create all sorts of lead generation campaigns. To create the Sendinblue form, select an Inline campaign.
select optinmonster inline form inside wordpressselect optinmonster inline form inside wordpress
This will open up a page filled with templates to choose from. You can explore the templates by hovering over them and selecting the Preview option.
inline and metro campaigninline and metro campaign
We’ll be using the Metro template because it’s got a stunning design to get us started, and the form already includes all the fields we want.
When you select the template, you’ll need to give your campaign a name and click the Start Building button:
give your optinmonster campaign a namegive your optinmonster campaign a name
This will open up the OptinMonster campaign editor, where you can customize the template.
Step 3: Customizing the Inline Form
One of the highlights of OptinMonster is the codeless drag and drop visual builder that makes it incredibly easy to design a campaign.
Inside the builder, you’ll see a preview of your form template on the right and customization options on the left.
First, OptinMonster lets you drag and drop new elements into your form, such as:

  • Video
  • Chatbots
  • Images
  • Custom HTML
  • Countdown timers
  • Dividers
  • Spacers
  • And much more…

When you click on the Add Blocks button, you’ll see the available blocks. Then, you simply need to drag and drop it into your campaign.
add block in metro inlineadd block in metro inline
Next, you can edit the text by selecting it directly in the campaign editor and adding your own custom messaging.
change text in metro inlinechange text in metro inline
When you select the text, you’ll see a text editor that lets you personalize every aspect of your form content, including:

  • Font
  • Color
  • Size
  • Alignment
  • Line height
  • And much more…

And if you want to change the image in the campaign, select it and upload your own in the left column.
change image in inline campaignchange image in inline campaign
In the same way, you can customize the button and add your own call to action (CTA). Simply click on the button in the editor, and you’ll see options on the left to customize the button style, color, text, and more.
change button in inline metrochange button in inline metro
And finally, to change the background color, simply select the block settings icon, and you’ll see a color palette in the left-hand side menu. You can even upload a background image if you like.
change background color in inline metrochange background color in inline metro
OptinMonster lets you customize every aspect of your inline form.
You can follow this detailed guide to learn more about designing OptinMonster campaigns: Creating Your First OptinMonster Campaign.
Now your campaign design is ready to connect with Sendinblue. But before we do that, we want to show you how to add targeting rules to display OptinMonster campaigns to the right people, in the right places, and at just the right time for the highest conversions possible.
Step 4: Targeting Visitors to Maximize Signups
OptinMonster lets you target your visitors in different ways to get more of them to join your mailing list.
But since we’re working with an inline form, you won’t need to configure any display rules. That means the next step is to connect OptinMonster to your SendinBlue account.
If you’re creating any other type of campaigns, such as a popup or floating bar, you’ll want to explore display rules to control where, when, and to whom your campaigns appear.
In the OptinMonster campaign builder, open the Display Rules tab. Here, you’ll see that by default, OptinMonster displays the campaign after a user spends 5 seconds on any page:
default-display-rules in omdefault-display-rules in om
To change this, edit the default options to access all the display rules available. You’ll see a list of rules neatly categorized, so it’s easy to find what you’re looking for.
optinmonster display rulesoptinmonster display rules
Here are a few ways you can target visitors:

  • Exit-Intent® Technology: Recover abandoning users as they’re actively leaving your website.
  • OnSite® Retargeting: Keep users engaged by showing new campaigns to returning visitors.
  • Page-level: Create targeted campaigns for specific URLs.
  • Location-based: Personalize a visitor’s experience based on their physical location.
  • Referral source: Show campaigns to visitors coming from a specific website or social media platform.
  • Time-based: Wait till a visitor has spent a certain amount of time on a page or schedule a date and time.
  • MonsterLink™: Trigger campaigns when a user clicks on a button or link.

And that’s just to name a few. You simply need to select the rule from the list of options available, and OptinMonster will display the popup accordingly.
Now that you have an introduction on how to create various display rules, let’s connect your inline form to your Sendinblue account.
Step 5: Syncing With Sendinblue
Inside the OptinMonster campaign builder, open the Integrations tab and click on the ‘Add New Integration’ button.
add new integration in optinmonsteradd new integration in optinmonster
A drop-down menu will appear where you can choose Sendinblue.
select sendinblue integrationselect sendinblue integration
Now you just have to add a label to recognize this connection and enter your Sendinblue API key. Once you hit the Connect to Sendinblue button, OptinMonster will integrate your account.
connect to sendinblue in omconnect to sendinblue in om
If you don’t have your API key, you can find it inside your Sendinblue account. Click on your account name at the top right corner of the dashboard and then select the SMTP & API tab. Simply copy the key and paste it into the OptinMonster API key field.
api key in sendinblueapi key in sendinblue
Once connected, a new field will appear to select an Email Provider List. This is really handy if you want to segment your contacts and create different email lists.
email provider listemail provider list
You can add new lists in your Sendinblue account under the Contact tab. To illustrate, we created a list called ‘OptinMonster Leads.’
add new list in sendinblueadd new list in sendinblue
Then in the OptinMonster integration tab, you can select the same list.
select list from sendinblueselect list from sendinblue
That way, when you’re scheduling or sending an email in the Sendinblue dashboard, you can select the ‘OptinMonster Leads’ list.
Then your email will go only to those that have subscribed to marketing emails through this inline campaign. This allows you to organize your list in a more efficient way and optimize conversions from your email marketing strategy.
Now you can go ahead and publish the OptinMonster campaign on your site.
Step 6: Publishing the Sendinblue Inline Form
OptinMonster makes it really easy to add the inline form to your site without any coding knowledge required.
First, switch to the Publish tab in the OptinMonster campaign builder and set the status to ‘Publish’ here.
publish your campaignpublish your campaign
On the same page, you’ll see a campaign embed code like this:
inline campaign embed codeinline campaign embed code
This code lets you embed the form on any website.
For WordPress users, OptinMonster has a built-in widget that makes publishing inline campaigns even more simple.
To add the campaign to a post or page with the Gutenberg editor, you can select the OptinMonster block and choose your campaign:
embed inline form using optinmonster blockembed inline form using optinmonster block
Still using the Classic editor? There’s an OptinMonster button inside that editor as well.
You can select your campaign, and the form will automatically be added to your page or post.
inline campaign embed in classic editorinline campaign embed in classic editor
And to add the inline form to a WordPress sidebar, navigate to the Appearance » Widgets tab. Then drag and drop the OptinMonster widget into your sidebar menu and select the inline form.
optinmonster widget to sidebaroptinmonster widget to sidebar
Once you save and publish your page or sidebar, you’ll see the form appear on your site.
When a visitor subscribes to your OptinMonster campaign, their details will automatically be added to your Sendinblue list.
This integration lets you automate your lead generation and email marketing process. You can create different audience lists to send targeted emails depending on what the subscriber signed up for.
See how easy it is to create stunning custom forms with OptinMonster? And if you ever switch email providers, OptinMonster supports all popular email service providers (ESPs) like Constant Contact, Mailchimp, Aweber, ActiveCampaign, and much more.
This allows you to seamlessly move between ESPs without it affecting your lead generation campaigns.
Learn more about adding inline campaigns to your site by checking out the following detailed guide: How to Add an After Post or Inline Campaign.
If you haven’t signed up for OptinMonster yet, what are you waiting for? Get your 100% risk-free OptinMonster account now by clicking below:
Get Started With OptinMonster Today!BONUS: Done-For-You Campaign Setup ($297 value) Our conversion experts will design 1 free campaign for you to get maximum results – absolutely FREE! Click here to get started →
Up next, we’ll show you a second method on how to create a Sendinblue form using WPForms.
How to Make Sendinblue Custom Forms with WPForms
WPForms is hands down your go-to form builder for WordPress.
WPForms homepageWPForms homepage
WPForms lets you build all sorts of forms for your website, including contact, registration, login, survey forms, and more.
This plugin comes with 100+ templates, so you don’t have to start from scratch. And there’s an easy drag and drop builder to customize the form to your liking.
WPForms also integrates with all popular email providers including Sendinblue. It takes just a few clicks, so you don’t need any coding skills!
To follow along in the tutorial below, you’ll need to install the WPForms plugin on your site.
There’s a lite version in the WordPress repository that you can install for free. But to connect WPForms with Sendinblue, you’ll need a Plus plan or higher.
Don’t worry, you’ll unlock tons of profitable features with the Plus plan to cover the cost. Not sure if WPForms is a valuable investment for your site? Check out our ultimate review on WPForms for more information.
After reading that, we’re confident you’ll see the full value of this powerful plugin.
Once you activate WPForms on your site, you can open the dashboard from your WordPress menu to create a custom form.
Step 1: Creating Your First Form
In the WPForms dashboard, select the ‘Add New’ button to open up the templates page.
wpforms add new formswpforms add new forms
You’ll see a field to give your form a name and the different templates available. Today, we’ll create a Simple Contact Form.
simple contact form templatesimple contact form template
When you select a template, the form builder will open where you can add your own customizations.
WPForms builder works just like the OptinMonster builder. You can drag and drop new elements into the template from the left-hand side column.
add new field in wpformsadd new field in wpforms
You can also select any field and edit the text to your liking.
wpforms editorwpforms editor
When you’re happy with the form design, you configure the success message and form notifications under the Settings tab.
general settings in wpformsgeneral settings in wpforms
Now you’re ready to connect the form to Sendinblue.
Step 2: Connecting to Sendinblue
To integrate the form with your Sendinblue account, open the Marketing tab from the left-hand side taskbar.
sendinblue connection with wpformssendinblue connection with wpforms
This will prompt you to add the SendinBlue addon. When you click on this button, WPForms will automatically install the addon for you.
sendinblue addonsendinblue addon
You’ll need to save and refresh the page, and you’ll see the Sendinblue option available in the list of email providers.
addon installed and activated for sendinblueaddon installed and activated for sendinblue
When you click on Sendinblue, you’ll get an option to ‘Add New Account.’
sendinblue add new accountsendinblue add new account
A popup will appear where you can add your API key and a nickname for the account. Then click on the ‘Add’ button, and your connection will be complete.
new sendinblue account for wpformsnew sendinblue account for wpforms
If you don’t have your API key, you can find it inside your Sendinblue account.
Click on your account name at the top right corner of the dashboard and then select the SMTP & API tab. Simply copy the key and paste it into the WPForms API key field.
api key in sendinblueapi key in sendinblue
Go back to the WPForms integration page, and you’ll see a field to select the Action to Perform.
action to perform for sendinblue listaction to perform for sendinblue list
This lets you control what happens to the user when they submit the form, and it includes:

  • Subscribe
  • Unsubscribe
  • Delete
  • Track Event

After you’ve selected an action to perform, more settings will show up for you to customize your Sendinblue and WordPress connection.
email fields in wpforms email integrationemail fields in wpforms email integration
Once you’ve set everything up in your settings to be exactly the way you want, save your form by clicking on the Save button in the top right corner of the form builder.
save and exit wpformssave and exit wpforms
Now you’re ready to add the custom Sendinblue form to your site.
Step 3: Publishing the Sendinblue Form
WPForms makes it really easy to add the form anywhere on your WordPress site.
To add the form inside a post or page, in the Gutenberg editor, you can add a WPForms block and select the form you just created.
add wpforms block to page or postadd wpforms block to page or post
If you’re still using the Classic editor, you’ll see an ‘Add Form’ button inside the editor. You can use the drop-down menu to choose the form you want.
wpforms classic editorwpforms classic editor
And to display the form in the footer or sidebar, head over to the Appearance » Widgets page in your WordPress dashboard.
Then drag and drop the WPForms widget into your sidebar or footer menu and choose the form you want to display.
add wpforms contact form to sidebaradd wpforms contact form to sidebar
It’s that easy! In case you want to add the form anywhere else, you can use the shortcode provided by WPForms.
You can find these shortcodes in the WPForms » All Forms page like this:
shortcode in wpformsshortcode in wpforms
And that’s it! These have been 2 alternative ways to create custom Sendinblue forms for your website.
Plus, these tools allow you to go further with your lead generation strategy than relying on Sendinblue’s native form builder.
Ready to join OptinMonster and create your custom Sendinblue campaigns? Sign up for your 100% risk-free OptinMonster account below:
Get Started With OptinMonster Today!BONUS: Done-For-You Campaign Setup ($297 value) Our conversion experts will design 1 free campaign for you to get maximum results – absolutely FREE! Click here to get started →
That’s all we have for you today! We hope you liked this article and found it helpful in adding a Sendinblue popup to your WordPress site.
We also have these resources that you’ll definitely want to check out:

These posts will guide you on how to grow your email list fast and, more importantly, capture genuine leads and keep spammers out!

Published by Melinda Bartley
Melinda is a writer who started penning stories for kids when she was just a kid herself. When she’s not writing, you’ll find her running her animal welfare org or spending time with her dogs and her big fam!