First things first, log in to Adalo and pick the app where you want to set up those email notifications.

Head over to the screen where you want the email notification to kick in. Click on the component (like a button or form) that will trigger the action, then find the "Actions" panel on the left sidebar.

In the "Actions" panel, hit “Add Action” and choose "Custom Action" from the dropdown. This lets you set up a custom action for sending an email.

Give your custom action a name and description. Choose "POST" as the HTTP method since you'll be sending data (like email content) to an endpoint.

You'll need an email service provider like SendGrid or Mailgun. Grab the endpoint URL they provide and pop it into the “Endpoint” field.

Set up the necessary headers for authentication and content type. For example:

• Authorization: Bearer Your-API-Key (Replace Your-API-Key with the actual API key from your email service provider)
• Content-Type: application/json

Define the JSON body for the email content. This usually includes fields like "to", "from", "subject", and "message". For example:

{
  "personalizations": [
    {
      "to": [
        {
          "email": "[email protected]"
        }
      ]
    }
  ],
  "from": {
    "email": "[email protected]"
  },
  "subject": "Your Subject Here",
  "content": [
    {
      "type": "text/plain",
      "value": "Your Email Content"
    }
  ]
}

Replace these placeholders with dynamic data from your app using Adalo magic text.

After setting up the custom action, give it a test by interacting with the component to make sure the email is sent correctly. Check your inbox (or the recipient’s) to confirm it worked.

Once everything is working as it should, save your changes. If needed, publish the app so the email notification feature is live for users.

Tweak any additional settings based on your specific needs before wrapping up.