Enhance your Bubble email communication with Loops.so

Improving Email Communication in Bubble Apps

Does your Bubble app send emails? Chances are you might already have added in a workflow just like this where you use the send email workflow action in Bubble. Now even if your Bubble app has got nothing to do with emails you'll find that you'll need to send emails in cases such as password reset or email verification. So emails are an essential part of your Bubble app and to be honest if you go into settings and you set up your domain you've entered the API details for Sendgrid you might find the Sendgrid API is quite lacking and that's because the built-in integration with Sendgrid that Bubble provides is a bit out of date. It uses their legacy templates for example.

Introducing Loops: A Modern Email Solution

You can do so much better and that's why I'm excited today to highlight to you a new contender on the block called Loops and Loops is perfect I think for many Bubble app creators because it is the email for modern SaaS and they are an all-in-one solution with a beautiful interface that combines marketing and transactional email. What does that mean? Well marketing emails they're your email campaigns they're the special sale that you've got going on or the new feature that you've released that you want to send to all or a large segment of your users. Transactional emails well a transactional email tends to be the result of an action that the user has taken. So a transactional email is a password reset email because they followed the password reset workflow in your app or a welcome email or if you are sending notifications by email then that would go on the transactional.

Integrating Loops with Bubble

I'm going to show you in this video how it's really easy to integrate in with the Loops API you can start adding contacts you can start putting in automations but before I do that I want to highlight some things I love about them. First of all they've really understood where email is at right now you can do a quick search you can find that there is loads of research showing that basically the more beautified in a more old-fashioned sense you know the more graphic intensive background colors sections stripes that sort of thing your emails have got basically the more HTML design that goes into it is actually being shown to have a lower engagement rate than something that comes across as being a bit more personal a bit more like it's actually been written in someone's email composer window rather than using a service for example like MailChimp where it's very HTML template heavy.

Features of Loops

They've got a great API you can set up automations they've got tagging there you go you can track your users through the different steps that they take yeah currently there's a wish list now I only signed up a couple of days ago and I was granted access a bit about 24 hours I think that this is a really exciting service.

Adding Loops to Bubble API Connector

Let's me show you how to add it to the Bubble API connector but before I do that did you know that Planet No Code we've been building this educational resource all around Bubble we've been doing that for over a year now we've got hundreds of Bubble tutorial videos we've got Bubble coaching you can find all of that on our website planetnocode.com so I'm going to show how to integrate in with the API and let me get the documentation back up where's that gone knife docs.

Implementing the API Integration

So the API is going to form quite a small but lovely and simple part of your Bubble app which is adding users and that's because you do all of the automation you know the steps you could have an onboarding flow welcome email follow-up email that sort of thing you do all of that in loops itself so we're going to focus on just add contacts so I'm going to take the end point here and go into my Bubble app and the API connector after I work add another API call this loops.so I think they authenticate in the header I'm going to check that in a moment but I'll just say here add contact pasting the end point it's a post command and I'm going to copy the formatting of the JSON here change this to post change that action paste the JSON in I'm only going to use these two fields for this demo clean up my JSON email first name both of those public and then I need the API key.

Setting Up Authentication

So I'm going to scroll back up I'm looking at authentication so it says generate an API key and it adds to the header so I can say shared header accept application JSON and then the key name is authorization I just spotted that if I scroll across here and then I have to add in bearer and my API key right let's copy this.

Testing the Integration

Let's test that I'll put in my email address and let's initialize okay and then it's just worked now this is the very first time I've done this I literally just signed up for loops myself so let's just see how that's worked in my dashboard if I go through to audience I can see my the account that I've just added is there.

Conclusion and Benefits of Loops

And so yeah just as a reminder you can search your own templates you can add campaigns loops transactional email this really does cover everything you need right the way through from MVP to and if we go back onto the homepage yeah there are some businesses here that are either rapidly gaining traction or already are huge in their own sense and yeah I think loops is very affordable and it is a great new contender in both the email marketing and the transactional email space if you're building an MVP and especially if you're building an MVP with Bubble.