--- url: "/fr/emailify/integrations/braze.md" description: "Emailify intègre Braze : importez des emails HTML directement depuis le plugin Figma dans vos modèles Braze." --- # Importer vos emails dans Braze > Emailify intègre Braze : importez des emails HTML directement depuis le plugin Figma dans vos modèles Braze. ### Tutoriel vidéo : importer vos emails dans Braze Cette vidéo montre comment importer dans Braze des emails HTML créés avec le plugin Figma Emailify. [Embedded media](https://www.youtube-nocookie.com/embed/6GnG-rTdQl8) Dans le panneau d’export d’Emailify, sélectionnez l’option **Braze (API)** dans la liste déroulante, puis collez une [clé API et une région de point de terminaison REST](https://www.braze.com/docs/api/basics/) Braze valides, que vous pouvez trouver et générer depuis votre tableau de bord Braze. > **Note:** Pour _créer_ des emails dans Braze, vous aurez besoin d’une clé API Braze disposant de l’autorisation **templates.email.create**. Quand vous êtes prêt, cliquez sur le bouton **Upload To Braze** pour exporter en HTML les emails sélectionnés dans Figma et les importer automatiquement dans vos modèles marketing Braze. Pour les consulter, connectez-vous à votre compte Braze, cliquez sur l’élément **Templates** de la barre latérale, puis sur **Email Templates**, choisissez l’option **HTML Editor** et parcourez la liste **Saved HTML Templates** en dessous. ## Important : désactiver le réglage Inline CSS {#important-disable-inline-css-setting} Si le [réglage Inline CSS de Braze](https://www.braze.com/docs/user_guide/message_building_by_channel/email/html_editor/css_inline) est actif dans votre compte Braze, celui-ci retraite votre HTML en déplaçant les styles d’une feuille de style CSS vers le corps de votre email HTML, une opération déjà effectuée par Emailify. Si ce réglage est activé, il supprimera donc d’autres styles et cassera une partie de votre mise en page sur mobile et sur desktop. > **Warning:** Vérifiez que l’option **Enable Inline CSS** de la section **Sending Settings** -> **Advanced** est _désactivée_. Emailify intègre automatiquement les styles en ligne et minifie le HTML : le retraiter dans Braze cassera le code. > **Tip:** Pour désactiver Inline CSS sur un seul email, ouvrez l’onglet **Edit Sending Info** -> **Advanced** du Drag & Drop Editor de Braze et _désactivez_ **Inline CSS**. Vous pouvez aussi le régler globalement dans Braze via **Settings** -> **Email Preferences**. > **Note:** Sur une ancienne version de Braze, le réglage global Inline CSS (à désactiver) se trouve dans **Manage Settings** -> **Email Settings** -> **Inline CSS**. ## Mettre à jour les modèles Braze importés depuis Emailify {#updating-braze-templates-uploaded-from-emailify} Si vous souhaitez que vos modèles Braze soient automatiquement _mis à jour_ au lieu d’être recréés à chaque fois, vous pouvez activer l’option **Enable Updatable Templates** dans les réglages d’export du plugin (lorsque l’option _Braze (API)_ est sélectionnée). Une valeur `brazeTemplateId` est alors automatiquement ajoutée au nom du calque du frame Figma importé, puis réutilisée lorsque ce même frame est de nouveau importé dans Braze via l’API lors du prochain export depuis le plugin. > **Tip:** Remarque : vous devez **vérifier que l’option _Enable Updatable Templates_ est activée _avant_ d’importer votre modèle initial**, car c’est ainsi que l’ID du modèle Braze (_Braze Template ID_) d’origine est ajouté au nom de votre frame Figma. Cet ID servira ensuite à chaque nouvel import pour mettre à jour ce même modèle dans votre compte Braze (au lieu d’en créer un nouveau à chaque fois), à condition que l’option _Enable Updatable Templates_ reste elle aussi activée. > **Note:** Pour _mettre à jour_ des emails dans Braze, vous aurez besoin d’une clé API Braze disposant de l’autorisation **templates.email.update**. ## Liens universels et App Links (SparkPost) {#universal-links-and-app-links-sparkpost} Pour transformer n’importe lequel de [vos liens Emailify](https://docs.hypermatic.com/emailify/content/link-images) en [lien universel pour SparkPost](https://www.braze.com/docs/user_guide/message_building_by_channel/email/universal_links/#sparkpost), ajoutez `[[data-msys-sublink='open-in-app']]` à la fin de votre URL (par exemple, `http://www.example.com[[data-msys-sublink='open-in-app']]`). L’attribut de données `data-msys-sublink` sera alors automatiquement ajouté à votre balise de lien `` (par exemple, ``). Vérifiez ensuite que votre application est configurée pour gérer correctement ce chemin personnalisé. Consultez l’article de SparkPost [Using SparkPost click tracking on deep links](https://support.sparkpost.com/docs/tech-resources/deep-links-self-serve#preferred-solution-using-sparkpost-click-tracking-on-deep-links), qui contient des exemples de code pour [iOS](https://support.sparkpost.com/docs/tech-resources/deep-links-self-serve#ios-swift-forwarding-clicks-to-sparkpost) et [Android](https://support.sparkpost.com/docs/tech-resources/deep-links-self-serve#forwarding-clicks-from-android-to-sparkpost). ## Liens universels et App Links (SendGrid) {#universal-links-and-app-links-sendgrid} Pour transformer n’importe lequel de [vos liens Emailify](https://docs.hypermatic.com/emailify/content/link-images) en [lien universel pour SendGrid](https://www.braze.com/docs/user_guide/message_building_by_channel/email/universal_links/#sendgrid), ajoutez `[[universal='true']]` à la fin de votre URL (par exemple, `http://www.example.com[[universal='true']]`). L’attribut de données `universal` sera alors automatiquement ajouté à votre balise de lien `` (par exemple, ``). Vérifiez ensuite que votre application est configurée pour gérer correctement ce chemin personnalisé. Consultez l’article de SendGrid [Using SendGrid click tracking on deep links](https://www.twilio.com/docs/sendgrid/ui/sending-email/universal-links), qui contient des exemples de code pour [iOS](https://www.twilio.com/docs/sendgrid/ui/sending-email/universal-links#resolving-links-in-ios) et [Android](https://www.twilio.com/docs/sendgrid/ui/sending-email/universal-links#resolving-links-in-android).