--- url: "/es/emailify/integrations/braze.md" description: "Emailify incluye una integración con Braze que te permite subir emails HTML desde el plugin de Figma directamente a tus plantillas de Braze." --- # 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. [Embedded media](https://www.youtube-nocookie.com/embed/6GnG-rTdQl8) 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](https://www.braze.com/docs/api/basics/) válidas de Braze, que puedes encontrar y generar en tu panel de Braze. > **Note:** 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 {#important-disable-inline-css-setting} Si el [ajuste Inline CSS de Braze](https://www.braze.com/docs/user_guide/message_building_by_channel/email/html_editor/css_inline) 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. > **Warning:** 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. > **Tip:** 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**. > **Note:** 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 {#updating-braze-templates-uploaded-from-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. > **Tip:** 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. > **Note:** Para _actualizar_ emails en Braze, necesitas una clave de API de Braze con el permiso **templates.email.update** activado. ## Universal links y App Links (SparkPost) {#universal-links-and-app-links-sparkpost} Para convertir cualquiera de [tus enlaces de Emailify](https://docs.hypermatic.com/emailify/content/link-images) en un [universal link para SparkPost](https://www.braze.com/docs/user_guide/message_building_by_channel/email/universal_links/#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 `` (por ejemplo, ``). 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](https://support.sparkpost.com/docs/tech-resources/deep-links-self-serve#preferred-solution-using-sparkpost-click-tracking-on-deep-links). Este artículo incluye código de ejemplo para [iOS](https://support.sparkpost.com/docs/tech-resources/deep-links-self-serve#ios-swift-forwarding-clicks-to-sparkpost) y [Android](https://support.sparkpost.com/docs/tech-resources/deep-links-self-serve#forwarding-clicks-from-android-to-sparkpost). ## Universal links y App Links (SendGrid) {#universal-links-and-app-links-sendgrid} Para convertir cualquiera de [tus enlaces de Emailify](https://docs.hypermatic.com/emailify/content/link-images) en un [universal link para SendGrid](https://www.braze.com/docs/user_guide/message_building_by_channel/email/universal_links/#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 `` (por ejemplo, ``). 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](https://www.twilio.com/docs/sendgrid/ui/sending-email/universal-links). Este artículo incluye código de ejemplo para [iOS](https://www.twilio.com/docs/sendgrid/ui/sending-email/universal-links#resolving-links-in-ios) y [Android](https://www.twilio.com/docs/sendgrid/ui/sending-email/universal-links#resolving-links-in-android).