How to send HTML formatted content using email in Bubble
How can I send TinyMCE editor content via email so that it displays correctly (as HTML, not raw HTML code)?
When sending content from the TinyMCE editor using Bubble’s built-in “Send email” action, the email body may appear as raw HTML code in the recipient’s inbox instead of being rendered as formatted (WYSIWYG) content. This happens because Bubble’s native email action treats the email body as plain text. Bubble uses SendGrid as the built-in email provider.
To send HTML-formatted emails use the API Connector with SendGrid:
Go to the API Connector plugin in your Bubble app.
Create a new API and set the endpoint to:
https://api.sendgrid.com/v3/mail/send
In the request body, include the editor content using the html content state from the TinyMCE plugin.
Make sure to set the
Content-Type
header totext/html
.
This approach gives you full control over formatting and ensures your content is rendered properly in Gmail and other email clients.
You can find more help in the SendGrid API documentation or related Bubble forum discussions.
Last updated