5 Motivos para Criar Modelos de E-mail para Magento no Blocks
Podemos te dar muitos motivos para experimentar o Blocks como a ferramenta perfeita para criar belos modelos de e-mail para o Magento rapidinho. Neste artigo, decidimos compartilhar 5 recursos que vão te ajudar a tomar a decisão certa.
1. Lindos Modelos de E-mail para Magento para Qualquer Setor
Não importa o nicho em que você trabalha: e-commerce, beleza, finanças, imóveis, etc. No Blocks, você cria modelos de e-mail impecáveis para qualquer setor. Se não quiser começar do zero, vá até a galeria de modelos, procure seu setor usando os filtros, escolha um dos modelos de e-mail para o Magento que você gostar, e pronto. Tudo o que falta é estilizá-lo conforme as necessidades da campanha, rápido e fácil.
2. Não Precisa Saber Programar
O Blocks é um editor sem código. Como você deve imaginar, você não precisa saber nada sobre programação para criar belos modelos de e-mail para o Magento em poucos passos simples. Escolha um modelo pronto para usar ou monte um a partir de estruturas e elementos prontos, edite-os como precisar, e o Blocks escreve o código para você.
Há uma opção para quem gosta de programar e quer participar desse processo também: basta abrir a seção Código e você é livre para mudá-lo como quiser.
3. Estruturas e Elementos Prontos para Agilizar a Produção de Modelos de E-mail para Magento
O Blocks é um editor de arrastar e soltar, o que significa que, para montar um e-mail, basta escolher as estruturas e elementos que combinam com sua campanha, arrastá-los até a parte desejada do modelo de e-mail para o Magento e soltá-los lá. As estruturas e elementos prontos incluem vários tipos de cabeçalhos, rodapés, botões, grades de produtos, blocos descritivos e muito mais. Isso agiliza a produção de e-mails e deixa você livre para se concentrar em outras tarefas importantes!
4. O Blocks Pode Armazenar Seus Projetos para Você
O Blocks tem a função de armazenar todos os seus projetos em nossos servidores seguros: chega de procurar informações no seu computador ou pedir para os colegas de equipe te enviarem os materiais. Divida seus projetos em pastas separadas para facilitar a navegação, e você (e seus colegas) terão acesso 24 horas por dia a tudo o que precisam!
5. Modelos de E-mail para Magento Compatíveis com Dispositivos Móveis
Todo modelo de e-mail para o Magento que você cria no Blocks é responsivo, o que significa que seu e-mail vai ficar impecável em qualquer dispositivo. O Blocks tem uma função de pré-visualização que permite ver como seu modelo de e-mail se transforma da versão desktop para a versão mobile:
Como Adicionar um Modelo do Blocks aos E-mails Transacionais do Magento 2
O Blocks exporta um documento HTML completo com estilos inline. No Magento 2 e no Adobe Commerce, você pode transformá-lo em um e-mail transacional, como uma confirmação de pedido, de duas formas: pelo Admin ou como um arquivo no seu tema.
Onde Colocar o Modelo
No Admin, acesse Marketing > Communications > Email Templates e clique em Add New Template. Carregue o modelo padrão que você vai substituir, por exemplo New Order, para ver quais variáveis ele usa, e depois cole o HTML exportado em Template Content. Mantenha o CSS em uma tag <style> dentro do conteúdo: o Magento aplica o campo Template Styles apenas junto com o cabeçalho padrão. Atribua o resultado em Stores > Settings > Configuration > Sales > Sales Emails e lembre-se de que pedidos de visitantes têm um campo separado. Consulte o guia da Adobe sobre modelos de e-mail personalizados.
Para manter o modelo no código, salve-o no seu tema como app/design/frontend/<Vendor>/<theme>/Magento_Sales/email/order_new.html. Um arquivo de tema pode conter o documento completo ou apenas o corpo do e-mail do Blocks entre as diretivas padrão de cabeçalho e rodapé. Os modelos atribuídos no Admin têm prioridade sobre os arquivos de tema, como explica o guia de frontend do Adobe Commerce.
<!--@subject {{trans "Your %store_name order confirmation" store_name=$store.frontend_name}} @-->
{{template config_path="design/email/header_template"}}
<!-- body of the Blocks email -->
{{template config_path="design/email/footer_template"}}Quais Variáveis Usar
O Magento preenche o e-mail com diretivas entre chaves duplas. {{var order.increment_id}} exibe o número do pedido, {{trans}} gera uma string traduzível com variáveis e {{layout}} insere a tabela de itens do pedido. Desde a versão 2.4.4, todo modelo é processado no modo estrito, então métodos como getCustomerName() não podem mais ser chamados e chaves de dados como $order_data.customer_name tomam o lugar deles. Os detalhes estão no guia de migração para o modo estrito.
<p>{{trans "%customer_name," customer_name=$order_data.customer_name}}</p>
<p>Order #{{var order.increment_id}}</p>
{{layout handle="sales_email_order_items" order_id=$order_id area="frontend"}}
<p>{{trans "Thank you for your order from %store_name." store_name=$store.frontend_name}}</p>Ainda usa o Magento 1? Os e-mails transacionais dele são gerenciados em System > Transactional Emails e armazenados em app/locale/en_US/template/email/, e os modelos podiam chamar métodos diretamente, como em {{var order.getCustomerName()}}. O suporte ao Magento 1 terminou em 30 de junho de 2020, então esses modelos precisam da sintaxe estrita descrita acima quando você migrar para o Magento 2.
Como Testar o E-mail
Clique em Preview Template para conferir o layout antes de atribuir o modelo, depois faça um pedido de teste em uma loja de homologação e abra a confirmação nos clientes de e-mail que os seus clientes usam. Se Asynchronous Sending estiver ativado nas configurações de Sales Emails, o e-mail sai na próxima execução do cron, e não no momento da finalização da compra. Para modelos salvos no Admin, bin/magento dev:email:override-compatibility-check lista as variáveis que o modo estrito não vai resolver.
Considerações Finais
O Blocks vai levar a produção dos seus e-mails a outro nível. Assim, você economiza recursos e os investe em outras tarefas importantes que esperavam sua vez. Experimente o Blocks e, se tiver alguma dúvida, nossa equipe está sempre feliz em ajudar!