Published onĀ 

How to send automated emails from Bubble

You are looking to make your Bubble application a little bit more personal and have stumbled on this technique called behavioural email marketing, but how do you go about implementing it in your Bubble application?

In this article you are going on a discovery with Bubble and Plunk. You will learn how to set up Plunk and integrate it into Bubble without needing any code.

How to send automated emails from Bubble with Plunk

What is Plunk

Plunk is the easiest behavioural email marketing tool out there. It enables anyone to send automated emails based on the actions your users make inside of your applications. It offers easy integrations with other services and tools like Zapier and Bubble, making it a true multi-platform solution. It is completely customisable and build with bootstrapped founders in mind.

Integrating Plunk into Bubble

Head over to the Plunk dashboard and create a new account. You will be asked to create a new project and the handy onboarding steps will guide you in the right direction.

1. Creating a template

Plunk does not yet support drag-and-drop email templates, instead we rely on a tools like MJML to create completely custom experiences your customers will love to receive. For your first template, you can use one of the examples MJML have prepared for you.

Here you have two options:

  • Download one of the templates as an MJML file and upload it to Plunk, we will automatically parse it for you
  • Use our HTML editor and write your own email from scratch
We suggest you only write your own HTML if you are comfortable with it, keep in mind there is nothing wrong with using a pre-made template for now!

2. Triggering your first event

In step two you can find how to trigger an event. Let's copy our secret key and head over to Bubble to trigger our very first event. Your secret key starts with sk_ and is a long, random string of characters.

Head over to your Bubble application and search for Plunk in the plugins tab.

Plunk Bubble plugin

Once you have installed it and pasted in your secret key, you can find the Send event to Plunk action in the analytics menu.

An example of how to send an event from Bubble to Plunk
An example of how to send an event from Bubble to Plunk

In our example we have created a button that triggers an event when clicked. Since this is just a simple demo, we make use of a pre-defined email address. In a real app you will most likely use your authenticated user's details for this field, but the possiblities are endless!

3. Creating your first action

Creating an action is really easy since you have already created all the items we need! Give your action a name, select the event you just triggered in Bubble and the template you have created. That's it, everytime someone triggers your event in Bubble they will now receive the email design you have created in Plunk.

Everything happens fully automatic, no extra configuration is required to keep Plunk functional. You can create more templates and actions for other situations if you wish to do so!

An example of an email that can be sent out by Plunk
An example of an email that can be sent out by Plunk

What you have learned

If you have completed all the previous steps, then you have learned how to:

  • Set up Plunk
  • Create email templates
  • Trigger events from Bubble and send them to Plunk

That is already a lot but Plunk has so many more functionalities to discover, we can't wait to see all the creative solutions you are going to build with our product.