Aprenda a criar recomendações personalizadas para os seus e-mails utilizando o nosso Gerador de Vitrines.

Este guia explica os conceitos essenciais e o passo a passo para criar a sua primeira vitrine dinâmica, desde a escolha da estratégia até à personalização visual.

Para quem é este artigo?

• Nível de Acesso: Administrador, Administrador de Dados, Editor.

Veja os assuntos abordados neste artigo:

• Passo a passo para criar uma Vitrine de Produtos 
  Guia prático para configurar recomendações personalizadas em seus e-mails. 
  • Passo 1 - Abra o Gerador de Vitrine
  • Passo 2 - Defina o Modelo de Recomendação
  • Passo 3 - Configure o Visual
  • Passo 4 - Defina o Grid
  • Passo 5 - Gere e copie o Código HTML
  • Passo 6 - Insira no E-mail
    • Nível básico 
    • Nível Intermediário  
      
      
• FAQ – Perguntas Frequentes

Passo a passo para criar uma Vitrine de Produtos

Criar uma vitrine é um processo simples. Siga estas etapas:

Passo 1 - Abra o Gerador de Vitrine: 
No menu da plataforma, navegue “Relacionar” e clique na opção "Vitrine”.

Passo 2 - Defina o Modelo de Recomendação: 
Escolha a estratégia de recomendação que deseja utilizar (detalhes no Glossário da Vitrine).

Passo 3 - Configure o Visual:
 Ajuste e salve o Layout do Produto de acordo com a identidade da sua marca. (Ou use o Layout padrão)

Passo 4 - Defina o Grid:

Selecione a quantidade de colunas e linhas para definir o número de produtos exibidos na vitrine.

Atenção:
A vitrine ocupa 100% da largura do container onde o código é inserido. Para manter o layout do e-mail, defina uma largura máxima no código. Nossas pré-visualizações consideram um e-mail com 600px de largura, o que pode não refletir a realidade do seu layout.

Passo 5 - Gere e copie o Código HTML: 

Clique no botão “Gerar Código HTML” para processar a sua vitrine. Isto irá desbloquear a sessão "Código HTML” que você poderá copiar o Código.

Passo 6 - Insira no E-mail

Cole o código copiado no bloco de HTML da Dito CRM. Você pode:

Nível básico - Inserir o HTML no Briefing do E-mail para sua equipe interna produzir o HTML já com a Vitrine inclusa.


I) Usar o “Editor Visual”

II) Arrastar a caixa “HTML” Para o editor


III) Cole seu código dentro da caixa HTML e Salvar.

Nível Intermediário 
 
I) Usar o “Editor de texto e HTML”

II) Clicar na seção “Adicionar Código Fonte”

III) Cole o trecho de HTML da vitrine no local indicado do seu código.
Atenção: O conteúdo se adapta à largura do container onde for inserido, por isso é recomendável definir uma largura máxima para manter o layout do e-mail.

Nota: O código gerado não fica guardado no nosso banco de dados, por isso certifique-se de que o copia e utiliza no momento da criação.

A criação de uma Vitrine de Produtos é uma estratégia poderosa para tornar seus e-mails mais relevantes, entregando o produto certo para o cliente certo de forma automatizada. Ao seguir este guia, você aprendeu a configurar desde a estratégia de recomendação até a inserção técnica do código HTML em seu editor. O resultado é uma comunicação visualmente atraente, dinâmica e focada em aumentar a conversão de suas campanhas de e-mail marketing.

Ficou com alguma dúvida ou identificou algum problema? Acione nosso time pelo chat disponível no app dito. (Horário de Atendimento de Segunda a Sexta das 9hrs as 18hrs) 

Gostou, mas acha que algo pode melhorar?

Sua opinião é muito importante para nós! Se você tem alguma sugestão ou sentiu falta de algo neste módulo, queremos ouvir você.

Compartilhe suas ideias diretamente com nosso time de Produto através do link abaixo.

➡️ Acesse aqui o Portal de Ideias

FAQ – Perguntas Frequentes

1 - Posso editar uma vitrine depois que o código já foi gerado e inserido no e-mail?  

Não. Como o código gerado não fica armazenado em nosso banco de dados, qualquer alteração visual ou de grade exige que você gere um novo código no Gerador de Vitrine e Substitua o antigo no seu editor de e-mail.

2 - Por que minha vitrine parece "esticada" ou muito larga no celular?  

A vitrine ocupa 100% da largura do recipiente onde está inserida. Para garantir que ela fique correta em todos os dispositivos, é fundamental definir uma largura máxima (como 600px) no código ou no bloco HTML do seu editor.  

3 - Preciso de conhecimentos de programação para usar o Gerador de Vitrine?  

Não. A ferramenta é intuitiva e gera o código automaticamente. Para o nível básico, basta arrastar o bloco de HTML no editor visual e colar o código. O conhecimento em HTML é necessário apenas se você desejar fazer configurações manuais avançadas no código fonte.

 4 - Quantos produtos podem ser exibidos em uma vitrine?

A quantidade de produtos exibidos é definida no momento da configuração do Grid, onde o usuário seleciona o número de colunas e linhas, determinando assim o total de produtos que aparecerão na vitrine.