Setting Up Email Notifications with Embeddable Emails

You can automatically send email notifications whenever a user interacts with your embeddable (e.g., submits a form) using the built-in Embeddable Emails integration.

This powerful feature works right out of the box, allowing you to set up transactional emails without needing to manage API keys or connect to an external email service provider. You can configure emails to be sent to yourself (as an admin notification) and to the user who submitted the information (as a confirmation).

---

How to Set Up Email Notifications

1. Navigate to Integrations

From the main editor screen, click the Integrations icon (it looks like a plug) in the top-right corner of the window.

2. Connect Embeddable Emails

Find Embeddable Emails in the list of available integrations and click the Connect button. On the next screen, confirm by clicking Connect again.

---

Configuring Your Emails

Once connected, you will see two main options that you can enable with a toggle switch.

Option 1: Send Email to Myself (Admin Notification)

Use this option to receive an email whenever a user submits your form.

1. Toggle on Send email to myself on event.
2. A configuration form will appear. Fill in the fields:
   • To: The email address where you want to receive the notification. You can add multiple email addresses by clicking the + Add To button.
   • Subject: The subject line for the notification email.
   • Html: The main body of the email. You can use the rich text editor to format your message.

Option 2: Send Email to User (User Confirmation)

Use this option to send an automatic confirmation email to the user after they submit your form.

1. Toggle on Send email to user on event.
2. The configuration is similar, but for the To field, you will typically use a dynamic variable to pull the user's email from their submission.

---

Using Dynamic Variables (Snippets)

To personalize your emails, you can use dynamic variables that pull data directly from the user's submission.

1. While editing the Subject or Html body, click the Snippets button.
2. A list of Available Variables will appear (e.g., {{name}}, {{email}}, {{message}}). These are automatically generated from the fields in your embeddable.
3. Click on any variable to insert it into your email.

Example: To greet a user by name in a confirmation email, you could write:

Hi {{name}}, thanks for contacting us!

The system will automatically replace {{name}} with the actual name the user entered.

Saving and Activating

Once you have finished configuring your email notifications, click the Update button at the bottom of the panel to save your changes and activate the integration.