Como exibir produtos verticalmente em e-mails

O que você vai aprender

Saiba como exibir produtos em seu carrinho abandonado e fluxos de confirmação de pedido verticalmente (ou seja, com uma imagem acima das informações do produto, em vez de ao lado). 

Criar um bloco de produto vertical

As instruções abaixo o ajudarão a converter um bloco de produto horizontal existente em um bloco de produto vertical. Se o senhor ainda não tiver um e-mail de fluxo que contenha um bloco de conteúdo dinâmico, encontre um na biblioteca de fluxo. 

1. Selecione Flows (Fluxos ) na barra lateral do Klaviyo.
2. Navegue até seu carrinho abandonado ou fluxo de confirmação de pedido. 
3. Clique em Update Action Statuses (Atualizar status da ação ) no canto superior direito para definir o fluxo como Manual enquanto o senhor edita. 
4. Abra um e-mail no fluxo que contém seu bloco de conteúdo dinâmico (ou seja, o bloco de tabela que exibe os produtos do carrinho de alguém). 
5. Adicione uma nova seção imediatamente abaixo do bloco da tabela dinâmica.
   
6. Adicione um bloco de imagem e um bloco de tabela à sua nova seção. 
7. Copie os valores das configurações de tabela > Row collection e das configurações de tabela > Row alias. 
8. Navegue até Opções de exibição e clique em Criar regras de repetição.
   
9. Cole os valores do bloco da tabela nos campos Repeat For (Repetir para ) e Item alias (Alias do item ), respectivamente.
   
10. No bloco da tabela, clique em Replace (Substituir ) em Dynamic Image (Imagem dinâmica).
    
11. No modal exibido, copie tudo o que estiver no campo Dynamic variable (Variável dinâmica) ou dynamic URL (URL dinâmica ).
    
12. Clique no bloco de imagem em sua nova seção.
13. Clique em Browse Image Library (Procurar biblioteca de imagens). 
14. Selecione Dynamic Image (Imagem dinâmica ) e cole o URL dinâmico. 
15. Clique em Salvar. 
16. Copie a tag que aparece no campo Link address do bloco da tabela.
    
17. Cole essa tag no campo Link address (Endereço do link ) de seu novo bloco de imagens. 
18. Copie o conteúdo do texto do bloco da tabela original.
    
19. Cole o texto em seu novo bloco de texto. 
20. Visualize seu e-mail para garantir que todas as informações do produto apareçam na nova seção. Se algo parecer incorreto, verifique se todos os elementos (ou seja, coleção de linhas, alias de linhas, URL de imagem dinâmica e conteúdo de texto) foram transferidos corretamente. 
21. Quando estiver satisfeito com a nova seção, exclua o bloco da tabela original. 
22. Opcionalmente, salve a nova seção como conteúdo universal para uso em outras mensagens dentro do fluxo. 

Resultado

Depois de seguir essas etapas, seu e-mail conterá um bloco de produto vertical (com imagens acima das informações do produto), em vez de imagens e informações do produto exibidas horizontalmente. 

Recursos adicionais

• Práticas recomendadas de design de e-mail no modo escuro
• Como atualizar os estilos de sua marca no Klaviyo