Fazer upload de e-mails para o Salesforce Marketing Cloud

O Emailify tem uma integração nativa com o Salesforce, que faz o upload de e-mails HTML do plugin para Figma para seus e-mails ou templates.

Vídeo tutorial: fazer upload dos seus e-mails para o Salesforce Marketing Cloud

Este vídeo mostra como fazer upload de e-mails HTML do plugin Emailify para Figma para o Salesforce Marketing Cloud.

Se você precisar de links com AMPscript (por exemplo, %%=v(@url)=%%) nos seus parágrafos de texto, o campo de link nativo do Figma vai bloqueá-los como URLs inválidas. Para contornar isso, use o formato especial de link AMPscript do Emailify, https://ampscript.invalid/?%%=v(@url)=%%, e o Emailify vai gerar a tag AMPscript bruta no HTML exportado.

No painel de exportação do Emailify, selecione a opção Marketing Cloud (API) na lista suspensa e siga os passos abaixo para obter as suas credenciais de autenticação:

  1. Entre na sua conta do Salesforce Marketing Cloud.
  2. Acesse Marketing Cloud -> Setup -> Platform Tools ("Apps") -> Installed Packages.
  3. Clique em New.
  4. Dê um nome e uma descrição ao pacote.
  5. Escolha criar o pacote com funcionalidade aprimorada (enhanced functionality).
  6. Clique em Save para salvar o pacote.
  7. Em Components, clique em Add Component.
  8. Selecione API Integration (depois que você adiciona um componente de integração por API, não é possível removê-lo).
  9. Selecione o tipo Server-to-server integration.
  10. Defina as propriedades do componente: você precisa conceder as permissões Read e Write para Emails (em Channels) e para Documents and Images e Saved Content (em Assets).
  11. Clique em Save para salvar o componente.

Depois disso, copie e cole os seguintes dados obrigatórios da nova integração que você criou nas configurações de exportação do Emailify:

Quando estiver pronto, escolha Template ou HTML Email na lista suspensa Upload As e clique no botão Upload To Marketing Cloud para exportar para o Marketing Cloud os e-mails selecionados no Figma. A opção padrão, Template, mantém o comportamento anterior, de e-mail baseado em template. Escolha HTML Email se quiser que o asset enviado seja aberto como um e-mail HTML editável no Content Builder.

Se você preferir que o Emailify coloque o e-mail ou template enviado ao Salesforce em uma pasta específica do Content Builder em vez do local raiz padrão, conecte a sua conta do Salesforce e escolha uma Template Folder no painel de exportação do Emailify antes de fazer o upload. Deixar a opção em Content Builder (Default) mantém o comportamento anterior.

Fazer upload de imagens para o Salesforce Content Builder ​

Se você também quiser que o Salesforce Marketing Cloud hospede as imagens usadas no seu e-mail, agora pode usar a opção Salesforce Content Builder da lista suspensa CDN no Emailify.

  1. No painel de exportação do Emailify, selecione Marketing Cloud (API) ou Marketing Cloud (oAuth) e conecte primeiro a sua conta do Salesforce Marketing Cloud.
  2. Abra a lista suspensa CDN e escolha Salesforce Content Builder.
  3. Escolha a pasta do Content Builder para a qual o Emailify deve enviar as imagens.
  4. Exporte o seu e-mail normalmente.

O Emailify faz o upload automático das imagens do e-mail para a pasta do Salesforce Content Builder selecionada e, antes de enviar o e-mail ou template, substitui as URLs das imagens no HTML exportado pelas URLs publicadas dos assets do Salesforce.

A Template Folder e a pasta do Content Builder das imagens podem ser diferentes, o que é útil se a sua equipe guarda e-mails HTML, templates e imagens em pastas separadas.

Se você exportar o mesmo e-mail de novo para a mesma pasta do Content Builder, o Emailify reutiliza, sempre que possível, as imagens correspondentes que já existem, em vez de falhar quando o Salesforce informa que o nome da imagem já está em uso.

Opções adicionais para o Salesforce Marketing Cloud ​

Há algumas outras opções que você pode ativar nas suas exportações para o Salesforce Marketing Cloud:

Adicionar um content slot ​

Ativar a opção Slot adiciona automaticamente uma tag <div data-type="slot" data-key="uniqueKeyHere" data-label="Drop Blocks or Content Here"></div> ao HTML exportado, o que permite arrastar e soltar outros conteúdos no seu e-mail pelo editor do Marketing Cloud. Essa opção está disponível no upload como Template; os uploads como HTML Email não incluem o contêiner do slot.

Adicionar tags de alias ​

Ativar a opção Aliases adiciona automaticamente um atributo alias="Your Figma layer name" a todos os links de botões, imagens, ícones sociais e barras de navegação do seu design no Figma. O valor é preenchido automaticamente com o nome de cada camada do Figma no painel de camadas.

Assim, você define aliases para esses links <a> no HTML exportado, o que ajuda nos dados de rastreamento, porque cada link recebe um nome relevante para o design (por exemplo, “Hero CTA Button”).

Adicionar tags de conversão ​

Ativar a opção Conversions adiciona automaticamente um atributo conversion="true" a todas as tags de link <a> do HTML exportado.

Adicionar AMPscript RedirectTo ​

Ative RedirectTo para envolver automaticamente em AMPscript os destinos de links absolutos http:// e https:// ao exportar para o Salesforce Marketing Cloud. A sua equipe pode informar URLs normais no Emailify sem escrever AMPscript em cada componente:

html
<a href="%%=RedirectTo('https://example.com/page')=%%">Read more</a>

Essa opção vem desativada por padrão e está disponível nas exportações ZIP e por API do Marketing Cloud, incluindo templates e e-mails HTML. Ela também se aplica aos arquivos HTML de blocos individuais e aos links de botões do Outlook. Os aliases e atributos de conversão existentes são mantidos.

Links AMPscript existentes e URLs com código de template dinâmico não são alterados, assim como os tokens de cancelamento de inscrição/perfil do Salesforce, endereços de e-mail, links de telefone, URLs relativas e âncoras de página. O restante do AMPscript do seu e-mail não é afetado. Os links de pré-visualização e a versão em texto simples mantêm as URLs normais.

Depois de importar ou fazer o upload do e-mail, envie um teste pelo Salesforce Marketing Cloud e confira se os links levam aos destinos esperados, incluindo eventuais parâmetros de consulta.

Adicionar tags de impressão ​

Ativar a opção Impressions envolve automaticamente todas as camadas Row, Wrapper ou Hero com as tags de impressão do Salesforce Marketing Cloud, de abertura %%=BeginImpressionRegion("your_figma_layer_name")=%% e de fechamento %%=EndImpressionRegion()=%%, no HTML exportado.

Arquivos HTML de blocos ​

Ative Blocks para incluir arquivos .html adicionais no ZIP. O Emailify exporta cada linha como um arquivo HTML separado, para que você possa usá-la como um módulo reutilizável no Salesforce Marketing Cloud.

Lembre-se de que o código HTML de cada bloco ainda vai precisar das tags CSS/style e de outros elementos da tag <head></head>, então você vai precisar de um tempo para extraí-los se escolher essa abordagem.

Observe que essa opção só fica disponível quando a opção de plataforma Marketing Cloud (Zip) está selecionada no painel de configurações de exportação do Emailify, e não aparece se a opção de API estiver selecionada.