Passar para o conteúdo principal

Prompt para adaptar um HTML de e-mail ao componente HTML da Martz

Prompt pronto para usar com uma IA e adaptar o HTML de um e-mail (de outra plataforma ou builder) para o componente HTML do editor de modelos de e-mail da Martz.

Objetivo

Se você já tem um e-mail pronto em outra plataforma (como Shopify, Klaviyo ou builders como Unlayer e BEE) e quer reaproveitá-lo na Martz, é possível colar o código no componente HTML do editor de modelos de e-mail.

Antes disso, porém, o código precisa ser adaptado: as variáveis da plataforma antiga precisam ser trocadas pelas da Martz, a estrutura precisa funcionar bem no celular e nenhum link ou acento pode se perder no caminho.

Este artigo traz um prompt pronto para você usar com uma ferramenta de IA (como o Claude ou o ChatGPT) e fazer essa adaptação de forma rápida e segura.

Como usar

  1. Copie o prompt da seção abaixo.

  2. Preencha os campos entre colchetes: tipo de campanha, variações específicas desse e-mail e o HTML original.

  3. Cole o prompt completo na ferramenta de IA e envie.

  4. Copie o HTML devolvido e cole no componente HTML, disponível na aba Conteúdo do editor de modelos de e-mail.

  5. Se o e-mail tiver uma seção de lista de produtos, a IA vai devolver o HTML dividido em duas partes. Cole a primeira parte em um componente HTML, adicione logo abaixo o bloco nativo de lista de produtos da Martz e cole a segunda parte em outro componente HTML depois dele.

  6. Confira o resultado na visualização Desktop e Mobile e use o botão Enviar email de teste antes de usar o modelo em uma campanha.

Prompt

Copie o texto abaixo e substitua os trechos entre colchetes:

Segue o HTML de um e-mail para eu adaptar pra Martz.

Tipo de campanha: [ex: Carrinho Abandonado / Pós-Venda / Resgate / Aniversário / etc]

Ajustes que preciso:

1. Substituir todas as variáveis do formato antigo (Liquid, {{ objeto.campo }}, etc) pelas variáveis reais da Martz correspondentes ao tipo de campanha acima. Se alguma informação do e-mail original não tiver variável equivalente na Martz, me avisa em vez de inventar.

2. Ajustar a estrutura para mobile: trocar qualquer estrutura baseada em divs de coluna (tipo u-row/u-col de builders como Unlayer/BEE) por tabelas fluidas com width="100%" e max-width inline, sem depender de media queries no <style>, já que muitos apps de e-mail ignoram isso.

3. Conferir e preservar TODOS os acentos e caracteres especiais do texto original (á, ã, ç, é, ê, í, ó, ô, ú). Isso vale também dentro de atributos alt e dentro das próprias variáveis com acento (ex: {{link-cancelar-inscrição}}). Não me devolva nada sem acento.

4. Conferir se algum link (<a href>) do HTML original foi perdido, virou texto puro ou ficou sem destino durante a extração do arquivo. Qualquer trecho que originalmente era clicável (política de privacidade, cancelar inscrição, nome de produto, botão, banner) precisa continuar sendo um <a> de verdade no resultado final, mesmo que o destino seja uma variável Martz.

5. Confirmar que toda imagem clicável e todo botão de CTA aponta pro link certo pro tipo dessa campanha (ex: {{link-carrinho-abandonado}} para carrinho, {{link-pagamento-pedido}} para recuperação de pedido, {{link-rastreio-pedido}} para pós-venda, etc).

6. Não mexer em design, cores, imagens ou textos além do necessário pros pontos acima.

7. Se tiver seção de lista de produtos, não montar HTML pra isso, vou preencher com o bloco nativo "lista de produtos" da Martz direto no editor. Para isso, precisa dividir o HTML para eu colocar o conteúdo direto no módulo de criação de e-mail no local onde ele aparecerá. Caso tenha, me entregue o HTML dividido, a primeira parte com tudo que vem antes e a segunda parte com o que vem depois dessa seção.

8. Inserir a variável {{link-cancelar-inscrição}} como hiperlink de verdade (<a href="{{link-cancelar-inscrição}}">) em cima do texto de cancelar inscrição no rodapé, mesmo que o HTML original não tenha esse trecho ou tenha ele de outra forma.

9. Não deixe comentários desnecessários para o funcionamento do e-mail no campo de copiar o HTML, me dê apenas o código para que eu copie e insira no construtor de e-mail da Martz.

Variações específicas desse e-mail: [descrever aqui o que muda nesse, tipo áreas que precisam virar link, textos que precisam sumir, algo estrutural diferente]

HTML original abaixo:
[colar o HTML aqui]

Pontos de atenção

  • Revise as variáveis: a IA pode errar o nome de uma variável. Confira se cada uma está disponível para o tipo de campanha no artigo "Variáveis disponíveis nas ações de campanhas".

  • Teste antes de ativar: no e-mail de teste, as variáveis e o bloco de lista de produtos aparecem vazios, porque não há cliente ou pedido associado. Isso não indica erro.

  • Link de descadastro: todo modelo usado em campanhas precisa ter um link de cancelamento de inscrição visível no rodapé. Isso é exigido pela LGPD e pelos provedores de e-mail.

  • Confira os links clicáveis: antes de salvar, clique nos botões, banners e links do rodapé na pré-visualização e use a aba Auditoria do editor para identificar links quebrados ou imagens sem texto alternativo.

Ainda precisa de ajuda?

Se tiver dúvidas sobre como adaptar o HTML do seu e-mail ou sobre o uso do componente HTML, entre em contato com nossa equipe de suporte. Estamos prontos para te ajudar!

Respondeu à sua pergunta?