Do you want to connect Sendinblue to your WordPress forms?

Having your website forms automatically send data to your email marketing provider is super important to turn web visitors into paying customers.

So in this tutorial, we’ve laid out each step to easily add a Sendinblue form to your WordPress website.

Here’s a table of contents if you’d like to jump ahead:

How to Create a Sendinblue Form in WordPress

Wondering how do I integrate Sendinblue in WordPress? If you’ve got an account with the email marketing service Sendinblue, then you can do it in only a few clicks using WPForms. Here’s exactly how it’s done.

Step 1: Install the WPForms Plugin

The first step on your Sendinblue WordPress setup is to download and activate the WPForms plugin.

For more details, see this step-by-step guide on how to install a plugin in WordPress.

Step 2: Enable the Sendinblue Addon

Now, once WPForms is installed, you’ll be able to turn on the Sendinblue addon easily.

Simply head to your WordPress dashboard and click on WPForms » Addons. Then, you can search for Sendinblue and click on it to Activate.

activate the sendinblue addon in wordpress

For more details on this step, you can check on how to install and activate the Sendinblue addon.

Step 3: Connect Your Sendinblue Account to WPForms

Now that your Sendinblue addon is enabled, let’s connect your Sendinblue account to WPForms. To do this, head to WPForms » Settings and click on the Integrations tab.

Integrations tab

Next, click on the Sendinblue arrow to display its settings below. Now, you can click the Add New Account button to enter your account info.

Add new sendinblue account

You’ll now see 2 different fields. Here, you’ll need to add your Sendinblue account API key. And, don’t forget to add a nickname for the account.

Connection fields in sendinblue

You can find your Sendinblue API key by logging into your Sendinblue account. Then, click on the main menu, which is located on the top right corner of the page, and select SMTP & API.

API option in sendinblue

From that screen, you’ll be able to see your API key.

Sendinblue API key

Go ahead and copy this key and head back over to your WPForms Sendinblue settings. Here, you can paste your API key into the field called Sendinblue API Key.

API setting in Sendinblue

Then, add a nickname to the Sendinblue Account Nickname field.

This is for internal reference only and can be helpful if you’re doing email marketing automation and decide later on down the road that you want to connect additional Sendinblue accounts.

That way, you can keep track of which account is which.

Account nickname

So when you’re done, go ahead and click on the Connect to Sendinblue button.

WPForms will now connect your site to your Sendinblue account. When it’s done, it’ll show a green Connected status next to your Sendinblue integration.

Account connected in sendinblue

You’re doing great. Let’s now go ahead and connect Sendinblue to your forms.

Step 4: Connect Sendinblue to Your Forms

Ok, so now that you’ve successfully connected your Sendinblue account, you can add a Sendinblue connection to your forms.

So to do this, simply create a new contact form or edit an existing form.

Now, once you’re inside your new form in the form builder, go to Marketing » Sendinblue. Head to the Sendinblue tab and click on the Add New Connection button.

add new connection

Once you click on this button, you’ll see a box pop up where you can give a nickname for this connection. Use whatever name you’d like because this is for internal reference only.

Add a connection nickname

Have more than one Sendinblue account connected to WPForms?

It’s super easy to select the account you’d like to use. Just find it in the Select Account dropdown.

Next, under Action to Perform, pick the action you want to happen when someone hits submit on your form. And in this walkthrough, we’re going to choose Subscribe as the action that happens.

This will add users to our Sendinblue contacts.

select action to perform on wpforms sendinblue in wordpress

Next, after you’ve selected an action to perform, more settings will show up for you to customize your Sendinblue and WordPress connection. So here’s what you’ll see:

Configure subscribe settings in sendinblue

And here are more details about each one of the options:

  • Email* – Here you can decide which one of your WPForms field that will contain the subscriber’s email address (you’ll most likely want to select the email field here).
  • New Email – Pick the WPForms field that would contain the new email address of the subscriber. (This field is only needed if updating an existing contact in Sendinblue, so for this example, we’re going to leave this field blank.)
  • List – Pick your Sendinblue list that you want the new subscriber to be added to.

Also, keep in mind, required fields have an asterisk next to them, so you’ll have to select something in those before you can move on.

Step 5: Map Sendinblue Custom Fields to WPForms (optional)

This step is optional and only if you need to sync any custom fields you’ve made in Sendinblue right to your WordPress forms.

You’ll see this option under the Custom Field Name section. So simply pick the Sendinblue field under that dropdown and map it to your WPForms form fields under Form Field Value.

Custom Sendinblue fields

And once you’ve set everything up in your settings to be exactly the way you want, simply save your form by clicking on the orange Save button in the top right corner of the form builder.

save sendinblue wordpress form

Step 6: Add Your Sendinblue Form to Your WordPress Website

So now that your Sendinblue WordPress form has been made, it’s time to add it to your website.

So to do this, start by clicking on the Embed button.

embed sendinblue form in wordpress

Now when the Embed in a Page notification pops up, go ahead and click on the Create New Page button.

Create an online pledge page

Next, WPForms will ask you to name your page. Type the title for the page you want into the box and click Let’s Go!

embed sendinblue form into wordpress button

Now, you’ll see a new page for your Sendinblue form on WordPress. Go ahead and click Publish on the top right corner of your page.

how to publish your sendinblue wordpress form

And here’s what your published Sendinblue connected form looks like on WordPress using the WPForms plugin.

sendinblue form embedded into contact page on wordpress using wpforms

Great job, you’ve completed the tutorial on creating your Sendinblue form in WordPress.

And there you go! Hopefully, this post helped you learn how to make a Sendinblue form on WordPress using the WPForms plugin.

LEAVE A REPLY

Please enter your comment!
Please enter your name here