--- url: "/pt/emailify/integrations/braze.md" description: "O Emailify tem uma integração nativa com o Braze que faz upload de e-mails HTML do plugin para Figma direto para os seus templates." --- # Fazer upload dos e-mails para o Braze > O Emailify tem uma integração nativa com o Braze que faz upload de e-mails HTML do plugin para Figma direto para os seus templates. ### Vídeo tutorial: fazer upload dos e-mails para o Braze Este vídeo mostra como fazer upload de e-mails HTML do plugin Emailify para Figma para o Braze. [Embedded media](https://www.youtube-nocookie.com/embed/6GnG-rTdQl8) No painel de exportação do Emailify, selecione a opção **Braze (API)** na lista suspensa e cole uma [chave de API e a região do endpoint REST](https://www.braze.com/docs/api/basics/) válidas do Braze, que você encontra e gera no painel do Braze. > **Note:** Para _criar_ e-mails no Braze, você vai precisar de uma chave de API do Braze com a permissão **templates.email.create** ativada. Quando estiver tudo pronto, clique no botão **Upload To Braze** para começar a exportar para HTML os e-mails selecionados no Figma e fazer o upload automático deles para os seus templates de marketing do Braze. Para vê-los, entre na sua conta do Braze, clique no item **Templates** da barra lateral, clique em **Email Templates**, depois na opção **HTML Editor** e navegue pela lista **Saved HTML Templates** abaixo. ## Importante: desative a configuração Inline CSS {#important-disable-inline-css-setting} Se a [configuração Inline CSS do Braze](https://www.braze.com/docs/user_guide/message_building_by_channel/email/html_editor/css_inline) estiver ativa na sua conta, o Braze vai reprocessar o HTML movendo os estilos de uma folha de estilos CSS para o corpo do e-mail HTML, algo que o Emailify já fez. Então, se essa opção estiver ativada, ela vai remover outros estilos e quebrar parte do layout no celular e no desktop. > **Warning:** Confira se a opção **Enable Inline CSS** na seção **Sending Settings** -> **Advanced** está _desativada_. O Emailify já aplica o CSS inline e minifica o HTML automaticamente, e reprocessar o código no Braze vai quebrá-lo. > **Tip:** Para desativar o Inline CSS em um único e-mail, vá até a aba **Edit Sending Info** -> **Advanced** do Drag & Drop Editor no Braze e _desative_ **Inline CSS**. Você também pode definir isso globalmente no Braze em **Settings** -> **Email Preferences**. > **Note:** Se você usa uma versão mais antiga do Braze, a opção global de Inline CSS (para desativar) fica em **Manage Settings** -> **Email Settings** -> **Inline CSS** ## Atualizar templates do Braze enviados pelo Emailify {#updating-braze-templates-uploaded-from-emailify} Se quiser que os seus templates do Braze sejam _atualizados_ automaticamente, em vez de serem criados como novos templates a cada vez, ative a opção **Enable Updatable Templates** nas configurações de exportação do plugin (quando a opção _Braze (API)_ estiver selecionada). Isso adiciona automaticamente um valor `brazeTemplateId` ao nome da camada do frame do Figma enviado e reutiliza esse ID quando o mesmo frame for enviado de novo ao Braze pela API na próxima exportação do plugin. > **Tip:** Atenção: você precisa **conferir se a opção _Enable Updatable Templates_ também está ativada _antes_ de fazer o upload inicial do template**, porque é isso que adiciona o _Braze Template ID_ do template original enviado ao Braze ao nome do frame do Figma. Esse ID passa a ser usado em todos os uploads seguintes para atualizar o mesmo template na sua conta do Braze (em vez de criar um novo a cada vez), desde que a opção _Enable Updatable Templates_ continue ativada. > **Note:** Para _atualizar_ e-mails no Braze, você vai precisar de uma chave de API do Braze com a permissão **templates.email.update** ativada. ## Universal links e App Links (SparkPost) {#universal-links-and-app-links-sparkpost} Para transformar qualquer um dos [seus links do Emailify](https://docs.hypermatic.com/emailify/content/link-images) em um [universal link para o SparkPost](https://www.braze.com/docs/user_guide/message_building_by_channel/email/universal_links/#sparkpost), adicione `[[data-msys-sublink='open-in-app']]` ao final da URL (por exemplo, `http://www.example.com[[data-msys-sublink='open-in-app']]`). Isso inclui automaticamente o atributo de dados `data-msys-sublink` na tag de link `` (por exemplo, ``). Depois, confira se o seu app está configurado para tratar corretamente o caminho personalizado. Consulte o artigo do 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), que traz exemplos de código para [iOS](https://support.sparkpost.com/docs/tech-resources/deep-links-self-serve#ios-swift-forwarding-clicks-to-sparkpost) e [Android](https://support.sparkpost.com/docs/tech-resources/deep-links-self-serve#forwarding-clicks-from-android-to-sparkpost). ## Universal links e App Links (SendGrid) {#universal-links-and-app-links-sendgrid} Para transformar qualquer um dos [seus links do Emailify](https://docs.hypermatic.com/emailify/content/link-images) em um [universal link para o SendGrid](https://www.braze.com/docs/user_guide/message_building_by_channel/email/universal_links/#sendgrid), adicione `[[universal='true']]` ao final da URL (por exemplo, `http://www.example.com[[universal='true']]`). Isso inclui automaticamente o atributo de dados `universal` na tag de link `` (por exemplo, ``). Depois, confira se o seu app está configurado para tratar corretamente o caminho personalizado. Consulte o artigo do SendGrid [Using SendGrid click tracking on deep links](https://www.twilio.com/docs/sendgrid/ui/sending-email/universal-links), que traz exemplos de código para [iOS](https://www.twilio.com/docs/sendgrid/ui/sending-email/universal-links#resolving-links-in-ios) e [Android](https://www.twilio.com/docs/sendgrid/ui/sending-email/universal-links#resolving-links-in-android).