Hostinger Horizons: Add email notifications to forms with Supabase and Gmail

Set up form submissions that automatically send email notifications using Supabase and Gmail

Updated 6 days ago

To add forms that send email notifications after each submission, all you need is a Supabase account and a Gmail account.

Here are the steps to get started:

  1. Connect your web app to Supabase: Hostinger Horizons: Supabase Integration
  2. Here’s the exact prompt to paste into Horizons: “I want to add a form to my web app. The form must send email notifications to my gmail account whenever it is submitted. for the email notifications, I want to use nodemailer package. I already have Supabase connected, which can serve as a backend server.“
  3. Enable 2-Factor Authentication on your Google Account (if it’s not already).
  4. Generate an App Password by following Google’s official guide.
  5. Copy the 16-character App Password it gives you.
  6. Update Supabase Secrets: Go to your Supabase Dashboard > Project Settings > Secrets.
    • Update GMAIL_APP_PASSWORD key with the 16-character password you just copied.
    • Update GMAIL_USER key with your full Gmail address (e.g., your.email@gmail.com).
Note: If you wish to use your custom domain email, that is also possible. All you need to do is connect to your email account through Gmail. You can do that following this guide: How to Set Up Hostinger Email on the Web Version of Gmail