Skip to content

Uploading your emails to Braze

Video Tutorial: Uploading your emails to Braze

In the Emailify export panel, select the Braze (API) option from the dropdown list, then paste in a valid Braze API key and REST endpoint region, which can be found and generated via your Braze dashboard page.

When you're ready, click the Upload To Braze button to start exporting the emails you've selected from Figma to HTML, and have them automatically be uploaded to your Braze marketing templates; which you can view by logging into your Braze account, clicking the Templates sidebar item, clicking Email Templates, then clicking the HTML Editor option and browsing the Saved HTML Templates list below.

Important: Disable Inline CSS Setting โ€‹

If the Braze Inline CSS setting is active in your Braze account, this will re-process your HTML by moving styles from a CSS stylesheet into the body of your HTML email, which has already been handled by Emailify, so if this toggle is enabled, it will strip out other styles and break part of your layout on mobile and desktop.

Updating Braze Templates uploaded from Emailify โ€‹

If you'd like to have your Braze templates automatically update instead of being created as new templates each time, you can optionally enable the Enable Updatable Templates toggle in the plugin's export settings (when the Braze (API) option is selected).

This will automatically append a brazeTemplateId value to the Figma frame's layer name that was uploaded, and then re-use that ID when the same frame is re-uploaded to Braze via the API upon the next export from the plugin.

To turn any of your Emailify links into a universal link for SparkPost, you can add [[data-msys-sublink='open-in-app']] to the end of your URL (eg. http://www.example.com[[data-msys-sublink='open-in-app']]), which will automatically include that data-msys-sublink data attribute in your <a> link tag (eg. <a href="https://example.com" data-msys-sublink="open-in-app">).

Then, make sure your app is set up to handle the custom path properly. Refer to SparkPostโ€™s article on Using SparkPost click tracking on deep links. This article contains example code for iOS and Android.