Como exibir produtos verticalmente em e-mails
Estimado 2 min de leitura
|
Atualizado 4 de dez. de 2025, 00:00 EST
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.
- Selecione Flows (Fluxos ) na barra lateral do Klaviyo.
- Navegue até seu carrinho abandonado ou fluxo de confirmação de pedido.
- Clique em Update Action Statuses (Atualizar status da ação ) no canto superior direito para definir o fluxo como Manual enquanto o senhor edita.
- 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).
- Adicione uma nova seção imediatamente abaixo do bloco da tabela dinâmica.
- Adicione um bloco de imagem e um bloco de tabela à sua nova seção.
- Copie os valores das configurações de tabela > Row collection e das configurações de tabela > Row alias.
- Navegue até Opções de exibição e clique em Criar regras de repetição.
- Cole os valores do bloco da tabela nos campos Repeat For (Repetir para ) e Item alias (Alias do item ), respectivamente.
- No bloco da tabela, clique em Replace (Substituir ) em Dynamic Image (Imagem dinâmica).
- No modal exibido, copie tudo o que estiver no campo Dynamic variable (Variável dinâmica) ou dynamic URL (URL dinâmica ).
- Clique no bloco de imagem em sua nova seção.
- Clique em Browse Image Library (Procurar biblioteca de imagens).
- Selecione Dynamic Image (Imagem dinâmica ) e cole o URL dinâmico.
- Clique em Salvar.
- Copie a tag que aparece no campo Link address do bloco da tabela.
- Cole essa tag no campo Link address (Endereço do link ) de seu novo bloco de imagens.
- Copie o conteúdo do texto do bloco da tabela original.
- Cole o texto em seu novo bloco de texto.
- 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.
- Quando estiver satisfeito com a nova seção, exclua o bloco da tabela original.
- 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
Saiba mais sobre o modo escuro, uma configuração do dispositivo que alguns usuários ativam para escurecer suas telas. Essa configuração afeta a forma como os e-mails são exibidos. O modo escuro é uma configuração do usuário final que é selecionada no nível do dispositivo, e a Klaviyo não tem controle direto sobre como o modo escuro é implementado em cada dispositivo.
- Como atualizar os estilos de sua marca no Klaviyo
Saiba o que atualizar no Klaviyo ao fazer um rebranding ou atualizar o design de sua marca.
Esse artigo foi útil?
Use esse formulário somente para dar feedback sobre os artigos. Saiba como entrar em contato com o suporte.