Como criar um modelo básico

O que você vai aprender

Saiba como criar um modelo de e-mail básico no Klaviyo. Depois de criar um modelo básico, o senhor pode usá-lo em todas as suas campanhas e fluxos para acelerar o processo de criação e garantir que a sua marca seja consistente em todas as mensagens. 

Principais etapas para criar um modelo básico

Um modelo básico inclui seções importantes como cabeçalho, conteúdo do corpo e rodapé. Navegue até Content > Templates e clique em Create blank email para começar. Em seguida, siga as etapas abaixo para adicionar conteúdo reutilizável ao seu modelo. 

1. Definir estilos básicos
2. Crie uma seção de cabeçalho
3. Adicionar conteúdo do corpo
4. Crie uma seção de rodapé
5. Prévia

1. Definir estilos básicos

Antes de estilizar qualquer bloco individual, defina seus estilos básicos. Esses estilos, como fonte, cores, preenchimento e outros, aplicam-se a todos os blocos do seu modelo. 

A adição de estilos básicos facilita a aplicação de sua marca e também reduz o peso do código, facilitando a prevenção de cortes no Gmail.

Para adicionar estilos básicos: 

1. Clique em Styles (ao lado de Content).
   
   
   Se vir Display Options ao lado da guia Styles (Estilos ) em vez de Content (Conteúdo), clique em Done (Concluído ) para sair das configurações de estilos do bloco/seção, que se aplicam somente a esse bloco ou seção. 
2. Defina uma cor de fundo para o modelo e o conteúdo, juntamente com a margem e o preenchimento. Recomendamos deixar a configuração Width (Largura) como 600px para obter compatibilidade ideal com os provedores de caixa de entrada.
   
3. Adicionar estilos de texto, incluindo fontes, tamanhos de fonte, cores e espaçamento. Certifique-se de definir estilos para o texto Normal, bem como para H1, H2, H3 e H4. O senhor pode usar esses estilos de título para destacar o texto em seu e-mail. Saiba como usar uma fonte personalizada em seus e-mails.
   
4. Adicione uma cor e um estilo de link.
   
5. Se a otimização para celular estiver ativada, adicione as configurações para celular. Elas aparecerão quando alguém abrir seu e-mail em um dispositivo móvel. Saiba mais sobre otimização móvel.
   
6. Por fim, selecione a moeda de sua loja no menu Currency (Moeda ). O símbolo da moeda selecionada é usado sempre que a tag{% currency_format … %} estiver presente em um modelo.
   

2. Crie uma seção de cabeçalho 

Depois de configurar os estilos de e-mail, adicione a seção de cabeçalho. Geralmente, as seções de cabeçalho incluem um logotipo, links importantes e, às vezes, um banner com informações sobre sua última venda ou o status VIP do destinatário. 

1. Se seu modelo já tiver uma barra de cabeçalho, atualize-a com seu próprio logotipo. Como alternativa, arraste um bloco de cabeçalho e adicione seu logotipo. Aprenda as práticas recomendadas de dimensionamento e qualidade de imagem. 
   
2. Selecione um layout nos menus Desktop layout e Mobile layout (por exemplo, Logo inline para desktop e Stack all para celular). Lembre-se de que os dispositivos móveis usam telas muito menores do que os desktops, portanto, empilhar o conteúdo pode facilitar a leitura e a navegação. 
3. Na seção Content (Conteúdo ), adicione os principais links de navegação do site. Clique no ícone da lixeira para remover links ou em Add links para adicioná-los. Os links comuns a serem incluídos no cabeçalho são: shop now, new arrivals, about, sale, FAQs ou uma seleção de categorias de produtos.
   
4. Ajuste os estilos de bloco nas seções abaixo do conteúdo do link. Lembre-se de que, se quiser aplicar uma configuração de estilo a todo o e-mail, use a guia principal Styles (Estilos ), conforme descrito na seção acima. 
5. Clique em Done (Concluído ) para retornar às opções principais de edição de modelos.

Adicionar um banner de recurso opcional

O senhor pode adicionar um banner de recurso acima ou abaixo da barra de cabeçalho.

1. Arraste um bloco de texto para a mesma seção da barra de links. 
   
2. Defina o plano de fundo com uma cor de destaque e adicione uma mensagem em destaque, como "Use o código WELCOME para obter 15% de desconto em seu primeiro pedido!"
3. Verifique se o banner do recurso e a barra de links estão na mesma seção, passando o mouse sobre o espaço à esquerda ou à direita dos blocos. Uma borda de seção cinza deve envolver os dois blocos ao passar o mouse e fica azul quando a seção é clicada.
   
4. Opcional: Clique no ícone de estrela para salvar a seção como conteúdo universal. Os blocos e seções universais podem ser usados em vários modelos e o usuário pode editar todas as instâncias do bloco/seção ao mesmo tempo. Saiba mais sobre o conteúdo universal. 

3. Adicionar conteúdo do corpo

1. Arraste um bloco Section da seção Layout da barra lateral Content e coloque-o abaixo do cabeçalho.
   
2. Adicione blocos de espaço reservado para o conteúdo do corpo do e-mail. Isso pode incluir blocos de texto com descrições da sua marca ou mensagens promocionais, layouts comuns que o senhor pretende usar, imagens de produtos de espaço reservado e muito mais. Saiba como colocar o conteúdo lado a lado usando colunas, blocos divididos e tabelas.
   

4. Crie uma seção de rodapé

A Klaviyo exige que o senhor inclua um link de cancelamento de assinatura em seus e-mails, que geralmente é colocado no rodapé. Além disso, esses elementos de rodapé são recomendados: 

• Seu endereço comercial
• Um link para sua política de privacidade 
• Links para seus perfis sociais (por exemplo, Facebook, Instagram, Twitter, Tiktok) 
• Um link para seu site
• Um link de preferências de e-mail

Para adicionar um rodapé ao seu modelo básico:

1. Arraste uma nova seção abaixo da seção do corpo ou edite o rodapé padrão.
2. Adicionar um bloco de texto.
3. Clique em Personalization (Personalização). 
4. No campo Search personalization (Personalização de pesquisa ), pesquise por "unsubscribe" (cancelar assinatura).
5. Selecione Unsubscribe (Cancelar inscrição ) para adicionar uma tag de link de cancelamento de inscrição ao seu bloco de texto.
6. Use esse mesmo menu para adicionar um endereço de organização, link de gerenciamento de preferências, link de visualização na Web e muito mais.
   
7. Quando o senhor enviar o e-mail, essas tags serão substituídas pelo texto ou pelos links apropriados.
   
8. Em seguida, arraste um bloco de links sociais para o modelo, diretamente acima do bloco de texto das etapas anteriores. 
9. Selecione seus canais sociais no menu suspenso para adicioná-los ao bloco.
   
10. No campo Link address (Endereço do link ) de cada canal social, adicione um link para seu perfil. 
11. Escolha um estilo de ícone.
    
12. Clique em Done (Concluído ) para retornar às opções principais de edição de modelos.
13. Opcionalmente, salve toda a seção do rodapé como conteúdo universal. 

5. Pré-visualização

Depois de adicionar um cabeçalho, o conteúdo do corpo e uma seção de rodapé, visualize o e-mail. 

1. Clique em Preview & test no canto superior direito do editor de e-mail. 
2. Alterne entre desktop e celular para garantir que o modelo apareça como desejado em ambos os formatos. 
3. Clique em Send test (Enviar teste ) para enviar um e-mail de teste para sua própria caixa de entrada. 
4. Clique em Done (Concluído ) para fechar o modal de visualização. 
5. Clique em Save (Salvar ) para salvar o modelo. 

Depois de salvar o modelo básico, o senhor pode usá-lo como base para todos os futuros e-mails de campanha e fluxo. 

Recursos adicionais 

• curso: Práticas recomendadas para melhorar o conteúdo de seu e-mail
• Como criar, editar, excluir e gerenciar modelos
• Como adicionar um nome próprio a um e-mail ou SMS
• Como mostrar ou ocultar blocos e seções de modelos com base em variáveis dinâmicas