> ## Documentation Index > Fetch the complete documentation index at: https://docs.autosend.com/llms.txt > Use this file to discover all available pages before exploring further. # Integrate AutoSend with Lovable > Add email sending to your Lovable app using AutoSend's email API. export const LOVABLE_DOCS_SUPABASE = "https://docs.lovable.dev/integrations/supabase"; export const LOVABLE = "https://lovable.dev"; export const AUTOSEND_PATHS = { dashboard: 'https://autosend.com/dashboard', apiKey: 'https://autosend.com/account/api-key', faqs: 'https://autosend.com/faq', marketingEmails: 'https://autosend.com/marketing-emails', webhooks: 'https://autosend.com/webhooks', composeByAutoSend: 'https://autosend.com/compose', emailActivity: 'https://autosend.com/email-activities', team: 'https://autosend.com/settings/team', pricing: 'https://autosend.com/pricing', verifyEmail: 'https://autosend.com/compose/email-builder?template=verify-email', welcomeEmail: 'https://autosend.com/compose/email-builder?template=welcome-email', productUpdate: 'https://autosend.com/compose/email-builder?template=product-update', newsletter: 'https://autosend.com/compose/email-builder?template=newsletter', automations: 'https://autosend.com/automations', globalSuppressions: 'https://autosend.com/suppressions/global', signup: 'https://autosend.com/signup', domains: 'https://autosend.com/settings/domains', logoKit: 'https://asend.email/logo', contactsPage: 'https://autosend.com/contacts/list-and-segments' }; export const APP_PATHS = { home: '/', quickstart: '/quickstart', domainConfiguration: '/domain', apiReference: '/api-reference', sendEmail: '/api-reference/mails/send', bulkSendEmail: '/api-reference/mails/bulk', upsertContactApiRef: '/api-reference/contacts/upsert-contact', transactional: '/transactional-emails', emailActivity: '/transactional-emails/email-activity', emailTemplates: '/transactional-emails/email-templates', sendingEmail: '/quickstart/email-using-api', transactionalTroubleshooting: '/transactional-emails/troubleshooting', marketing: '/marketing-emails', campaigns: '/marketing-emails/campaigns', contacts: '/marketing-emails/contacts', contactsIntroduction: '/marketing-emails/contacts/introduction', contactsImportCsv: '/marketing-emails/contacts/import-csv', contactsLists: '/marketing-emails/contacts/lists', contactsSegments: '/marketing-emails/contacts/segments', contactsCustomFields: '/marketing-emails/contacts/custom-fields', sender: '/marketing-emails/sender', unsubscribeGroups: '/others/unsubscribe-groups', webhookIntroduction: '/others/webhooks/introduction', webhookEventType: '/others/webhooks/event-type', webhookRetries: '/others/webhooks/retries', webhookVerifyRequests: '/others/webhooks/verify-requests', dynamicTemplates: '/dynamic-templates', guides: '/guides', sitemap: '/sitemap.xml', team: '/others/team', automations: '/automations', smtpIntroduction: '/quickstart/smtp', betterAuth: '/guides/better-auth', templateVariables: '/transactional-emails/variables', suppressions: '/others/suppressions', rateLimit: '/api-reference/rate-limit', nodejsSdk: '/sdk/nodejs', smtpIntegrationGuides: '/guides/smtp', apiKeys: '/api-keys', apiReferenceIntroduction: '/api-reference/introduction', lovableGuide: '/ai/integrations/lovable', aiIntroduction: '/ai/introduction', aiSkills: '/ai/skills', aiMcpServer: '/ai/mcp-server', aiLovable: '/ai/integrations/lovable', aiBolt: '/ai/integrations/bolt', aiV0: '/ai/integrations/v0', aiReplit: '/ai/integrations/replit', mcpClaude: '/ai/mcp-clients/claude', mcpCursor: '/ai/mcp-clients/cursor', mcpCopilot: '/ai/mcp-clients/copilot', mcpWindsurf: '/ai/mcp-clients/windsurf', mcpCodex: '/ai/mcp-clients/codex', mcpAntigravity: '/ai/mcp-clients/antigravity', mcpChatgpt: '/ai/mcp-clients/chatgpt', mcpRaycast: '/ai/mcp-clients/raycast', domainWarmup: '/marketing-emails/domain-warmup', projects: '/projects', createAutomationApi: '/api-reference/automations/create-automation' }; Lovable Lovable is an AI-powered platform that lets you build full-stack web apps from natural language prompts. You can integrate AutoSend into any Lovable project to send transactional emails like welcome emails, password resets, order confirmations, and notifications. AutoSend works with Lovable through its REST API. Since the API requires an API key, Lovable will use **Supabase Edge Functions** to keep your credentials secure. ## Prerequisites Sign up for an AutoSend account to get started with sending emails. Make sure you have a verified domain added in AutoSend to send emails from. Create a new API key from your AutoSend dashboard for authentication. Connect Supabase to your Lovable project to use Edge Functions. ## Integration Lovable uses Supabase Edge Functions to securely handle API keys. If you haven't connected Supabase yet, click the **Supabase** icon in your Lovable project and follow the authorization steps. 1. In your Lovable project, go to **Supabase > Secrets** 2. Add a new secret with the name `AUTOSEND_API_KEY` 3. Paste your AutoSend API key as the value Get your API key from the API Keys page in your AutoSend dashboard. Copy and paste this prompt into Lovable's chat: ```text theme={null} Integrate AutoSend email API for sending transactional emails. API Details: - Base URL: https://api.autosend.com/v1 - Auth: Bearer token using the AUTOSEND_API_KEY secret - Endpoint: POST /mails/send - Content-Type: application/json Request body format: { "to": { "email": "recipient@example.com", "name": "Jane Doe" }, "from": { "email": "hello@mail.yourdomain.com", "name": "Your App Name" }, "subject": "Your subject line", "html": "

Hello!

Your email content here.

" } Response format: { "success": true, "data": { "emailId": "698afb75ff4bc5466e3a797a", "message": "Email queued successfully.", "totalRecipients": 1 } } Create a Supabase Edge Function called "send-email" that: 1. Reads AUTOSEND_API_KEY from environment secrets 2. Accepts to, from, subject, and html in the request body 3. Calls the AutoSend API with Bearer token auth 4. Returns the response to the client The "from" email must use a domain verified in AutoSend. Docs: https://docs.autosend.com/quickstart/email-using-api ``` Lovable will generate a Supabase Edge Function and wire it into your app automatically. Once Lovable finishes generating the code, trigger the email flow in your app (for example, submitting a contact form). Check your Email Activity in the AutoSend dashboard to confirm the email was delivered. ## Using Email Templates If you have created email templates in AutoSend, you can send emails using a `templateId` instead of inline HTML. Update the prompt to include: ```text theme={null} Also support sending emails with a templateId and variables. Example request body with template: { "to": { "email": "recipient@example.com", "name": "Jane Doe" }, "from": { "email": "hello@yourdomain.com", "name": "Your App Name" }, "subject": "Welcome!", "templateId": "your_template_id", "dynamicData": { "firstName": "Jane", "loginLink": "https://yourapp.com/login" } } ``` ## Example Use Cases Here are some common ways to use AutoSend in your Lovable apps: * **Contact forms** that send a confirmation email to the user and a notification to your team * **User signup flows** with welcome emails or email verification * **Order confirmations** and shipping notifications for e-commerce apps * **Password reset emails** triggered from your auth flow * **Newsletter signups** that send a double opt-in confirmation ## Troubleshooting Make sure your `AUTOSEND_API_KEY` is correctly added in Supabase Secrets. Also verify that your sending domain is verified in AutoSend by checking **Settings > Domains** in your dashboard. Double-check that the Edge Function is reading the secret correctly. The Authorization header should be `Bearer YOUR_API_KEY` with no extra spaces or quotes. Make sure you have completed domain verification including SPF, DKIM, and DMARC records. We recommend using a subdomain like `mail.yourdomain.com` for sending. See our domain setup guide for details. Lovable may sometimes show false positive build errors. Always test your app live by triggering the actual email flow. If the Edge Function deploys successfully in Supabase, the integration is likely working. ## Next Steps Create reusable email templates with dynamic variables. Monitor delivery status and engagement for all emails. Full API documentation with all endpoints and parameters. Personalize emails with dynamic variables.