Elevate your Bubble app's email capabilities with the Rich Postmark Emails Plugin. This robust plugin enables you to send highly customized emails directly from your application, enriching user communication with advanced formatting and dynamic content capabilities.
The Rich Postmark Emails Plugin allows for complete customization of email templates using HTML and CSS, giving you the freedom to design emails that align perfectly with your brand's aesthetic. Incorporate rich media, custom fonts, and interactive elements to make your emails stand out and engage your audience more effectively.
Beyond aesthetic customization, the plugin supports the integration of dynamic content, ensuring that each email can be personalized based on user data or actions within your app. This makes it ideal for sending tailored notifications, promotional messages, or essential communication, enhancing the relevance and impact of each message.
Leverage the power of the Rich Postmark Emails Plugin to deliver beautifully crafted emails that not only look great but also perform optimally. Implement this plugin in your Bubble app to enhance your email campaigns, improve user engagement, and provide a professional-level communication tool right within your digital environment.
How to setup
Install Rich Postmark Emails plugin
Use plugin actions in the workflow
Element actions
1) Postmark - Send email
Allows you send an email
Title
Description
Type
From
Sender email. You can change the "From" field at https://account.postmarkapp.com/signature_domains. Also, it's possible to write in this field a different from name, like this, without quotes: "Vinicius Brito support@unlimitedbubbling.dev" instead of just the email "support@unlimitedbubbling.dev".
Too many files and the action may time out and fail. A list of files. And by file I mean Bubble's normal "file type" field. Total message size, including attachments, can be up to 10MB total. Forbidden File Types: vbs, exe, bin, bat, chm, com, cpl, crt, hlp, hta, inf, ins, isp, jse, lnk, mdb, pcd, pif, reg, scr, sct, shs, vbe, vba, wsf, wsh, wsl, msc, msi, msp, mst.
File, Optional
Track opens
If you want to track whenever an email gets opened. You can see the data in your Postmark dashboard.
Yes/No
Track link clicks
Whether you want to track whenever a link inside your email is clicked and in which version(s) you want this tracking to happen. See this data in your Postmark dashboard.
Dropdown
Server API tokens
By default the action uses API key from plugin tabs. Fill in this file to use another key
Text, Optional
Unsubscribe workflow endpoint
(Optional) The backend workflow endpoint (or a cloud function) url for unsubscribing subscribers (deleting or changing their status in database)
Text, Optional
Returned values
Title
Description
Type
Message ID
ID of the message
Text
Error code
Error Code
Number
Message
Message
Text
Submitted at
Time message was submited
Text
To
Person the message was sent to
Text
Cc
Cc recipient email address
Text
Bcc
Bcc recipient email address
Text
2) Postmark - Send email DEBUGGER
Allows you send an email debugger
Title
Description
Type
From
Sender email. You can change the "From" field at https://account.postmarkapp.com/signature_domains. Also, it's possible to write in this field a different from name, like this, without quotes: "Vinicius Brito support@unlimitedbubbling.dev" instead of just the email "support@unlimitedbubbling.dev".
Too many files and the action may time out and fail. A list of files. And by file I mean Bubble's normal "file type" field. Total message size, including attachments, can be up to 10MB total. Forbidden File Types: vbs, exe, bin, bat, chm, com, cpl, crt, hlp, hta, inf, ins, isp, jse, lnk, mdb, pcd, pif, reg, scr, sct, shs, vbe, vba, wsf, wsh, wsl, msc, msi, msp, mst.
File, Optional
Unsubscribe workflow endpoint
(Optional) The backend workflow endpoint (or a cloud function) url for unsubscribing subscribers (deleting or changing their status in database)
Text, Optional
Returned values
Title
Description
Type
Would be sent
Would be sent
Text
3) Postmark - Send batch email
Allows you send a batch email
Title
Description
Type
From
Sender email. You can change the "From" field at https://account.postmarkapp.com/signature_domains. Also, it's possible to write in this field a different from name, like this, without quotes: "Vinicius Brito support@unlimitedbubbling.dev" instead of just the email "support@unlimitedbubbling.dev".
Too many files and the action may time out and fail. A list of files. And by file I mean Bubble's normal "file type" field. Total message size, including attachments, can be up to 10MB total. Forbidden File Types: vbs, exe, bin, bat, chm, com, cpl, crt, hlp, hta, inf, ins, isp, jse, lnk, mdb, pcd, pif, reg, scr, sct, shs, vbe, vba, wsf, wsh, wsl, msc, msi, msp, mst.
File, Optional
Track opens
If you want to track whenever an email gets opened. You can see the data in your Postmark dashboard.
Yes/No
Track link clicks
Whether you want to track whenever a link inside your email is clicked and in which version(s) you want this tracking to happen. See this data in your Postmark dashboard.
Dropdown
Var 1
Use this in the email body as {{var1}}. Is a list of anything parseable as text. Accepts text, number, date, images, files and yes/no. Note that images and files will be rendered as their URL text, like "//myapp.com/file.jpg".
Anything, Optional
Var 2
Use this in the email body as {{var1}}. Is a list of anything parseable as text. Accepts text, number, date, images, files and yes/no. Note that images and files will be rendered as their URL text, like "//myapp.com/file.jpg".
Anything, Optional
Var 3
Use this in the email body as {{var1}}. Is a list of anything parseable as text. Accepts text, number, date, images, files and yes/no. Note that images and files will be rendered as their URL text, like "//myapp.com/file.jpg".
Anything, Optional
Var 4
Use this in the email body as {{var1}}. Is a list of anything parseable as text. Accepts text, number, date, images, files and yes/no. Note that images and files will be rendered as their URL text, like "//myapp.com/file.jpg".
Anything, Optional
Var 5
Use this in the email body as {{var1}}. Is a list of anything parseable as text. Accepts text, number, date, images, files and yes/no. Note that images and files will be rendered as their URL text, like "//myapp.com/file.jpg".
Anything, Optional
Var 6
Use this in the email body as {{var1}}. Is a list of anything parseable as text. Accepts text, number, date, images, files and yes/no. Note that images and files will be rendered as their URL text, like "//myapp.com/file.jpg".
Anything, Optional
Var 7
Use this in the email body as {{var1}}. Is a list of anything parseable as text. Accepts text, number, date, images, files and yes/no. Note that images and files will be rendered as their URL text, like "//myapp.com/file.jpg".
Anything, Optional
Var 8
Use this in the email body as {{var1}}. Is a list of anything parseable as text. Accepts text, number, date, images, files and yes/no. Note that images and files will be rendered as their URL text, like "//myapp.com/file.jpg".
Anything, Optional
Var 9
Use this in the email body as {{var1}}. Is a list of anything parseable as text. Accepts text, number, date, images, files and yes/no. Note that images and files will be rendered as their URL text, like "//myapp.com/file.jpg".
Anything, Optional
Var 10
Use this in the email body as {{var1}}. Is a list of anything parseable as text. Accepts text, number, date, images, files and yes/no. Note that images and files will be rendered as their URL text, like "//myapp.com/file.jpg".
Anything, Optional
Server API tokens
By default the action uses API key from plugin tabs. Fill in this file to use another key
Text, Optional
Unsubscribe workflow endpoint
(Optional) The backend workflow endpoint (or a cloud function) url for unsubscribing subscribers (deleting or changing their status in database)
Text, Optional
Returned values
Title
Description
Type
Message ID
ID of the message
Text
Error code
Error Code
Number
Message
Message
Text
Submitted at
Time message was submited
Text
To
Person the message was sent to
Text
Cc
Cc recipient email address
Text
Bcc
Bcc recipient email address
Text
4) Postmark - Send Template email
Allows you send an email template
Title
Description
Type
From
Sender email. You can change the "From" field at https://account.postmarkapp.com/signature_domains. Also, it's possible to write in this field a different from name, like this, without quotes: "Vinicius Brito support@unlimitedbubbling.dev" instead of just the email "support@unlimitedbubbling.dev".
Too many files and the action may time out and fail. A list of files. And by file I mean Bubble's normal "file type" field. Total message size, including attachments, can be up to 10MB total. Forbidden File Types: vbs, exe, bin, bat, chm, com, cpl, crt, hlp, hta, inf, ins, isp, jse, lnk, mdb, pcd, pif, reg, scr, sct, shs, vbe, vba, wsf, wsh, wsl, msc, msi, msp, mst.
File, Optional
Track opens
If you want to track whenever an email gets opened. You can see the data in your Postmark dashboard.
Yes/No
Track link clicks
Whether you want to track whenever a link inside your email is clicked and in which version(s) you want this tracking to happen. See this data in your Postmark dashboard.
Dropdown
Server API tokens
By default the action uses API key from plugin tabs. Fill in this file to use another key
Text, Optional
Unsubscribe workflow endpoint
(Optional) The backend workflow endpoint (or a cloud function) url for unsubscribing subscribers (deleting or changing their status in database)
Text, Optional
Returned values
Title
Description
Type
Message ID
ID of the message
Text
Error code
Error Code
Number
Message
Message
Text
Submitted at
Time message was submited
Text
To
Person the message was sent to
Text
Cc
Cc recipient email address
Text
Bcc
Bcc recipient email address
Text
FAQ
How to use “Unsubscribe workflow endpoint” in the workflow
Providers like Gmail and Yahoo have stated that they’ll enforce the one-click method for unsubscribing starting in June 2024. To include a one-click unsubscribe method you need to first create a workflow that deletes or updates the subscribers that have unsubscribed.
To create this endpoint head over to your bubble app and click the search bar at the top left.
2. At the bottom of the list click the 'Backend workflows' page.
3. Create a new api workflow.
4. Give it a name and fill in the data as shown below:
5. Add to it an action for updating or deleting a record in the database.
In this example I update the isSubscribed property of the user whose email comes into the workflow from outside.
6. Then go to the Settings → Api page of your app.
There you will find the url of your workflow webhooks.
7. Copy the url, and append the name of the workflow you created previously to it. For example:
That's it. You can now pass this url to the Send email actions of of the plugin and the plugin will attach the necessary List-Unsubscribe-Post and List-Unsubscribe headers to your email.
💡
Unsubscribe headers do not assure you of getting the “Unsubscribe” button on top of your emails. That is button is displayed depending on every email provider conditions that have to be met for that purpose.
So we suggest you even with Unsubscribe headers in the email to keep the “Unsubscribe” link in your emails if you want to be sure the users will have that option.
💡
Usually unsubscribe is managed by Postmark, and if you want to implement your own Unsubscribe process as shown above, keep in mind that you have to get Postmark team approval for that.
