> ## Documentation Index
> Fetch the complete documentation index at: https://notikaai.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Add Emails to Your Lovable App (The Easy Way)

> Add welcome emails, notifications, and email blasts to your Lovable app. No code changes, no Edge Functions. Just connect your Supabase database.

<p align="center">
  <img src="https://mintcdn.com/notikaai/BX00OQUk2qnghEAw/images/lovable-dreamlit.png?fit=max&auto=format&n=BX00OQUk2qnghEAw&q=85&s=e125f6ae376cecf6a150bf34f80c4cd9" alt="Lovable + Dreamlit" style={{borderRadius: '12px', maxHeight: '300px'}} width="762" height="501" data-path="images/lovable-dreamlit.png" />
</p>

## How do I add email to my Lovable app?

You built your entire app by describing it. Email should work the same way.

Dreamlit connects to the Supabase project your Lovable app already uses. There's nothing to prompt in Lovable, no API key to configure, no Edge Function to deploy. Tell Dreamlit what you need ("send a welcome email when someone signs up") and it generates the trigger, template, and copy. Two clicks to connect, one prompt to create your first workflow.

<Info>
  Because Dreamlit sits on top of your database rather than your app code, your Lovable credits stay focused on building features. Email lives entirely outside your Lovable project.
</Info>

## Why use Dreamlit instead of Lovable + Resend?

Lovable's AI will wire up Resend if you ask. But a raw email API only covers delivery. Everything else (templates, scheduling, tracking, drip sequences) is still on you to build, and every feature burns more Lovable credits.

| Challenge                                              | With Lovable alone                                                                                                                                                                                               | With Dreamlit                                                                                                                                             |
| ------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Email blasts, recurring emails, and drip sequences** | No easy way to send one-off blasts, digests, or drip sequences. You'd need to export user data to another platform, and there's no good UX to understand or safely verify recurring workflows before publishing. | AI-powered workflow builder goes from prompt to end-to-end email workflow in seconds. Fully preview and test every step with live data before going live. |
| **Full visibility**                                    | Dig through code logs to check if emails sent. Aggregate raw data yourself to understand performance. Email logic scattered across your codebase makes it hard to see your communication strategy.               | Complete visibility into email delivery, performance, and workflow previews, all in one place.                                                            |
| **Vendor lock-in**                                     | The more email infra you build in Lovable (edge functions, crons, webhooks), the harder it is to migrate away.                                                                                                   | Decouples email from app code, so you can move your app's infra to a different provider while keeping all email workflows intact.                         |
| **Lovable credit usage**                               | Every email feature you build burns valuable Lovable credits.                                                                                                                                                    | Offload email to Dreamlit so you can focus your credits on building your app.                                                                             |

<Tip>
  **Our recommendation**: Use Lovable for what it does best: **building your app**. Use Dreamlit to help you manage your email strategy so you can maximize engagement, reduce churn, and grow your business.
</Tip>

## Who is this guide for?

* **Lovable builders** who want professional email without burning credits on infrastructure
* **Vibe coders** who'd rather describe what they want than configure SMTP
* **Anyone on Lovable + Supabase** looking to keep email decoupled from their app code

***

## What do I need before starting?

* A Lovable app connected to **your own Supabase project** (not Lovable Cloud)
* 5 minutes

<Warning>
  **Heads up**: If you started your Lovable project with Lovable Cloud, currently you have no way of connecting directly to your own database, so you cannot connect your app to external services like Dreamlit. You'll need to migrate your Lovable Cloud to your own Supabase project first (see below).

  As such if you're starting a new Lovable project, we highly recommend [connecting your own Supabase account](https://docs.lovable.dev/integrations/supabase) rather than using Lovable Cloud as your backend so you can avoid vendor lock-in and get the full suite of features that Supabase offers including direct database access.
</Warning>

***

## What if I'm using Lovable Cloud?

If you started with Lovable Cloud (their managed backend), you'll need to migrate to use Dreamlit. Lovable Cloud doesn't currently provide direct database access, which Dreamlit requires.

**Your options**:

1. **Migrate to your own Supabase** (recommended for production)
   * Use our free, open source **[Lovable Cloud to Supabase Exporter](https://dreamlit.ai/tools/lovable-cloud-to-supabase-exporter)** to move your tables, users, and storage files to your own Supabase project. No password resets required.
   * Use the hosted **Lovable Cloud to Supabase Exporter** on dreamlit.ai, or [view the source on GitHub](https://github.com/dreamlit-ai/lovable-cloud-to-supabase-exporter) and self-host it if you prefer.

2. **Start fresh with your own Supabase**
   * If you haven't launched, this is the cleanest path
   * Follow [Lovable's Supabase setup guide](https://docs.lovable.dev/integrations/supabase)

3. **Wait for Lovable to improve Lovable Cloud**
   * Lovable Cloud is a relatively new offering, so there's a good chance they make it easier to access your database in the future

<Warning>
  Planning to launch soon? Migrate to your own Supabase project now. The longer you wait, the more data and configuration you'll need to move.
</Warning>

***

## How do I connect Dreamlit to my Supabase?

<Steps>
  <Step title="Create a Dreamlit account">
    Go to [app.dreamlit.ai](https://app.dreamlit.ai) and sign up.
  </Step>

  <Step title="Connect your Supabase project">
    Click **Connect Supabase** and authorize the connection. This connects to the same Supabase project your Lovable app uses.

    <Frame>
      <img src="https://mintcdn.com/notikaai/adckcWobFeOatSLI/images/supabaseconnect.gif?s=fae094684d1c16f9d6ba024157359ea0" alt="Connecting Supabase via OAuth" width="1408" height="1080" data-path="images/supabaseconnect.gif" />
    </Frame>
  </Step>
</Steps>

**That's it. Two clicks and you're connected.** You're ready to create end-to-end email workflows with Dreamlit.

<Tip>
  **Need auth emails?** These include password resets, magic links, and email verification. Check out our [Supabase Auth Emails guide](/docs/guides/supabase-auth-emails) for one-click setup.
</Tip>

***

## How do I create my first email workflow?

Here's an example: setting up a welcome email that sends when a new user signs up.

### Step 1: Create the workflow or broadcast in Dreamlit

Click **Create Workflow** (or **Create Broadcast**) and describe what you want:

> "Send a welcome email when a new user signs up"

The AI Agent builds you a workflow, end-to-end: from trigger, email template, and copy. No need to prompt anything in Lovable or configure anything manually in your database. Take a look at the preview and if all looks good, you can click **Publish** to take the workflow live.

<Frame caption="Chat to build your workflow">
  <img src="https://mintcdn.com/notikaai/ND5vtH9yB3HGk0VQ/images/new-workflow.gif?s=cf7aaa6638f6349bb3e9cf79f7512383" alt="AI generating a welcome email workflow" width="1784" height="720" data-path="images/new-workflow.gif" />
</Frame>

### Step 2: Update your Lovable app (if needed)

Chances are your database already stores the data you need to build your workflow. If not, and you need to add a field or table for Dreamlit to watch, simply prompt Lovable to persist the events or data you need (a good practice anyway so your database is the source of truth). For example:

> "When a user clicks the Like button, add a row to the `comment_likes` table"

Or for something like order confirmations:

> "When a user completes checkout, insert a row into the `orders` table with the order details"

<Note>
  If you're using Lovable's default user management (Supabase Auth), then users are automatically added to the `auth.users` table when they sign up. No extra table needed.
</Note>

### Step 3: Analyze workflow runs, email engagement, and optimize engagement

You can navigate to the **Workflows** page to check the status of recent workflow runs, inspect emails that went out as a result of those runs, as well as engagement metrics by recipient and workflow.

***

## How does Lovable work with Dreamlit?

Dreamlit triggers emails based on database changes. When prompting Lovable, focus on getting data into your database. Dreamlit handles the rest.

**Good prompts for Lovable:**

| You want...           | Prompt Lovable with...                                             |
| --------------------- | ------------------------------------------------------------------ |
| Order confirmations   | "Insert order details into `orders` when checkout completes"       |
| Comment notifications | "Save comments to a `comments` table with the post\_id and author" |
| Activity alerts       | "Log user actions to an `activity` table"                          |

**You don't need to prompt Lovable about emails at all.** Just make sure the data lands in your database, and Dreamlit takes it from there.

***

## What other workflows can I build?

Any workflow that triggers on a database change. Check out our [use cases](/docs/getting-started/use-cases) for example prompts across welcome emails, order confirmations, reminders, internal alerts, and more.

***

## How do I send from my own domain?

By default, emails send from Dreamlit's domain. To send from your own domain (like `hello@yourapp.com`), set up a custom email domain in minutes.

<Steps>
  <Step title="Add your domain">
    Go to **Settings → Email Domains** and click **Add domain**. Enter your domain (we recommend a subdomain like `mail.yourapp.com`).
  </Step>

  <Step title="Verify automatically">
    Dreamlit can automatically configure your DNS records for you. Just click **Verify with your DNS provider**, sign in to your provider, and authorize the changes.

    <Frame caption="Automatic DNS setup, no manual records needed">
      <img src="https://mintcdn.com/notikaai/ND5vtH9yB3HGk0VQ/images/auto-dns.gif?s=ce1cca7fadcd17e41cb37a8fdce2753d" alt="Automated DNS verification flow" width="1024" height="720" data-path="images/auto-dns.gif" />
    </Frame>

    <Tip>
      If your DNS provider isn't supported for automatic setup, you can add the records manually. Dreamlit shows you exactly what to add.
    </Tip>
  </Step>

  <Step title="Start sending">
    Once verified, select your domain when creating email workflows. Your emails will now come from your own brand.
  </Step>
</Steps>

This improves deliverability and looks more professional to your users. [Full domain setup guide →](/docs/configuration/email/custom-domain)

***

## FAQ

### What if I'm using Lovable Cloud?

Dreamlit needs direct access to your database, which Lovable Cloud doesn't currently provide. Use our free [Lovable Cloud to Supabase Exporter](https://dreamlit.ai/tools/lovable-cloud-to-supabase-exporter) to migrate to your own Supabase project, or see [What if I'm using Lovable Cloud?](#what-if-im-using-lovable-cloud) above for all options.

### Why aren't my emails sending?

A few things to check:

1. **Is your workflow published?** Saved workflows don't run until you click Publish.
2. **Is the trigger table correct?** Lovable might have named tables differently than you prompted. Check your [Supabase dashboard](https://supabase.com/dashboard) to see the actual table names.
3. **Is data being written?** Check your Supabase dashboard to confirm rows are being created when users take actions.
4. **Try the preview.** Use the preview to test with sample data and verify the workflow runs.

### Do I need to change my Lovable app code?

Usually no. Dreamlit reacts to database changes, so if your app already writes the data you need, you're all set. If you need to track something new (like order completions), just prompt Lovable to add the database write.

### Can I edit emails without re-prompting Lovable?

Yes. Your email workflows live in Dreamlit, separate from your Lovable app. Change copy, tweak templates, adjust triggers — all without touching your app code or prompting Lovable again.

### Can I send Slack notifications too?

Yes. Dreamlit supports Slack alongside email. Just describe what you want: "Notify our team on Slack when a new order comes in." [Learn more about Slack →](/docs/configuration/slack)

### How do I test without emailing real users?

Use the preview feature to send test emails to yourself with real data from your database. Your workflow won't email actual users until you publish it.

### What if I'm already using Resend, SendGrid, or another email provider?

Dreamlit works alongside traditional email providers. Since Dreamlit takes a fundamentally different approach (database-driven, AI-generated workflows), you don't need to migrate off your existing setup. Try Dreamlit for your next workflow and keep using your current provider for everything else.

***

## Next steps

<CardGroup cols={2}>
  <Card title="Supabase Auth emails" icon="shield-keyhole" href="/docs/guides/supabase-auth-emails">
    Set up password reset, magic links, and more
  </Card>

  <Card title="Email domain setup" icon="at" href="/docs/configuration/email/custom-domain">
    Send from your own domain
  </Card>

  <Card title="Use cases" icon="lightbulb" href="/docs/getting-started/use-cases">
    More workflow examples
  </Card>

  <Card title="Get support" icon="headset" href="/docs/resources/getting-support">
    We're here to help
  </Card>
</CardGroup>

## References

* [Lovable Supabase integration guide](https://docs.lovable.dev/integrations/supabase)
* [Lovable Cloud to Supabase Exporter (Hosted)](https://dreamlit.ai/tools/lovable-cloud-to-supabase-exporter)
* [Lovable Cloud to Supabase Exporter (GitHub)](https://github.com/dreamlit-ai/lovable-cloud-to-supabase-exporter)
* [Supabase Auth SMTP docs](https://supabase.com/docs/guides/auth/auth-smtp)
* [Dreamlit use cases](/docs/getting-started/use-cases)

***

Last validated: 2026-04-12
