Para enviar uma matriz de dados para o cliente, por exemplo, como um lembrete sobre um carrinho abandonado ou uma oferta para verificar alguns produtos semelhantes aos que o cliente estava vendo, use o tipo de variável "Estrutura".
Abra "Email" - "Automação" - "Eventos da API", e adicione um novo evento personalizado ou edite um evento existente.
Adicione a variável "Estrutura".
Configure variáveis estruturadas e clique em "Adicionar".
Variáveis estruturadas podem transferir links com imagens dos itens.
É assim que uma matriz de dados (estrutura) de variáveis será semelhante no editor de mensagens de e-mail:
Use o editor HTML para inserir imagens dos itens: pressione o botão "Inserir/editar imagem", insira uma variável na caixa "Endereço da imagem". A variável irá transferir o link da imagem.
Além disso, há outra opção para inserir uma imagem. Abra o editor de modelos e clique na seta azul para abrir a parte inferior do editor de texto.
Em seguida, clique no ícone "Código fonte".
O editor de código-fonte será aberto. Insira <img src="{{item.string}}"/>, onde {{item.string}}
é uma variável que transfere o link da imagem.
Desta forma, você pode inserir uma imagem, que foi transferida, por exemplo, como resultado das ações do assinante com a campanha: selecione "Alterar variável para contato" como o tipo de ação, selecione a variável adequada para a lista de e-mail e adicione seu link valor-imagem.
Variáveis de uma lista de discussão podem ser usadas na matriz se a lista de discussão estiver vinculada ao início do fluxo de automação.
Outras variáveis do evento também podem ser usadas.
Um nome de variável deve começar com uma letra latina e consistir de numerais e caracteres latinos apenas. Intervalos e caracteres especiais não podem ser usados em nomes de variáveis.
Os hiperlinks não podem ser transferidos por meio de variáveis estruturadas.
Para iniciar o fluxo de automação, envie o evento para o URL obtido após a criação do evento.
As imagens não serão exibidas quando você salvar o modelo, mas o destinatário do e-mail acionado as verá.
Como adicionar matrizes de dados em uma tabela
As matrizes de dados podem ser adicionadas em uma tabela de um modelo de email com a ajuda do editor de HTML ou do designer de modelo.
Editor de HTML
Selecione um evento com variáveis do tipo de estrutura como o início do fluxo.
Vincule o bloco "E-mail" ao início do fluxo. No painel de configurações do bloco "E-mail", abra o editor de HTML.
Insira as variáveis do evento no qual o fluxo inicia no conteúdo do email.
Edite o código-fonte.
Escreva os parâmetros da tabela no código HTML do email.
Adicione a tag [CDATA []]
para cada matriz de dados no editor de HTML.
Exemplo de código com uma matriz de dados:
<table style="width: 100%;">
<tbody><![CDATA[|[ for item in item_1 ]|]]>
<tr>
<td style="max-width: 170px; color: #555555; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; padding- top: 10px; padding-right: 15px; width: 7.80952%;"> {{item.price}}</td>
<td style="max-width: 170px; color: #555555; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; padding- top: 10px; padding-right: 15px; width: 7.80952%;"><img src= "{{item.brand}} "caption="false"></td>
<td style="max-width: 170px; color: #555555; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; padding- top: 10px; padding-right: 15px; width: 7.80952%;"> {{item.size}}</td>
</tr>
<![CDATA[| [endfor] |]]></tbody>
</table>
Um modelo de email depois de adicionar um layout ao código-fonte:
Designer
Selecione um evento com variáveis do tipo de estrutura, como o início do fluxo.
Vincule o bloco "E-mail" ao início do fluxo. No painel de configurações do bloco "E-mail", inicie o designer.
Escolha a estrutura que mais lhe interessar.
Coloque variáveis do evento no qual o fluxo inicia no bloco de texto do modelo.
Edite o código-fonte.
Escreva os parâmetros da tabela no código HTML do email.
Exemplo de código com uma matriz de dados:
<table style = "width: 100%;">
<tbody>
<tr>
<td style = "max-width: 170px; color: # 555555; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; padding- top: 10px; padding-right: 15px; width: 7.80952%;"> {{item.price}}</td>
<td style = "max-width: 170px; color: # 555555; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; padding- top: 10px; padding-right: 15px; width: 7.80952%;"> {{item.brand}}</td>
<td style = "max-width: 170px; color: # 555555; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; padding- top: 10px; padding-right: 15px; width: 7.80952%;"> {{item.size}}</td>
</tr>
</tbody>
</table>
Um modelo de email depois de adicionar um layout de tabela ao código-fonte:
Última Atualização: 07.12.2020
Inscreva-se com
Logue com o Facebook Logue com o Google