Como criar um modelo básico
Saiba como criar um modelo de e-mail base no Klaviyo. Depois de criar um modelo base, você pode usá-lo em suas campanhas e fluxos para agilizar o processo de criação e garantir que sua marca esteja consistente em todas as mensagens.
Antes de começar
Um modelo base inclui seções principais como um cabeçalho, o conteúdo do corpo e um rodapé. Acesse Conteúdo > Modelos e clique em Criar para começar. Em seguida, siga as etapas abaixo para adicionar conteúdo reutilizável ao seu modelo.
1. Defina estilos básicos
Antes de estilizar qualquer bloco individual, defina seus estilos básicos. Esses estilos, como fonte, cores, preenchimento e muito mais, se aplicam a todos os blocos em todo o seu modelo.
Adicionar estilos de base facilita a aplicação da sua identidade visual e também reduz o peso do seu código, tornando mais fácil evitar cortes no Gmail.
Para adicionar estilos base:
- Clique em Estilos (ao lado de Conteúdo).
Se você vir Opções de exibição ao lado da guia Estilos em vez de Conteúdo, clique em Concluído para sair das configurações de estilos do bloco/seção, que se aplicam apenas a esse bloco ou seção.
- Defina uma cor de fundo para seu modelo e conteúdo, além de margem e preenchimento. Recomendamos deixar a configuração de largura como 600px para ter a melhor compatibilidade com provedores de caixa de entrada.
- Adicione estilos de texto, incluindo fontes, tamanhos de fonte, cores e espaçamento. Não deixe de definir estilos para o texto Normal, bem como para H1, H2, H3 e H4. Você pode usar esses estilos de título para destacar textos importantes em todo o seu e-mail. Saiba como usar uma fonte personalizada em seus e-mails.
- Adicione uma cor e um estilo de link.
- Selecione a moeda da sua loja no menu Moeda. O símbolo de moeda selecionado é usado em qualquer lugar em que a tag {% currency_format ... %} esteja presente em um modelo.
- Se a Otimização para celular estiver ativada, adicione configurações para celular. Elas vão aparecer quando alguém abrir seu e-mail em um dispositivo móvel. Saiba mais sobre otimização para celular.
2. Criar uma seção de cabeçalho
Depois de configurar os estilos de e-mail, adicione a seção de cabeçalho. Em geral, as seções de cabeçalho incluem um logotipo, links principais e, às vezes, um banner com recursos sobre sua promoção mais recente ou o status VIP do destinatário.
- Se o seu modelo já tiver uma barra de cabeçalho, atualize-a com o seu próprio logotipo. Como alternativa, arraste um bloco de Cabeçalho e adicione seu logotipo. Saiba quais são as melhores práticas para dimensionamento e qualidade de imagens.
- Selecione um layout nos menus Layout para desktop e Layout para dispositivos móveis (por exemplo, Logo inline para desktop e Empilhar tudo para dispositivos móveis). Lembre-se de que os dispositivos móveis usam telas muito menores do que o desktop, então empilhar o conteúdo pode facilitar a leitura e a navegação.
- Na seção Conteúdo, adicione links essenciais de navegação do site. Clique no ícone de lixeira para remover links ou em Adicionar links para adicioná-los. Links comuns para incluir no seu cabeçalho são: compre agora, novidades, sobre, promoções, FAQs ou uma seleção de categorias de produtos.
- Ajuste os estilos do bloco nas seções abaixo do conteúdo do seu link. Lembre-se: se você quiser aplicar uma configuração de estilo ao seu e-mail inteiro, use a guia principal Estilos, conforme descrito na seção acima.
- Clique em Concluído para voltar às opções principais de edição do modelo.
Adicionar um banner opcional de recursos
Você pode adicionar um banner de recursos acima ou abaixo da sua barra de cabeçalho.
- Arraste um bloco de texto para a mesma seção que sua barra de links.
- Defina o plano de fundo como uma cor de destaque e adicione uma mensagem em destaque, como "Use o código WELCOME para 15% de desconto no seu primeiro pedido!"
- Verifique se seu banner de recursos 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 cinza de Seção deve contornar ambos os blocos ao passar o mouse, e ela fica azul quando a seção é clicada.
- Opcional: clique no ícone de estrela para salvar a seção como conteúdo universal. Blocos e seções universais podem ser usados em vários modelos, e você pode editar todas as instâncias do bloco/seção ao mesmo tempo. Saiba mais sobre conteúdo universal.
3. Adicione o conteúdo do corpo
- Arraste um bloco de Seção na seção Layout da barra lateral Conteúdo e coloque-o abaixo do seu cabeçalho.
- Adicione blocos de placeholder para o conteúdo do corpo do seu e-mail. Isso pode incluir blocos de texto com descrições da sua marca ou mensagens promocionais, layouts comuns que você pretende usar, imagens de produto de placeholder e muito mais. Saiba como colocar conteúdo lado a lado usando colunas, blocos de divisão e tabelas.
Saiba como adicionar uma imagem de fundo a uma seção e sobrepor botões, texto e outros elementos sobre ela.
4. Crie uma seção de rodapé
A Klaviyo exige que você inclua um link para cancelamento de inscrição nos seus e-mails, e ele geralmente é colocado no rodapé. Além disso, estes 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 base:
- Arraste uma nova seção para baixo da seção do corpo ou edite o rodapé padrão.
- Adicione um bloco de texto.
- Clique em Personalização.
- No campo Personalização de pesquisa, pesquise por "cancelar inscrição".
- Selecione Cancelar inscrição para adicionar uma tag de link para cancelamento de inscrição ao seu bloco de texto.
- Use este mesmo menu para adicionar um endereço da organização, gerenciar o link de preferências, o link de visualização na web e muito mais.
- Quando você enviar o e-mail, essas tag serão substituídas pelo texto ou pelos links apropriados.
- Em seguida, arraste um bloco de Links sociais para o seu modelo, diretamente acima do bloco de texto das etapas anteriores.
- Selecione seus canais sociais no menu suspenso para adicioná-los ao bloco.
- No campo Endereço do link de cada canal social, adicione um link para o seu perfil.
- Escolha um estilo de ícone.
- Clique em Concluído para voltar às opções principais de edição do modelo.
- Opcionalmente, salve toda a seção de rodapé como conteúdo universal.
5. Visualizar
Depois de adicionar um cabeçalho, o conteúdo do corpo e uma seção de rodapé, pré-visualize o e-mail.
- Clique em Prévia e teste no canto superior direito do editor de e-mail.
- Alterne entre desktop e mobile para garantir que o modelo apareça como você deseja nos dois formatos.
- Clique em Enviar teste para enviar um e-mail de teste para a sua própria caixa de entrada.
- Clique em Concluído para fechar o modal de pré-visualização.
- Clique em Salvar para salvar seu modelo.
Depois que você salvar o modelo base, poderá usá-lo como base para todos os futuros e-mails de campanha e de fluxo.