Email capture form

Use the drag-and-drop email capture in-app message template to collect users’ email addresses and grow your subscription groups.

SDK requirements

Minimum SDK versions

Messages created using the drag-and-drop editor can only be sent to users on the following minimum SDK versions. See the Prerequisites section of the Creating an in-app message with drag-and-drop article for more details and nuances to be aware of.

SDK versions for text links

If you want to include text links that do not dismiss the message, users must be on the following minimum SDK versions:

Creating an email capture form

When creating a drag-and-drop in-app message, select Email capture for your template and click Build message. This template is supported for both mobile apps and web browsers.

Step 1: Set up your message styles

Before you start customizing your template, you can set message-level styles for the entire message using the side menu. For example, you may want to customize the font of all the text or the color of all the links included in your message. You can also make the message a modal or fullscreen display type.

Step 2: Customize your email capture component

To get started building your email capture form, select the email capture element in the editor. By default, collected email addresses will have the global subscription group Subscribed. To opt in users to specific subscription groups, refer to Updating email subscription states.

You can customize the placeholder text and label text of the email capture element.

Email validation

If the user enters an email address that includes any unaccepted special characters, they will see a generic error indicator and will not be able to submit the form. This error message is not customizable. You can view the error behavior in the Preview & Test tab and on your test device. Learn more about how Braze formats email addresses in Email validation.

Step 3: Add disclaimer language (optional)

We recommend including opt-in language and links to your brand’s privacy policy and terms and conditions in your message. We have provided a placeholder disclaimer in the template solely as an example, but this should not be relied upon for compliance purposes. Be sure to work with your legal team to develop language that is tailored to your specific brand.

Step 4: Style your message

You can customize the look and feel of your message using the drag-and-drop in-app message components.

Reporting

Once your campaign has launched, you can analyze results in real time to see how many users have engaged with your campaign. To see how many users have opted in to the subscription group, you can create a segment of users who subscribed to the subscription group by filtering for users who have received the in-app message and submitted the form.

Best practices

Double opt-in verification

To make sure that anyone who signed up for your list really meant to sign up for your list and provided the correct email address, we recommend getting a second confirmation from anyone who signed up via your email capture form by sending a double opt-in flow.

One of the ways you can set this up is through Canvas Flow:

1. Build a Canvas that is action-based and set it up to trigger when a user adds an email address to Braze. Make sure that you allow for targeting users who are new to the platform (for example, by using a segment with no filters in the Canvas).
2. Create a message step with a CTA that has a hyperlink to the {{${set_user_to_opted_in_url}}} Liquid tag. This will change the user’s email subscription state to opted_in when they click the button.
3. Add an Action Paths step.
4. For the first path, trigger an email when a user changes their email subscription status to opted_in. This email should inform users that their email has been confirmed.
5. Set up the other path to exit the Canvas after the window expires.