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.

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 válidas do Braze, que você encontra e gera no painel do Braze.

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 ​

Se a configuração Inline CSS do Braze 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.

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.

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.

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 ​

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.

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.

Para atualizar e-mails no Braze, você vai precisar de uma chave de API do Braze com a permissão templates.email.update ativada.

Para transformar qualquer um dos seus links do Emailify em um universal link para o 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 <a> (por exemplo, <a href="https://example.com" data-msys-sublink="open-in-app">).

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, que traz exemplos de código para iOS e Android.

Para transformar qualquer um dos seus links do Emailify em um universal link para o 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 <a> (por exemplo, <a href="https://example.com" universal="true">).

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, que traz exemplos de código para iOS e Android.