DocumentaçãoCommerceGuia de sistemas do administrador

Personalizar modelos de email

Last update: Tue Nov 28 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Criado para:

  • Iniciante
  • Intermediário
  • Administrador
  • Líder

O Commerce inclui um modelo de email padrão para a seção do corpo de cada mensagem enviada pelo sistema. O modelo para o conteúdo do corpo é combinado com os modelos de cabeçalho e rodapé para criar a mensagem completa. O conteúdo é formatado com HTML e CSS e pode ser facilmente editado e personalizado adicionando variáveis e widgets. Os modelos de email podem ser personalizados para cada visualização de site, loja ou loja. Se estiver usando modelos personalizados, atualize o configuração do sistema para garantir que o modelo correto seja usado.

Exemplo - visualização do email de boas-vindas {width="500" modal="regular"}

Os templates padrão incluem o logotipo e informações da loja e podem ser usados sem mais personalizações. No entanto, como prática recomendada, você deve visualizar cada modelo e fazer as alterações necessárias antes de enviá-los aos clientes.

Modelos de email {width="700" modal="regular"}

Informações do modelo

Campo
Descrição
Template Name
O nome do seu modelo personalizado.
Insert Variable
Insere uma variável no modelo na posição do cursor.
Template Subject
O Assunto do modelo aparece na coluna Assunto e pode ser usado para classificar e filtrar os modelos na lista.
Template Content
O conteúdo do template no HTML.
Template Styles
Quaisquer declarações de estilo CSS necessárias para formatar o modelo podem ser inseridas no campo Template Styles ​caixa.

Modelo do cabeçalho

Após concluir o configuração, o template do cabeçalho de email inclui o logotipo vinculado à loja. Se você tem um conhecimento básico de HTML, você pode facilmente usar variáveis predefinidas para adicionar informações de contato da loja ao cabeçalho.

Etapa 1. Carregar o modelo padrão

  1. No Admin barra lateral, vá para Marketing > Communications>Email Templates.

  2. Clique em Add New Template.

  3. No Load default template clique na guia Template seletor e escolha Magento_Email > Header.

    Cabeçalho do modelo de email - carregar modelo padrão {width="600" modal="regular"}

  4. Clique em Load Template.

    O código HTML e as variáveis do modelo aparecem no formulário.

Etapa 2. Personalizar o modelo

  1. Insira o Template Name para o cabeçalho personalizado.

  2. Insira um Template Subject para ajudar a organizar os modelos.

    Na grade, a lista de modelos pode ser classificada e filtrada pela variável Subject ​coluna.

    Informações de cabeçalho do modelo de email {width="600" modal="regular"}

  3. No Template Content , modifique o HTML conforme necessário.

    note note
    NOTE
    Ao trabalhar no código do modelo, tenha cuidado para não substituir nada que esteja entre chaves duplas.

  4. Para inserir um variável, posicione o cursor no código em que deseja colocar a variável e clique em Insert Variable.

  5. Escolha a variável que deseja inserir.

    Modelo de cabeçalho - Inserir variável {width="600" modal="regular"}

    Quando uma variável é selecionada, uma variável tag de marcação para a variável é inserido no código.

    Embora as variáveis de armazenamento de endereço de email sejam as mais frequentemente incluídas no cabeçalho, você pode inserir o código para qualquer sistema ou variável personalizada diretamente no modelo.

  6. Se você precisar fazer qualquer declaração CSS, insira os estilos no campo Template Styles caixa.

  7. Quando estiver pronto para revisar seu trabalho, clique em Preview Template.

    Faça as alterações necessárias no modelo.

  8. Quando terminar, clique em Save Template.

    O cabeçalho personalizado agora aparece na lista de modelos de email disponíveis.

Etapa 3. Atualizar a configuração

  1. No Admin barra lateral, vá para Content > Design>Configuration.

  2. Na grade, localize a exibição de armazenamento que deseja configurar e clique em Edit no Action ​coluna.

  3. Rolar para baixo e expandir Seletor de expansão o Transactional Emails seção.

  4. Escolha o Header Template que é usado como padrão para notificações por email.

  5. Quando terminar, clique em Save Config.

Configuração de design de email transacional - modelo de cabeçalho {width="600" modal="regular"}

Modelo de rodapé

O rodapé do modelo de email contém a linha de fechamento e assinatura da mensagem de email. Você pode alterar o fechamento para ajustá-lo ao seu estilo e adicionar outras informações, como o nome da empresa e o endereço abaixo do seu nome.

Etapa 1. Carregar o modelo padrão

  1. No Admin barra lateral, vá para Marketing > Communications>Email Templates.

  2. Clique em Add New Template.

  3. No Load default template clique na guia Template seletor e escolha Magento_Email > Footer.

  4. Clique em Load Template.

    O código HTML e as variáveis do modelo aparecem no formulário.

Etapa 2. Personalizar e visualizar o modelo

  1. Insira o Template Name para seu rodapé personalizado.

  2. Insira um Template Subject para ajudar a organizar os modelos.

    Na grade, os templates podem ser classificados e filtrados pelo Subject ​coluna.

    Rodapé do modelo de email - informações {width="600" modal="regular"}

  3. No Template Content , modifique o HTML conforme necessário.

    note note
    NOTE
    Ao trabalhar no código do modelo, tenha cuidado para não substituir nada que esteja entre chaves duplas.

  4. Para inserir um variável, posicione o cursor no código em que deseja colocar a variável e clique em Insert Variable.

  5. Escolha a variável que deseja inserir.

    Quando uma variável é selecionada, uma variável tag de marcação para a variável é inserido no código.

    Embora as variáveis de Contato da Loja sejam as mais frequentemente incluídas no rodapé, você pode inserir o código de qualquer sistema ou variável personalizada diretamente no modelo.

  6. Se você precisar fazer qualquer declaração CSS, insira os estilos no campo Template Styles caixa.

Etapa 3. Atualizar a configuração

  1. No Admin barra lateral, vá para Content > Design>Configuration.

  2. Na grade, localize a exibição de armazenamento que deseja configurar e clique em Edit no Action ​coluna.

  3. Rolar para baixo e expandir Seletor de expansão o Transactional Emails seção.

  4. Escolha o Footer Template que é usado como rodapé padrão nas notificações por email.

  5. Quando terminar, clique em Save Config.

Configuração de design de email transacional - modelo de rodapé {width="600" modal="regular"}

Modelos de mensagem

O processo de personalização do corpo de cada mensagem é o mesmo que personalizar o cabeçalho ou rodapé. A única diferença é o modelo de mensagem para cada atividade ou evento que aciona uma notificação. Você pode usar os modelos como estão ou personalizá-los para corresponder à sua voz e marca. Além do texto do modelo, há uma grande variedade de opções predefinido variáveis e personalizado variáveis que podem ser criadas e incorporadas ao modelo.

Etapa 1. Carregar o modelo padrão

  1. No Admin barra lateral, vá para Marketing > Communications>Email Templates.

  2. Clique em Add New Template.

    Modelos de email - carregar modelo padrão {width="600" modal="regular"}

  3. Faça o seguinte:

    • Em Load default template, escolha o Template que deseja personalizar.

    • Clique em Load Template.

Etapa 2. Personalizar o modelo

  1. Para Template Name, digite um nome para o modelo personalizado.

  2. Se necessário, altere o Template Subject.

    Esta é a primeira linha da mensagem, que é a saudação por padrão. Você pode deixá-la como está ou pode inserir algo mais descritivo.

  3. Anote as Currently Used For caminho para o modelo, que é o caminho usado para atualizar a configuração.

    Modelos de email - informações do modelo {width="600" modal="regular"}

  4. No Template Content , modifique o HTML conforme necessário.

    O conteúdo consiste em uma combinação de tags HTML, diretivas CSS, variáveis e texto.

    note note
    NOTE
    Ao trabalhar no código do modelo, tenha cuidado para não digitar acidentalmente sobre o código delimitado por chaves duplas.

  5. Para inserir uma variável, posicione o cursor no código onde deseja que a variável apareça.

    A seleção de variáveis varia de acordo com o modelo e inclui as variáveis permitidas predefinido e personalizado variáveis, se disponíveis.

  6. Clique em Insert Variable e escolha a variável que deseja inserir.

    Um comando para inserir a variável é delimitado por chaves e adicionado ao código no local do cursor. Por exemplo:

    customVar code=my_custom_variable

  7. Para fazer declarações CSS, insira os estilos em Template Styles.

    Modelos de email - adicionar estilos personalizados {width="600" modal="regular"}

    note note
    NOTE
    Os estilos personalizados são aplicados ao email somente se {{template config_path="design/email/header_template"}} está presente no Template Styles. Para usar CSS personalizado sem um modelo de cabeçalho padrão, você deve fornecê-los aqui dentro do <style> tag HTML.

Etapa 3. Atualizar a configuração

A variável Currently Used For ​a trilha de navegação estrutural mostra onde o modelo é usado. Neste exemplo, a configuração do template está no estado​ Customer Configuration página, no campo Create New Account Options ​e na seção​ Default Welcome Email campo.

  • Página - Customer Configuration
  • Seção - Create New Account Options
  • Campo - Default Welcome Email

  1. No Currently Used For caminho da navegação estrutural, clique no link para abrir a página de configuração do modelo.

    Modelo de email atual {width="600" modal="regular"}

  2. Expandir Seletor de expansão seção e localize o campo referente ao modelo de email que você personalizou.

  3. Limpe a Use system value e clique no nome do seu modelo personalizado.

    Configuração de clientes - modelo de email de boas-vindas padrão {width="600" modal="regular"}

  4. Quando terminar, clique em Save Config.

  5. Na mensagem localizada na parte superior do espaço de trabalho, clique em Cache Management e limpe qualquer cache inválido.

Etapa 4. Pré-visualizar e salvar o modelo

  1. Quando estiver pronto para revisar seu trabalho, clique em Preview Template.

  2. Atualize o modelo conforme necessário.

  3. Quando terminar, clique em Save Template.

    Seu modelo personalizado agora está disponível na lista de modelos de email.

recommendation-more-help
d3c62084-5181-43fb-bba6-1feb2fcc3ec1