Como exibir produtos verticalmente em e-mails
O que você vai aprender
Saiba como exibir produtos nos seus fluxos de carrinho abandonado e confirmação de pedido verticalmente (ou seja, com uma imagem acima das informações do produto, em vez de ao lado).
Crie um bloco de produto vertical
As instruções abaixo vão ajudar você a converter um bloco de produto horizontal existente em um bloco de produto vertical. Se você ainda não tem um e-mail de fluxo contendo um bloco de conteúdo dinâmico, encontre um na biblioteca de fluxos.
- Selecione Fluxos na barra lateral do Klaviyo.
- Acesse seu fluxo de carrinho abandonado ou de confirmação de pedido.
- Clique em Atualizar status da ação no canto superior direito para definir o fluxo como Manual enquanto você 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 de tabela dinâmica.
- Adicione um bloco de imagem e um bloco de tabela à sua nova seção.
- Copie os valores de Configurações da tabela > Coleção de linhas e Configurações da tabela > Alias da linha.
- Acesse Opções de exibição e clique em Criar regras de repetição.
- Cole os valores do seu bloco de tabela nos campos Repetir para e Alias do item, respectivamente.
- No seu bloco de tabela, clique em Substituir em Imagem dinâmica.
- Na janela modal que aparecer, copie tudo no campo Variável dinâmica ou URL dinâmica.
- Clique no bloco de imagem na sua nova seção.
- Clique em Navegar na biblioteca de imagens.
- Selecione Imagem dinâmica e cole a URL dinâmica.
- Clique em Save.
- Copie a tag que aparece no campo Endereço do link do seu bloco de tabela.
- Cole essa tag no campo Endereço do link do seu novo bloco de imagem.
- Copie o conteúdo de texto do seu bloco de tabela original.
- Cole o texto no seu novo bloco de texto.
- Pré-visualize seu e-mail para garantir que todas as informações do produto apareçam na nova seção. Se algo aparecer incorreto, verifique se todos os elementos (ou seja, a coleção de linhas, o alias da linha, o URL da imagem dinâmica e o conteúdo de texto) foram transferidos corretamente.
- Depois que você estiver satisfeito com a nova seção, exclua o bloco de tabela original.
- Opcionalmente, salve a nova seção como conteúdo universal para usar 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 as telas. Essa configuração afeta como os e-mails são exibidos. O modo escuro é uma configuração do usuário final 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 da sua marca no Klaviyo
Saiba o que atualizar no Klaviyo ao fazer um rebranding ou renovar o design da sua marca.