Integrating MailOptin with SendinBlue

Overview

In this article, you’ll learn how to capture new leads on your WordPress site and engage subscribers by integrating MailOptin with your SendinBlue account.  

For example, by using MailOptin’s Lightbox Popup, Notification Bar and Slide-In widgets on your WordPress site, you can sync contacts to your SendinBlue lists, email subscribers when you publish a new post on your site, and more.

Before getting started

You will need to gather the following information prior to setting up the integration:

  • SendinBlue account credentials. If you don't have one, sign up for free.
  • Copy your SendinBlue API v3 key.  Follow the instructions on how to do so here.
  • MailOptin account credentials. If you don't have one, sign up here.

Connect the integration 

Once you have copied the SendinBlue API v3 key, log into your MailOptin account and go to the Connection settings page by either clicking the sidebar menu link or top menu tabs.

1S6AbaIAxzwSgj6-6M63k8_Sjzit5q3FeAOgWSg6UErl23S_i0_seUKpRBIjwJeNeyYsuzOCOSIO4j31-8JfgaqLACLCVc6uStG3ahUV3-aV2KB-USu1MaspzvQv9-qXNlhCaeF1.png

In the SendinBlue Connection section, paste your API v3 key then click on the Save Changes button.

Tg5bDvguMYcX7ULRMqr-zH0hKFHbUMuHvMm-z_j7ToUPd6nKv16Eb4RcVZTGWpxYsoF9ozUknNUBjTvPeZVQqTMn7Q62YGGivlnwhAULzLgbhSfsFRNhiC9L_O2F55XIJGps9mF6.png

Create and style your form

From the Optin Campaign page, click the Add New button at the top to create an opt-in form.

m3exR_Im1tFi3zMqHanaAIXVn0ap9u3F39bdbwV5ftokXwP9NrdHJ2oXzJnXsk4b-OoRQcp-k9uk3nUdaK2YgQ1mCd44fr9DqY-8OoXPIyGl6gsBlUrHCsoY5hFz39yGj-TwFB1L.png

Enter a title for the campaign and select a form design (in this tutorial, we'll select lightbox).

u9v7OhBsUxWirTx3j-B6dI3gYM4Ve087zp3EVI9qXXX2KRog2QVwXKAGMi9kOmEK-w1EY2bgN6QV_9pLrK9ukIiAeVaq_8_dstLjI1dy3lLP7PF44lKsLfp837h8iwniEm-SdIik.png

You will then be redirected to the form builder where you may customize the form that best suits your needs.

fMTnzkVWfE1SnktfhhiZZvdyGbCiCMO8FPYNh2YqEo10hSPYH04lirRlSHu4EvDDwsK42zc9Pm2x3kI4Wape28L_L2hHzTrR1XUMW5VtIofULmAy8q_nY9acTu3HOjaRw4aXvR1D.png

Sync your form with SendinBlue

Once you have finished customizing the form, open the Integration panel, select SendinBlue in the Email Provider dropdown and the SendinBlue List to subscribe users to. To display the form on your site, toggle the activate switch ON at the top (near the Save Changes button).

Your form fields will be added to SendinBlue as contact attributes:

  • Email Field > EMAIL
  • Name Field > FIRSTNAME and LASTNAME (if name is separated by a space)

 

qCdsgxBH8Yn7CguVSR8RJl5Bij-AxS5LdfKVFrPNXhypkPmHoJKuAxlyb2fDXvsY1WzThqnWk09hzWBAEx_bSjxMRf-JyNsfVPS1kOOidOLgKWu6zAoDiOWn5TgLUZsdWL9n0tgG.png

Choose where to display your form

Navigate to the Display Rules panel. 

  • If you want the opt-in form to be displayed on every page of your WordPress site, select Globally load optin.
  • Otherwise use the page level targeting and triggers to determine how and where on your site the opt-in form will be shown.

 

AsCyVegKRghTAUuAE9kfa8nTKUQLWJFd5yTVpYnn86IES7zj7ay2WEPSWBTjwe7XQzf-WvD9Tmx7nh3D8f3TTCb9Bzn04mCiIX8-8KkBhtrYCgyt-UBioTfA7JVK2GwVENnS0rYG.png

 

xlS0ku8tL_5oC4NBImDWpJXZGZ-pSrk9aBqgmHuxaOvBs4bgkqut7Jv81OwYkcgacLLok-nYrEj-I_Tk64uv83rz2p6Tj4TQJj7_M7kyvZt0PN7cyTFtuJq8r_ydZnPRjIZDnjQG.png

Save the changes.

Visit your website and you should see the form displayed. If it does not appear, be sure to clear your website and browser cache.

Have a question?

If you have a question, feel free to reach the MailOptin support team by email: support@mailoptin.io.