Subir tus emails a Braze

Emailify incluye una integración con Braze que te permite subir emails HTML desde el plugin de Figma directamente a tus plantillas de Braze.

Vídeo tutorial: subir tus emails a Braze

Este vídeo explica cómo subir emails HTML desde el plugin Emailify de Figma a Braze.

En el panel de exportación de Emailify, selecciona la opción Braze (API) en la lista desplegable y pega una clave de API y una región de endpoint REST válidas de Braze, que puedes encontrar y generar en tu panel de Braze.

Para crear emails en Braze, necesitas una clave de API de Braze con el permiso templates.email.create activado.

Cuando lo tengas todo listo, haz clic en el botón Upload To Braze para empezar a exportar a HTML los emails que hayas seleccionado en Figma y subirlos automáticamente a tus plantillas de marketing de Braze. Para verlas, inicia sesión en tu cuenta de Braze, haz clic en Templates en la barra lateral, después en Email Templates y en la opción HTML Editor, y busca en la lista Saved HTML Templates que aparece debajo.

Importante: desactiva el ajuste Inline CSS ​

Si el ajuste Inline CSS de Braze está activado en tu cuenta de Braze, volverá a procesar tu HTML moviendo los estilos de una hoja de estilos CSS al cuerpo de tu email HTML, algo que Emailify ya ha hecho. Si este interruptor está activado, eliminará otros estilos y romperá parte de tu diseño en móvil y escritorio.

Asegúrate de que Enable Inline CSS está desactivado en la sección Sending Settings -> Advanced. Emailify integra los estilos en línea y minifica el HTML automáticamente, y volver a procesarlo en Braze romperá el código.

Para desactivar Inline CSS en un solo email, ve a la pestaña Edit Sending Info -> Advanced del Drag & Drop Editor de Braze y desactiva Inline CSS. También puedes configurarlo de forma global en Braze en Settings -> Email Preferences.

Si usas una versión antigua de Braze, encontrarás el interruptor global de Inline CSS (para desactivarlo) en Manage Settings -> Email Settings -> Inline CSS

Actualizar plantillas de Braze subidas desde Emailify ​

Si quieres que tus plantillas de Braze se actualicen automáticamente en lugar de crearse como plantillas nuevas cada vez, puedes activar el interruptor Enable Updatable Templates en los ajustes de exportación del plugin (con la opción Braze (API) seleccionada).

Así se añade automáticamente un valor brazeTemplateId al nombre de la capa del frame de Figma que se ha subido, y ese ID se reutiliza cuando el mismo frame se vuelve a subir a Braze mediante la API en la siguiente exportación desde el plugin.

Ten en cuenta que el interruptor Enable Updatable Templates también tiene que estar activado antes de subir tu plantilla inicial, porque así se añade al nombre de tu frame de Figma el ID de plantilla de Braze de la plantilla original que se sube a Braze. Ese ID se usará en las siguientes subidas para actualizar esa misma plantilla en tu cuenta de Braze (en lugar de crear una nueva cada vez), siempre que el interruptor Enable Updatable Templates siga activado.

Para actualizar emails en Braze, necesitas una clave de API de Braze con el permiso templates.email.update activado.

Para convertir cualquiera de tus enlaces de Emailify en un universal link para SparkPost, puedes añadir [[data-msys-sublink='open-in-app']] al final de tu URL (por ejemplo, http://www.example.com[[data-msys-sublink='open-in-app']]), y ese atributo de datos data-msys-sublink se incluirá automáticamente en tu etiqueta de enlace <a> (por ejemplo, <a href="https://example.com" data-msys-sublink="open-in-app">).

Después, asegúrate de que tu app está configurada para gestionar correctamente la ruta personalizada. Consulta el artículo de SparkPost sobre cómo usar el seguimiento de clics de SparkPost en deep links. Este artículo incluye código de ejemplo para iOS y Android.

Para convertir cualquiera de tus enlaces de Emailify en un universal link para SendGrid, puedes añadir [[universal='true']] al final de tu URL (por ejemplo, http://www.example.com[[universal='true']]), y ese atributo de datos universal se incluirá automáticamente en tu etiqueta de enlace <a> (por ejemplo, <a href="https://example.com" universal="true">).

Después, asegúrate de que tu app está configurada para gestionar correctamente la ruta personalizada. Consulta el artículo de SendGrid sobre cómo usar el seguimiento de clics de SendGrid en deep links. Este artículo incluye código de ejemplo para iOS y Android.