Atlas L6ynztjd84

Stay updated on the status of all your company's support tickets.

Customer portal

Send data to Loops from Bubble using the API Connector plugin.

This guide helps you set up an API connection to Loops from your Bubble app.

In this example, we will create an integration that allows you to sync Bubble users to your Loops audience.

We have created an [official plugin for Bubble](/integrations/bubble), which contains actions for all Loops API calls. However, it is limited to what it can do by how Bubble works.\ THis tutorial helps if you need more control or flexibility over the data that is sent to Loops.

In Bubble, you need to first install the API Connector Plugin. This plugin is what makes the API calls to Loops.

Now you have the plugin installed, you can add an API connection.

. In the form that appears, enter "Loops" into the 

 field (Bubble uses this field to group API calls together in the interface).

 value is "Authorization" (this is the default).

 and copy an API key (you can create a new key if you like).

, then a space character, then paste your API key, so it looks something like 

Now you can create an API call using the connection you just created. Click 

 field, write something like "Sync users".

 field should be "JSON" (this is the default).

In the dropdown where it says "GET", select "POST", and in the subsequent field, paste the following endpoint URL:

https://app.loops.so/api/v1/contacts/update 

Now all that's left is to set up the request body, which is the data that's sent to Loops. This will depend on what kind of data points you want to send.

Due to how Bubble handles empty values, make sure to only add properties to this request body that will always contain a value. Otherwise, Bubble will send `"null"` as the value instead of an empty value, which will mean, for example, your contact's first name will become `null`.

To make the request, we have to include an email address (which is required to create new contacts in Loops). Then we'll also add a "User ID" value (which will maintain a distinct connection between a user in Bubble to their contact record in Loops) plus the "Plan name" property. Due to the data in my example application, I know all three of these fields will always have a value.

{ "email": "<Email>",
  "userId": "<User_ID>",
  "planName": "<Plan_name>"
}


 field, you'll see two sets of fields appear below it, one for each of the three custom variables (

 checkbox for each of these variables, otherwise they won't show up in the Bubble interface when you come to use this API call.

The final step is to initialize the call, which will show Bubble that the API call works.

To do this, enter some example values in each of the 

If it works, you'll see a success message and a confirmation of the returned values from Loops. Click 

If the request is not successful, you should see a message telling you what went wrong.

When you're done, remember to delete the test data you just added in the 

The final step is using your API call inside your application.

 in your Bubble account and create a workflow for when you want to send a user to Loops.

In this example, I want to sync users to Loops whenever they log in (they could also be synced after other events, like if their email address changes).

 and select "General > User is logged in".

 and select the action you created by the name you gave it (naming is organized by "API name - API call name").

This will show a popover containing the fields you added in the previous step, allowing you to insert your data in Bubble into the API call.

, then select the data you want to send to Loops. (In my example I searched for "Current User" and then selected 

Now when the selected event happens, Bubble will make an API call to Loops!

To verify everything is set up correctly, log in to your Bubble app (to trigger the event) and then check the 

 in Loops to see if your user account appears.

There are lots of different ways you can use Bubble's API Connector to send data to Loops:

Create a newsletter subscription form and send all submitted email addresses to Loops.

Sync contacts whenever a user's email address is changed in Bubble.

 in Loops for all new sign ups using the 

, to enter new users into a welcome email sequence.

 to Loops so you can send personalized emails.

} href="/integrations/bubble" > Manage contacts and send emails with our Bubble plugin. View all of our API endpoints. Learn more about custom contact properties.

Bubble API Connector

Set up a welcome email sequence for new Ghost members

https://loops.so/docs/guides/ghost-email-sequence

Send automated email sequences to new Ghost subscribers using Zapier and Loops.

This guide helps you set up email sequences that get sent to all new subscribers to your Ghost site.

With Loops, you can set up sophisticated sequences called "

", allowing you to send a range of welcome emails to your members over a period of time.

, we can automatically add every new member who signs up on your Ghost site to your Loops audience.

The first step is to connect your Ghost site to Loops using Zapier.

Sign up to Zapier and create a new Zap using Ghost's 

This creates an automation that will trigger every time a new member is created in Ghost. Zapier will then send the contact's information over to Loops.

Now connect Ghost from the Trigger by clicking 

 and then pasting in your Ghost API key and API URL. To find these, go to Settings in your Ghost admin, search for "Integrations" and click on 

Next you need to link up Loops as the Action. Click the 

 node, search for Loops and select the 

 and paste in your Loops API key (which you can find from your 

Instead of using an event for the loop trigger, you could also choose to send the loop to every new contact created in your audience.\ We choose the event trigger in this example as you may add other contacts to your audience from other sources than Ghost.

 tab. This is where you can configure which Ghost data is sent to Loops.

As you click each field, you can select the different Ghost-provided data.

. This is the name we'll use in Loops to trigger the email sequence. You can use any name, but make it descriptive. You'll need this name in the next step inside Loops.

If you want to include contact-related information in your emails you can use 

. To do this, add more Ghost data in the 

 field. For example, if you want to include the user's name, subscribed status, member status or your newsletter's name, you can add these properties here. Click the 

 button to add new properties each time.

 to see an overview of the event and its data that you'll send to Loops. Here you can test the action works by clicking 

. This will send actual data to Loops, which you will see in the Event Log section on the 

When you're happy everything is set up properly, click 

If you ever change the event properties sent from Zapier, you need to update the event data in Loops to match. You can do this from [Settings -> Events](https://app.loops.so/settings?page=events). Click on the event and edit the listed properties. [More info](/events/properties#editing-event-properties)

Now that the connections are set up, you can create the email sequence "loop" in Loops.

, which will create a new loop and show the 

 trigger in the loop builder and enter the name you entered in Zapier in the previous step (in this example, 

 node if you want to add a delay between the event being received by Loops and the email being sent to your Ghost members.

You can also add a filter to the audience for this loop, if you want to limit sending to a certain sub-group of your members. If you want the loop to send to all new Ghost members, just leave it as "All contacts".

If you opted to send event properties from Zapier, you can add them to your email by clicking the 

Once your first email is complete, you can add more Timer and Email nodes to your loop to complete your email sequence. Just click on the 