MARKETPLACE
PLUGINS
GMAILER: SEND EMAILS VIA GMAIL
GMailer: Send Emails via Gmail logo

GMailer: Send Emails via Gmail

Published June 2025
   •    Updated September 2025

Plugin details

G-Mailer: Send Emails with Attachments (via Base64)
This plugin enables you to send emails directly from your Bubble app using your Gmail account. It includes a visual uploader to convert local files into Base64 format and secured action to send HTML-rich emails with attachments.

With this plugin, you can:
- Send emails via Gmail with support for: To, CC, and BCC fields.
- Include a message body in both plain text and HTML format.
- Attach files using their Base64-encoded content, with automatic detection of file type and extension.
- Convert files from local storage to Base64 using a styled HTML uploader that can be embedded in your Bubble page.

It’s ideal for contact forms, automated notifications, file submissions, or any app that needs quick email functionality without external integrations.

Demo: http://urion-plugins.bubbleapps.io/version-test/gmailer

Editor: https://bubble.io/page?type=page&name=gmailer&id=urion-plugins&tab=Design

Free

For everyone

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

Urion Systems logo
Urion Systems
Joined 2018   •   14 Plugins
View contributor profile

Instructions

Instructions
Step 1 – Add Gmail App Password
You’ll need to create a Gmail App Password from your Google account:
1. Go to https://myaccount.google.com/apppasswords
2. Ensure you have 2-Step Verification enabled.
3. Create a new App Password for "Mail" > Custom name (e.g. "Bubble Plugin").
4. Copy the 16-digit password shown (you won’t see it again).
5. In your Bubble editor, go to the Plugins tab → click on this plugin → paste the code into the key named Gmail_App_Password.

Step 2 – Place the Uploader (Optional)
If your workflow includes file attachments:
1. Drag the “Convert File to Base64” element onto your page.
2. Create a group or element and set its Attribute ID to something like container.
3. In the plugin element, set html_element_id to that same ID and toggle run_show_uploader to "yes".
4. Customize the uploader's appearance using font size, border color, padding, background, etc.

Step 3 – Reference Uploader States
The uploader will expose several useful states including:
file_base64, file_base64_with_mime, file_name, file_extension and mime_type.
These values can be used when triggering the email.

Step 4 – Send the Email
Use the plugin action Send Email in a workflow. Supply the following inputs:
* email_sender – your Gmail address
* email_receiver – recipient email(s) (text or list of texts)
* cc, bcc – optional
* subject, message, and/or html_body
* attachment_base64_with_mime – usually from the uploader’s file_base64_with_mime
*attachment_filename – usually from the uploader’s file_name

Step 5 – Test It
Preview your app. Select a file if using the uploader, then click the trigger button. You should receive an email in your inbox within seconds.

Types

This plugin can be found under the following types:
Element   •   Action

Categories

This plugin can be found under the following categories:
Email   •   Productivity   •   Technical   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble