PrestaShop Design & Navegação

Personalizar os Emails do PrestaShop 8 e 9: Editor Visual de Modelos de Encomenda

Emails de encomenda com a imagem da sua marca, montados a arrastar blocos.

Alterar um email do PrestaShop significa hoje abrir order_conf.html em /mails, copiá-lo para cada idioma, repetir o mesmo nos outros 15 emails e recomeçar a cada atualização do tema. O resultado continua a ser uma tabela de linhas sem foto do produto, sem sugestões de compra e sem nada da sua marca. Este módulo substitui esse trabalho por um editor visual no back-office: blocos de produtos com fotos, totais, moradas, botão de seguimento, produtos recomendados, banners promocionais e vale pessoal. Cada email pré-visualiza-se em cada idioma com dados de exemplo ou uma encomenda real, e um email de teste sai com um clique. Os ficheiros de /mails ficam intactos: desative um design e volta o email nativo.

At a glance
  • Editor de arrastar e largar com pré-visualização clicável, 20 tipos de bloco e anulação ilimitada
  • Fotos de produto, combinações, totais, moradas e seguimento tirados da encomenda real
  • 16 emails prontos em 3 estilos, textos escritos em 8 idiomas
  • Banners promocionais agendados e vale único criado para cada cliente
  • Nenhum ficheiro de /mails alterado, email nativo reposto com um clique
PrestaShop 8 e 9 Sem override 16 emails prontos 8 idiomas
  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
www.datafirefly.com/pt/
✉️
v1.1.0 · atualizado 2026-09-23
O que faz

A versão curta.

01

Nenhum ficheiro de /mails alterado

O módulo liga-se aos hooks actionEmailSendBefore e actionEmailAddAfterContent, que o PrestaShop chama em cada envio, e substitui o conteúdo do email pelo design ativo. Os ficheiros HTML e TXT de /mails e do tema nunca são tocados. Design desativado, módulo desligado ou erro de renderização: sai o email nativo e nenhum envio fica bloqueado.

02

Um editor que se usa com o rato

Paleta de blocos à esquerda, pré-visualização ao centro, definições à direita. Um clique num bloco da pré-visualização seleciona-o e a estrutura reordena-se a arrastar. Cores, tipos de letra, margens e cantos arredondados definem-se para todo o email, cada bloco mantém os seus espaçamentos. Ctrl+Z anula, Ctrl+S guarda, o histórico guarda 20 versões.

03

A encomenda real dentro do email

O bloco de produtos mostra a foto da combinação encomendada, os atributos, as personalizações do cliente, a referência, a quantidade e o preço com ou sem IVA. Totais, moradas, transportadora e ligação de seguimento vêm da encomenda. Um ID de encomenda introduzido no editor mostra o email com os dados reais.

04

Cada idioma verificado antes do envio

Um botão por idioma instalado muda a pré-visualização e os campos de texto. Um ponto laranja assinala uma tradução em falta e um botão copia o texto de outro idioma. Os idiomas escritos da direita para a esquerda têm um layout em espelho. O email de teste sai no idioma escolhido, com o conteúdo não guardado.

05

Emails que fazem os clientes voltar

Produtos recomendados (acessórios, mais vendidos, novidades ou seleção manual), banners promocionais com datas de início e fim e vale pessoal: um código único para o cliente, em percentagem, montante fixo ou envio grátis, criado no envio real. As ligações para a loja recebem parâmetros UTM para seguir as vendas no Analytics.

06

16 emails prontos em segundos

Confirmação de encomenda, a aguardar transferência ou cheque, pagamento aceite, preparação, envio, seguimento, a aguardar reposição, cancelamento, reembolso, vale, criação de conta, palavra-passe e alerta ao comerciante. Escolha um estilo, marque a cor da marca e os 16 designs são criados com os textos em 8 idiomas.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Personalizar os Emails do PrestaShop 8 e 9: Editor Visual de Modelos de Encomenda funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

Porque é que os emails do PrestaShop ficam tantas vezes os de origem

Cada email do PrestaShop existe em dois ficheiros, HTML e texto, por idioma instalado, em /mails ou no tema. Uma loja em 4 idiomas tem mais de 120 ficheiros só para os emails de encomenda e de conta. Alterá-los exige conhecer o HTML próprio dos emails, feito de tabelas e estilos inline, e depois verificar o resultado no Outlook e no Gmail. Por isso a maioria das lojas mantém os emails de origem: uma lista de produtos sem foto, sem sugestões e sem ligação ao site.

§ 02

Um editor visual em vez de ficheiros

O módulo acrescenta a página Editor de e-mails no menu Design. A lista mostra cada email da loja com o seu estado: nativo ou com design, ativo ou não, número de envios em 30 dias. O editor monta o email com blocos, mostra a pré-visualização ao lado e gera um HTML em tabelas com estilos inline, o único formato que todos os clientes de email mostram da mesma forma.

§ 03

Os dados da encomenda, sem código

Os blocos de encomenda leem diretamente a encomenda enviada: fotos das combinações, atributos, personalizações, totais, moradas, transportadora e seguimento. As variáveis dos emails do PrestaShop continuam disponíveis em todos os textos e escolhem-se num menu. Uma condição de apresentação esconde um bloco quando a sua variável está vazia, por exemplo o botão de seguimento enquanto a encomenda não tem número.

§ 04

Transformar emails de serviço em vendas

Um email de confirmação é aberto quase sempre. O módulo acrescenta-lhe produtos recomendados, um banner promocional agendado e um vale pessoal: o código é criado para o cliente no envio, válido uma vez e apenas na sua conta, com a validade e a compra mínima escolhidas. As ligações para a loja recebem parâmetros UTM para medir as vendas geradas no Google Analytics.

§ 05

Testar sem risco

Cada design fica inativo até o ativar: o email nativo continua a sair enquanto trabalha. A pré-visualização funciona com dados de exemplo ou uma encomenda real, o email de teste usa o conteúdo atual e a lista de verificações assinala um email demasiado pesado para o Gmail ou um idioma incompleto. A exportação ZIP permite preparar os designs numa loja de testes e importá-los em produção.