--- url: "/de/emailify/integrations/braze.md" description: "Mit der integrierten Braze-Integration von Emailify lädst du HTML-E-Mails direkt aus dem Figma-Plugin in deine Braze-Vorlagen hoch." --- # Deine E-Mails zu Braze hochladen > Mit der integrierten Braze-Integration von Emailify lädst du HTML-E-Mails direkt aus dem Figma-Plugin in deine Braze-Vorlagen hoch. ### Video-Tutorial: E-Mails zu Braze hochladen Dieses Video zeigt dir, wie du HTML-E-Mails aus dem Figma-Plugin Emailify zu Braze hochlädst. [Embedded media](https://www.youtube-nocookie.com/embed/6GnG-rTdQl8) Wähl im Export-Panel von Emailify in der Dropdown-Liste die Option **Braze (API)** und füge dann einen gültigen [API-Schlüssel und die Region des REST-Endpunkts](https://www.braze.com/docs/api/basics/) von Braze ein. Beides findest bzw. erzeugst du in deinem Braze-Dashboard. > **Note:** Um E-Mails in Braze zu _erstellen_, brauchst du einen Braze-API-Schlüssel mit aktivierter Berechtigung **templates.email.create**. Wenn du so weit bist, klick auf den Button **Upload To Braze**. Emailify exportiert dann die in Figma ausgewählten E-Mails als HTML und lädt sie automatisch in deine Marketing-Vorlagen in Braze hoch. Um sie anzusehen, meldest du dich bei Braze an, klickst in der Seitenleiste auf **Templates** und dann auf **Email Templates**, wählst die Option **HTML Editor** und blätterst unten durch die Liste **Saved HTML Templates**. ## Wichtig: Einstellung „Inline CSS“ deaktivieren {#important-disable-inline-css-setting} Wenn in deinem Braze-Konto die [Braze-Einstellung „Inline CSS“](https://www.braze.com/docs/user_guide/message_building_by_channel/email/html_editor/css_inline) aktiv ist, verarbeitet Braze dein HTML erneut und verschiebt Styles aus einem CSS-Stylesheet in den Body deiner HTML-E-Mail. Das hat Emailify bereits erledigt. Ist diese Option aktiviert, werden andere Styles entfernt, und Teile deines Layouts auf Mobilgeräten und dem Desktop gehen kaputt. > **Warning:** Stell sicher, dass **Enable Inline CSS** im Bereich **Sending Settings** -> **Advanced** _deaktiviert_ ist. Emailify setzt das CSS automatisch inline und minifiziert das HTML. Eine erneute Verarbeitung in Braze beschädigt den Code. > **Tip:** Um „Inline CSS“ für eine einzelne E-Mail auszuschalten, öffne im Drag-&-Drop-Editor von Braze den Tab **Edit Sending Info** -> **Advanced** und _deaktiviere_ **Inline CSS**. Global lässt sich das in Braze auch unter **Settings** -> **Email Preferences** einstellen. > **Note:** In einer älteren Version von Braze findest du den globalen Schalter für „Inline CSS“ (zum Ausschalten) unter **Manage Settings** -> **Email Settings** -> **Inline CSS**. ## Aus Emailify hochgeladene Braze-Vorlagen aktualisieren {#updating-braze-templates-uploaded-from-emailify} Wenn deine Braze-Vorlagen automatisch _aktualisiert_ statt bei jedem Upload neu angelegt werden sollen, kannst du in den Exporteinstellungen des Plugins den Schalter **Enable Updatable Templates** aktivieren (wenn die Option _Braze (API)_ ausgewählt ist). Damit wird automatisch ein `brazeTemplateId`-Wert an den Ebenennamen des hochgeladenen Figma-Frames angehängt. Wird derselbe Frame beim nächsten Export aus dem Plugin erneut über die API zu Braze hochgeladen, wird diese ID wiederverwendet. > **Tip:** Hinweis: **Der Schalter _Enable Updatable Templates_ muss schon _vor_ dem Upload deiner ersten Vorlage aktiviert sein.** Nur dann wird die _Braze Template ID_ der ursprünglich zu Braze hochgeladenen Vorlage an den Namen deines Figma-Frames angehängt. Diese ID wird dann bei allen künftigen Uploads genutzt, um dieselbe Vorlage in deinem Braze-Konto zu aktualisieren (statt jedes Mal eine neue anzulegen) – vorausgesetzt, der Schalter _Enable Updatable Templates_ bleibt ebenfalls aktiviert. > **Note:** Um E-Mails in Braze zu _aktualisieren_, brauchst du einen Braze-API-Schlüssel mit aktivierter Berechtigung **templates.email.update**. ## Universal Links und App Links (SparkPost) {#universal-links-and-app-links-sparkpost} Um einen [deiner Emailify-Links](https://docs.hypermatic.com/emailify/content/link-images) in einen [Universal Link für SparkPost](https://www.braze.com/docs/user_guide/message_building_by_channel/email/universal_links/#sparkpost) umzuwandeln, häng `[[data-msys-sublink='open-in-app']]` an das Ende deiner URL an (zum Beispiel `http://www.example.com[[data-msys-sublink='open-in-app']]`). Das Data-Attribut `data-msys-sublink` wird dann automatisch in dein ``-Link-Tag eingefügt (zum Beispiel ``). Stell dann sicher, dass deine App den eigenen Pfad richtig verarbeitet. Sieh dir dazu den Artikel von SparkPost zur [Verwendung des SparkPost-Klick-Trackings bei Deep Links](https://support.sparkpost.com/docs/tech-resources/deep-links-self-serve#preferred-solution-using-sparkpost-click-tracking-on-deep-links) an. Er enthält Beispielcode für [iOS](https://support.sparkpost.com/docs/tech-resources/deep-links-self-serve#ios-swift-forwarding-clicks-to-sparkpost) und [Android](https://support.sparkpost.com/docs/tech-resources/deep-links-self-serve#forwarding-clicks-from-android-to-sparkpost). ## Universal Links und App Links (SendGrid) {#universal-links-and-app-links-sendgrid} Um einen [deiner Emailify-Links](https://docs.hypermatic.com/emailify/content/link-images) in einen [Universal Link für SendGrid](https://www.braze.com/docs/user_guide/message_building_by_channel/email/universal_links/#sendgrid) umzuwandeln, häng `[[universal='true']]` an das Ende deiner URL an (zum Beispiel `http://www.example.com[[universal='true']]`). Das Data-Attribut `universal` wird dann automatisch in dein ``-Link-Tag eingefügt (zum Beispiel ``). Stell dann sicher, dass deine App den eigenen Pfad richtig verarbeitet. Sieh dir dazu den Artikel von SendGrid zur [Verwendung des SendGrid-Klick-Trackings bei Deep Links](https://www.twilio.com/docs/sendgrid/ui/sending-email/universal-links) an. Er enthält Beispielcode für [iOS](https://www.twilio.com/docs/sendgrid/ui/sending-email/universal-links#resolving-links-in-ios) und [Android](https://www.twilio.com/docs/sendgrid/ui/sending-email/universal-links#resolving-links-in-android).