How to Make Sendinblue Custom Forms in WordPress

How to Make Sendinblue Custom Forms in WordPress


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 sendinblue

This will open up the form builder, which gives you access to basic form fields and settings.

subscription 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 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 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 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 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 template

But the best part is that you can connect OptinMonster to your Sendinblue account in just a few clicks.

connect 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 optinmonster

A drop-down menu will appear where you can choose Sendinblue.

select 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 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 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 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 sendinblue

Then in the OptinMonster integration tab, you can select the same list.

select 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 campaign

On the same page, you’ll see a campaign embed code like this:

inline 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 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 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 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 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 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 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 wpforms

You can also select any field and edit the text to your liking.

wpforms editor

When you’re happy with the form design, you configure the success message and form notifications under the Settings tab.

general 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 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 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 sendinblue

When you click on Sendinblue, you’ll get an option to ‘Add New Account.’

sendinblue 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 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 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 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 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 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 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 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 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 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!


Source link


Leave a Reply

Your email address will not be published. Required fields are marked *

Share This