Use Dyspatch and Braze together to simplify your email creation lifecycle and deliver engaging email experiences at scale.
In Dyspatch, use the drag and drop visual editor to create a beautiful, responsive, and engaging email template. Collaborate with your team to approve the template and publish it.
Once your template is published, you can move it into your Braze account by exporting it with our Braze integration, or you can download your template to upload it to Braze manually.
With a Braze integration added to Dyspatch after you click Download/Export you can now select Export to Integration and send your Dyspatch template to your Braze account.
Exporting any newly published draft will update the template in Braze. Any changes to the name once published will also update the template in Braze.
Find your template in the Templates & Media > Email Templates section of your Braze account.
You also have the option to download your template and upload it to Braze manually. Once you have published your template in Dyspatch you can select Download/Export within the Dyspatch editor. Braze supports Liquid as its templating language, so select Liquid and download your template. Any DML variables and templating logic will be translated to Liquid automatically.
Your download will be a zipped folder containing everything you need to get your template ready in Braze.
Within Braze, select Templates & Media from the sidebar and create a new email template using the From File option. Select and upload the zip file downloaded from Dyspatch.
Once you have finished building and previewing your email template save and you are done! Your template can be found in the Templates & Media > Email Templates section of your Braze account. You can now use this email template to start sending engaging email messages to your customers!
Custom attributes are a collection of users’ unique traits that can be called to tailor emails specifically for your recipients. This is stored in the User Profile on Braze. For more information, check out Braze's documentation on custom attributes
Custom attributes are flexible and have almost infinite use cases. The following data types are supported:
To display customer-specific content in your email templates, Braze utilizes Liquid, an open-source, customer-facing template language developed by Shopify.
Liquid displays dynamic content in objects, tags, and filters. Dyspatch supports the following:
{{${first_name}}}
will insert a user’s first name into a message.{% if ${location} == ‘USA’ %}
will populate content if a user’s location has been set to ‘USA’.Dyspatch’s template and block builders allow you to test your custom attributes before exporting your completed templates to Braze. However, there is a slight syntactical difference between dynamic content in Dyspatch (DML) and in Braze (Liquid).
Calling an object in Dyspatch would appear as:
@{custom_attribute.${CUSTOM_VARIABLE_NAME}}
from the following sample data:
{
"custom_attribute": {
"${CUSTOM_VARIABLE_NAME}": "variable value"
}
}
Our integration recognizes this and exports to Braze as:
{{custom_attribute.${CUSTOM_VARIABLE_NAME}}}
The <dys-if>
element allows you to conditionally display content, which is exported to Braze as a Liquid tag. In Dyspatch this would appear as:
<dys-if cond="custom_attribute.${subscription_tier} == 'premium'">
<dys-text>Hello subscriber!</dys-text>
</dys-if>
With sample data of:
{
"custom_attribute": {
"${subscription_tier}": "premium"
}
}
In Braze, this appears as:
{% if custom_attribute.${subscription_tier} == "premium" %}
<tr>
<td>
<div>Hello subscriber!</div>
</td>
</tr>
{% endif %}
At this time, our Braze integration does not support exporting Filters. In order to include these elements in your Dyspatch templates (without a syntax error), we recommend using the <dys-raw>
tag. Content placed inside of a <dys-raw>
tag will be passed directly to Braze without being modified or parsed by Dyspatch. For more information, review this page from our DML documentation.
Where's my Braze import at?
Once you've exported your Dyspatch template, it can be found in the Templates & Media > Email Templates section of your Braze dashboard.
Why am I only seeing the mobile view of my template?
If Enable inline CSS is active, Braze preproccesses your HTML by moving styles in a CSS stylesheet into the body of an HTML email. In some cases, this can lead to rendering issues. Since Dyspatch inlines CSS styles already, it isn't necessary to enable this functionality.
To turn off CSS inlining, navigate to the Sending Info tab of your HTML Composer, and the Advanced tab of the Drag & Drop Editor in Braze. This can also be set globally in Braze at Manage Settings > Email Settings > Inline CSS. For more information, please review this article on CSS inlining from Braze's documentation.
Read more about working with Braze in Dyspatch on our Braze Integration page.