Personalizar modelos de notificação por e-mail

A loja tem vários modelos de notificação que podem ser acessados na seção Notificações do admin da Shopify.

Para personalizar as notificações de e-mail, é possível adicionar um logo ou alterar o esquema de cores para todos os modelos de uma só vez. Também é possível editar o conteúdo de notificações de e-mail individualmente.

Antes de editar o corpo e o título do assunto das notificações por e-mail, confirme o e-mail do remetente.

Para mais informações sobre modelos de SMS, consulte notificações por SMS.

Adicionar um logo aos seus modelos de e-mail

Desktop
  1. No admin da Shopify, acesse Configurações > Notificações.

  2. Clique em Notificações ao cliente.

  3. Clique em Personalizar modelos de e-mail.

  4. Adicione um logo clicando em Escolher arquivo, depois o encontre e carregue.

iPhone
  1. No app da Shopify, toque no botão e em Configurações.
  2. Na seção Configurações da loja, toque em Notificações.
  3. Toque em Notificações ao cliente.
  4. Toque em Personalizar modelos de e-mail.
  5. Toque em Escolher arquivo para localizar, fazer upload e adicionar um logo.
Android
  1. No app da Shopify, toque no botão e em Configurações.
  2. Na seção Configurações da loja, toque em Notificações.
  3. Toque em Notificações ao cliente.
  4. Toque em Personalizar modelos de e-mail.
  5. Toque em Escolher arquivo para localizar, fazer upload e adicionar um logo.

Escolher as cores para os seus modelos de e-mail

Desktop
  1. No admin da Shopify, acesse Configurações > Notificações.

  2. Clique em Notificações ao cliente.

  3. Clique em Personalizar modelos de e-mail.

  4. Altere a cor de destaque dos e-mails inserindo o código de cor ou clicando no seletor de cores.

iPhone
  1. No app da Shopify, toque no botão e em Configurações.
  2. Na seção Configurações da loja, toque em Notificações.
  3. Toque em Notificações ao cliente.
  4. Toque em Personalizar modelos de e-mail.
  5. Insira o código de cor ou use o seletor para alterar a cor de destaque de seus e-mails.
Android
  1. No app da Shopify, toque no botão e em Configurações.
  2. Na seção Configurações da loja, toque em Notificações.
  3. Toque em Notificações ao cliente.
  4. Toque em Personalizar modelos de e-mail.
  5. Insira o código de cor ou use o seletor para alterar a cor de destaque de seus e-mails.

Alteração do idioma de seus modelos de e-mail

O idioma-padrão que aparece nos modelos de e-mail depende do idioma do tema e de todas as edições feitas por você nos modelos:

  • Se você não fez alterações em seus modelos de e-mail, o idioma do modelo de e-mail será alterado quando você alterar o idioma do tema.
  • Se você já fez alterações no corpo e no título de seus modelos de e-mail, a alteração do idioma do tema não alterará o idioma dos modelos de e-mail.
  • Se você já fez alterações apenas no título dos seus modelos de email, a alteração do idioma do tema não alterará o idioma dos modelos de e-mail.
  • Se você já fez alterações apenas no corpo dos seus modelos de e-mail, a alteração do idioma do tema alterará o título para o novo idioma, mas não alterará o idioma do corpo dos modelos de e-mail.

Personalizar modelos de e-mail específicos

Etapas:

Desktop
  1. No admin da Shopify, acesse Configurações > Notificações.

  2. Clique em Notificações ao cliente.

  3. Clique no nome da notificação que você deseja alterar.

  4. Edite o campo Assunto do e-mail e o corpo da mensagem do e-mail.

  5. Clique em Salvar.

iPhone
  1. No app da Shopify, toque no botão e em Configurações.
  2. Na seção Configurações da loja, toque em Notificações.
  3. Toque em Notificações ao cliente.
  4. Toque no nome da notificação que você quer alterar.
  5. Edite o campo Assunto do e-mail e o corpo da mensagem do e-mail.
  6. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão e em Configurações.
  2. Na seção Configurações da loja, toque em Notificações.
  3. Toque em Notificações ao cliente.
  4. Toque no nome da notificação que você quer alterar.
  5. Edite o campo Assunto do e-mail e o corpo da mensagem do e-mail.
  6. Toque em Salvar.

Testar as alterações

Após personalizar um modelo de notificação, é possível visualizar as alterações no admin da Shopify ou enviá-lo por e-mail e ver como ele será exibido aos clientes.

Etapas:

  1. Para ver a notificação, acesse Ações > Pré-visualizar.
  2. Se estiver tudo certo com as alterações, feche a janela de pré-visualização e clique em Salvar.
  3. Para enviar a notificação como um e-mail de teste, clique em Ações > Enviar e-mail de teste. A mensagem será enviada à conta usada para fazer login no admin da Shopify.

Adicionar um número de cadastro fiscal a uma fatura

Em alguns países e regiões, talvez seja necessário incluir o número do cadastro fiscal em faturas de clientes ou outros avisos. Isso pode ocorrer na Austrália, no Canadá e na Índia com empresas que cobram o Imposto sobre bens e serviços (GST, na sigla em inglês). Na União Europeia, é possível que você precise mostrar o número de identificação do Imposto sobre valor agregado (IVA).

Consulte um contador ou uma autoridade do governo para saber se você precisa incluir o número.

Para que o número seja exibido em uma notificação por e-mail, siga estas etapas:

  1. Abra o modelo de e-mail específico que você quer editar.
  2. Na área Corpo do e-mail (HTML), insira seu registro ou número de identificação em um local apropriado. Inclua HTML para garantir que a saída esteja formatada corretamente.
  3. Opcional: para verificar se as personalizações são exibidas de maneira correta, faça a pré-visualização das alterações.
  4. Clique em Salvar.

No exemplo a seguir, o titular da loja adicionou o endereço e o Número de identificação fiscal após o logo na notificação de Confirmação de pedido.

  <table class="row">
    <tr>
      <td class="shop-name_cell">
        {%- if shop.email_logo_url %}
          <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
          <p>150 Elgin St, Ottawa K2P 1L4 GST# 123456789</p>
        {%- else %}
          <h1 class="shop-name_text">
            <a href="{{shop.url}}">{{ shop.name }}</a>
          </h1>
        {%- endif %}

Como alternativa, é possível comprar e fazer download de um app para faturas na Shopify App Store para poder incluir o número de identificação fiscal nas faturas.

Adicionar uma linha para os tributos de importação aos modelos de Confirmação e de Reembolso de pedidos

Caso os tributos de importação sejam recolhidos, verifique se os e-mails de notificação contêm uma linha para incluir esses tributos, assim, os clientes terão um registro do pagamento.

Os modelos de e-mail padrão para confirmação de pedido e reembolso de pedido são atualizados automaticamente para incluir o item de linha dos tributos de importação. Não é preciso fazer alterações.

Caso você tenha personalizado os modelos de e-mail para confirmação de pedido e reembolso do pedido, adicione o seguinte código para incluir uma linha de tributos de importação.

{% if current_total_duties %}

<tr class="subtotal-line">
 <td class="subtotal-line__title">
   <p>
     <span>Duties</span>
   </p>
 </td>
 <td class="subtotal-line__value">
   <strong>{{ current_total_duties | money }}</strong>
 </td>
</tr>

{% endif %}

Adicionar condições de pagamento a faturas de pedido

Os termos de pagamento especificam a data em que um pedido deve ser pago.

Caso tenha personalizado o modelo de e-mail Fatura do pedido, insira o código a seguir no documento para adicionar datas de vencimento, inclusive para os pagamentos que vencem no processamento.

{% assign due_date = payment_terms.next_payment.due_at | default: nil %}

{% if payment_terms.type == 'receipt' and due_date == nil %}
   {% assign due_date = 'now' %}
{% endif %}

{% if payment_terms.type == 'fulfillment' and payment_terms.next_payment.due_at == nil % }
  <h2> Payment of {{ order.total_outstanding | money }} is due on fulfillment </h2>
{% else %}
  <h2>Payment of {{ order.total_outstanding | money }} is due {{ due_date | date: format: 'date' }}</h2>
{% endif %}

Siga estas etapas para exibir o nome da condição de pagamento no modelo de e-mail:

 1. Encontre esta seção, se existir:

{% if shipping_address or billing_address or shipping_method %}

 2. Substitua-a pelo seguinte:

 {% if shipping_address or billing_address or shipping_method or payment_terms %}

 3. Na área Corpo do e-mail (HTML), insira o nome das condições de pagamento no local apropriado.

  {% if payment_terms %}
    <td class="customer-info__item">
      <h4>Payment</h4>
      <p> Terms: {{ payment_terms.name }} </p>
    </td>
  {% endif %}

 4. Clique em Salvar.

No exemplo a seguir, o titular da loja adicionou as condições de pagamento na seção de informações do cliente após shipping_method.

Exemplo

Para saber mais, consulte a referência do Liquid para payment_terms.

Adicionar uma mensagem personalizada às notificações

Você pode adicionar uma mensagem personalizada a várias notificações, incluindo:

  • Checkout abandonado
  • Fale com o cliente
  • ativação do cliente
  • Criar fatura do pedido

Etapas:

  1. Insira uma mensagem personalizada no campo de texto.
  2. Clique em Revisar e-mail.
  3. Verifique se a mensagem está sendo exibida corretamente e clique em Voltar para fazer as alterações.
  4. Clique em Enviar notificação quando estiver pronto.

Criar estilos de modelos de e-mail usando CSS inline

Use CSS em linha para estilizar seus modelos de e-mail substituindo a folha de estilos padrão, que é: <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">. O editor de modelos coloca em linha automaticamente todas as tags de estilo no modelo. Ele preserva as consultas de mídia para facilitar a criação de e-mails responsivos. As folhas de estilo externas e as carregadas com recursos de tema não serão tornadas em linha, por isso é recomendado que o estilo CSS seja incluído em uma tag <style> no <head> de seus modelos.

Conversão automática de e-mails em texto simples

Seus modelos de e-mail em HTML serão transformados em texto simples para clientes de e-mail que exigem que essa versão seja exibida, como o Mail for Apple Watch.

Não encontrou as respostas que está procurando? Estamos sempre à disposição para ajudar você.