How to send newsletters from a Bubble app

Go to the Data tab and create Subscriber (email, name, subscribed_date, is_active yes/no default yes, unsubscribe_token text) and Newsletter (subject, body, sent_date, status Option Set: Draft/Scheduled/Sent, open_count number).

On your landing page, add an email Input and Subscribe button. Create a workflow that validates the email, checks for existing subscribers, creates a new Subscriber with a random unsubscribe_token, and shows a confirmation message.

In the API Connector, add SendGrid with Private key in header authentication (Authorization: Bearer YOUR_KEY). Add a Send Email call: POST to https://api.sendgrid.com/v3/mail/send with JSON body containing personalizations, from, subject, and content fields.

1{
2  "personalizations": [{"to": [{"email": "<recipient>"}]}],
3  "from": {"email": "newsletter@yourapp.com"},
4  "subject": "<subject>",
5  "content": [{"type": "text/html", "value": "<html_body>"}]
6}

Build an admin page with inputs for subject and body (or a rich text editor plugin), a Preview button, Save Draft button, and Schedule Send button with a date picker. Workflows create or update Newsletter records accordingly.

Create a backend workflow send_newsletter (parameter: newsletter). Search active Subscribers, then use Schedule API Workflow on a list with 0.1s interval to send individual emails via SendGrid. Update newsletter status to Sent after completion.

Create an unsubscribe page that reads a token from the URL, finds the matching Subscriber, sets is_active to no, and shows confirmation. Include the unsubscribe link in every newsletter footer.