.gif)
Learn how to effectively integrate Bubble.io with Sendinblue. Follow simple steps to set up accounts, install plugins, and test email capabilities for your app.
Sendinblue is a comprehensive digital marketing software designed to serve businesses of all sizes. The platform offers a wide array of features including email marketing campaigns, transactional emails, text messages, and marketing automation. It allows users to design professional emails with ease using customizable templates and a drag-and-drop editor. Sendinblue also provides advanced tools for segmentation, A/B testing, real-time reporting, and more. Its automation feature lets you target customers based on their behavior and preferences for more personalized interaction.
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
Step 1: Create a SendinBlue account
So far, the first thing you must do is register for a new account at SendinBlue if you don't already have one. All you have to do is visit https://app.sendinblue.com/account/register and fill out all of the needed details, such as your company's name, your address, your telephone number, and your email, and then click on the "Get Started" button.
Step 2: Confirm your email
You will receive a confirmation email from SendinBlue after registering for an account. Verify your registration by logging into your email and clicking on the confirmation link provided by Sendinblue. This will bring you to your new SendinBlue dashboard once you have clicked on the link.
Step 3: Create a Bubble.io account
After you have established your SendinBlue account, you will need to create an account on Bubble.io if you don't already have one. Visit https://bubble.io/signup and input your email, provide your password, and click the "Create with email" button.
Step 4: Create a new Bubble app
You will need to create a new app/project in Bubble.io once you are logged in. Click on the "New App" card, fill in your app name, choose a basis for your app (either start from scratch or use one of the available templates), and click the "Create a new app" button.
Step 5: Go to Plugin
Once you are inside your created app interface, go to the "Plugins" option on the left sidebar of the screen. We need to add the SendinBlue plugin in the project for the integration.
Step 6. Add "SendinBlue" plugin
On the top-right side of the screen, locate and click on the "+ Add plugins" button. In the search bar that appears, type "Sendinblue" and click on the "Sendinblue" plugin.
Step 7: Install "SendinBlue" plugin
After clicking on the Sendinblue plugin card, a popup will appear. Click on the "Install" button in the popup. Once done, the plugin will be installed in your app.
Step 8: Gather your API key from Sendinblue
Now, you need to integrate this plugin with your Sendinblue account. For this, you will need your Sendinblue API key. Go to your Sendinblue account, click on the SMTP & API option from the sidebar then select the SMTP tab. Here, locate the API key and copy it.
Step 9: Integrate API key into Bubble's Sendinblue plugin
Paste the copied API key into the respective field in the API section (after clicking the API key option) of your Bubble.io's Sendinblue plugin settings.
Step 10: Set Up email sending with Sendinblue
Now, you need to set up email sending from your app with Sendinblue. Go to the Settings -> Domain/email -> Send emails with SendinBlue section in Bubble.io's dashboard. Follow the given instruction to complete the setup.
Step 11: Test your Sendinblue email sending ability
Finally, use the Send test email option to test if you have successfully integrated Sendinblue with your Bubble App.
That's all! When you're finished, any emails sent from your Bubble app will use your Sendinblue SMTP server details.
Scenario: A startup company wants to build an effective email marketing strategy to grow their customer base and keep them engaged. They use Bubble.io to build their web application which includes a sign-up form for a newsletter and email updates for users. They want to use Sendinblue for managing their email campaigns, and automate the process of syncing their contacts between Bubble.io and Sendinblue.
Solution: Integrating Bubble.io with Sendinblue
Building the Web Application: The startup uses Bubble.io to create a dynamic web application. They include a simple form for subscribers to input their email address and sign up for updates from the company.
Setting Up the Integration: The company installs the Sendinblue plugin within Bubble.io and configures it with their Sendinblue API key. They create workflows in Bubble.io that trigger when a user subscribes for the newsletter.
Data Sync Workflow: When a user subscribes to the newsletter from the website, the triggered workflow sends the provided email address to Sendinblue using the configured plugin action. The email address is then added as a new contact in Sendinblue and marked as a subscriber to the newsletter.
Email Campaigns in Sendinblue: The startup uses Sendinblue to manage their email campaigns, create engaging newsletter content, and distribute it to their subscribers. Additionally, they segment their contact list based on user engagement, tailoring their email campaigns to achieve high open and click rates.
Monitoring and Analytics: The Sendinblue integration allows for in-depth reporting of email campaigns. The startup can track the number of emails sent, opened, clicked, and any possible bounce rate. This enables them to continuously optimize their email strategy based on data-driven decisions.
Benefits:
Efficiency: Automating the process of syncing contacts between Bubble.io and Sendinblue saves time and resources that would otherwise be spent on manual data entry.
Centralized Data: All email activity is managed and tracked in Sendinblue, providing a single source of truth for the startup.
Personalized Email Campaigns: With Sendinblue, the company can personalize their email content based on user reading habits and engagement levels.
By integrating Bubble.io with Sendinblue, the startup can streamline their email marketing process, create personalized campaigns, and ultimately drive better user engagement and growth.
.svg)
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
.svg)
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
.svg)
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.
Then all you have to do is schedule your free consultation. During our first discussion, we’ll sketch out a high-level plan, provide you with a timeline, and give you an estimate.
.png)
.png)
