Introduction to Loops
Loops is the hottest email API service available to developers and no-code web application builders. They offer an all-in-one solution for marketing and transactional emails trusted by companies such as Framer and Perplexity, AI. This is your all-in-one because you can do automation, you can do email marketing campaigns and you can do transactional emails. What's a transactional email? A transactional email is often triggered by a specific action a user takes. For example, a password reset or a notification from within your app.
Using the Loops Plugin in Bubble
In this Bubble tutorial video, I'm going to show you how we can use the hot off the press Loops plugin. We don't even have to use the Bubble API connector and we can connect to Loops and create a contact in Loops within seconds. To do that, I'm going to go into my Loops account and get my API key and then go into my Bubble app and plugins and search for Loops.
Choosing the Official Loops Plugin
There are two plugins shown here. We're going to use the official one. I can't speak about or speak to this one by an independent developer. That's because anyone can create a plugin that connects to a third-party app. Whereas I'm going to go with the official one because that's what they've got documented and I'm going to hope that they keep up to date as the API evolves over time.
Installing and Configuring the Loops Plugin
Let's click install and then I put bearer and I put my API key in just here. Now on their documentation there is only one API key field. Well, I mean there are two because you've got different versions of your Bubble app. So I'm not sure why but we'll try out. We'll see why there are two fields here.
Setting Up User Registration with Loops
I want to set it up so that when a user registers they are created as a contact in my Loops account. I'm on a page here that I've created for a different tutorial video. If you want more Bubble tutorials, click the link down in the description. Head over to our website. When they register, let's add them in as a Loops contact.
Creating a Loops Contact in Bubble
Before I send them through to their profile page, I'm going to go into plugins and find Loops. Here are all of the things that I can do with Loops. I want to create a contact. The email is going to be the email field on the page and then I have to get the user an ID and Loops just recommends using the Bubble unique ID so current user unique ID.
Testing the Loops Integration
Let's run a test in the Bubble app and see if we can get a user to go across into Loops. Come out and now just to test at planet. Okay, it's dot com. So Bubble registered the user. It's made the API request and it's redirected me to a new page. That should mean that we've got the new user added in but it's missing these details like first name and if I wanted to add in other details.
Limitations of the Current Loops Plugin
Let's just check the documentation here. I think what we can determine from that is that the plugin is just the basics about adding a contact. If you want to pass across other fields like first name, then you're going to need to go and check out our previous video where we connect using the API connector.
Using Both Loops Plugin and API Connector
There's no reason why you can't use both the Loops plugin and the API connector because your API key will be the same. It's going to be taking this here. It's taking actions on the same account. So you can use Loops to really quickly add in contacts into your Loops audiences view. But if you want to add in those extra fields, then you're going to need to go and check out our plugin. Not our plugin. Our previous video on Loops where we use the API connector because that will allow you when you create a contact to add in these other bits of data.
Future Improvements for the Loops Plugin
If there's anyone from Loops watching, it'd be really great to find a way that we can at least do some of these core fields like first name last name. But if you want to do that right away with Bubble, you're going to have to use the API connector and connect directly to the Loops API and watch our videos to find out how to do that. Thank you.