Personalização de modelos de notificação por e-mail

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

É possível personalizar as notificações por e-mail adicionando um logo ou alterando o esquema de cores para todos os modelos ao mesmo tempo. Também é possível editar o conteúdo das notificações por e-mail individualmente.

Antes de editar o corpo e o assunto das notificações por e-mail, é preciso confirmar o e-mail do remetente.

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

Adicionar um logo aos modelos de e-mail

Escolher cores para os modelos de e-mail

Alterar o idioma dos modelos de e-mail

O idioma-padrão em que os modelos de e-mail são exibidos depende do idioma do tema e das edições feitas nos modelos:

• Se você não tiver feito alterações nos modelos de e-mail, o idioma deles também será alterado quando o idioma do tema mudar.
• Se você tiver alterado o corpo e o título dos modelos de e-mail, a mudança do idioma do tema não alterará o idioma dos modelos de e-mail.
• Se você tiver alterado apenas o título dos modelos de e-mail, a mudança do idioma do tema não alterará o idioma dos modelos de e-mail.
• Se você tiver alterado apenas o corpo dos modelos de e-mail, a mudança do idioma do tema alterará o título para o novo idioma, mas não o idioma do corpo dos modelos de e-mail.

Remover o branding da Shopify no rodapé do e-mail

O modelo de rodapé padrão inclui o branding da Shopify, que é exibido no rodapé do e-mail como Com tecnologia da Shopify para os clientes. É possível remover o branding da Shopify no rodapé do e-mail. Se a loja estiver no plano Shopify Plus, os rodapés dos e-mails de notificação ao cliente não exibirão o branding da Shopify.

Etapas:

Personalizar modelos de e-mail específicos

Testar as alterações

Ao personalizar um modelo de notificação, é possível pré-visualizar as alterações no admin da Shopify ou enviá-lo por e-mail para analisar como ele será exibido para os clientes.

Etapas:

1. Para pré-visualizar as alterações não salvas, clique em Pré-visualizar.
2. Para enviar a notificação como um e-mail de teste, clique em Enviar e-mail de teste. O e-mail será enviado para a conta que você usou para fazer login no admin da Shopify.
3. Se as alterações estiverem satisfatórias, feche a janela de pré-visualização e clique em Salvar.

Adicionar um número de cadastro fiscal a uma fatura

Em alguns países e regiões, pode ser necessário incluir o número de cadastro fiscal nas faturas dos clientes ou em outros avisos. Na Austrália, no Canadá e na Índia, as empresas que cobram o imposto sobre bens e serviços (GST) podem precisar incluir o número de cadastro. Na União Europeia, talvez seja necessário incluir seu número de identificação para o imposto sobre valor agregado (IVA).

Consulte seu contador ou um órgão governamental para saber se é necessário incluir o número.

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

1. Abra o modelo de e-mail específico que quer editar.
2. Na área Corpo do e-mail (HTML), insira o número de cadastro ou de identificação em um local apropriado. Inclua o código HTML para garantir que o resultado seja formatado corretamente.
3. Opcional: para verificar se as personalizações são exibidas corretamente, visualize as 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 da loja 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 %}

Se preferir, compre e faça o download de um app de faturas na Shopify App Store. Um app de faturas permite incluir o número de identificação fiscal nas faturas.

Adicionar uma linha de tributos de importação aos modelos de Confirmação de pedido e Reembolso de pedido

Caso você recolha tributos de importação, verifique se os e-mails de notificação contêm uma linha de tributos para que os clientes tenham um registro do pagamento dessa taxa.

Se você usa os modelos de e-mail padrão de Confirmação de pedido e Reembolso de pedido, seus e-mails são atualizados automaticamente para incluir um item de linha de tributos de importação. Não é preciso fazer nenhuma alteração.

Se você personalizou os modelos de e-mail de Confirmação de pedido e Reembolso de pedido, poderá adicionar o seguinte código aos modelos de e-mail para adicionar 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 prazos de pagamento a faturas de pedido

Os prazos de pagamento especificam a data de vencimento do pagamento de um pedido.

Se você personalizou o modelo de e-mail de Fatura de pedido, poderá adicionar o código a seguir aos modelos de e-mail para adicionar as datas de vencimento do pagamento, incluindo o vencimento 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 %}

Para exibir o nome do prazo de pagamento no modelo de e-mail, siga estas etapas:

 1. Encontre a seção a seguir, se ela 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 dos prazos de pagamento em um 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 os prazos de pagamento na seção de informações do cliente após shipping_method.

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

Adicionar uma mensagem personalizada às notificações

É possível adicionar uma mensagem personalizada a várias notificações, como:

• checkout abandonado
• contato com o cliente
• ativação de cliente
• fatura de rascunho de pedido

Etapas:

1. Insira uma mensagem personalizada no campo de texto.
2. Clique em Pré-visualizar.
3. Verifique se a mensagem é exibida corretamente e clique em Enviar e-mail de teste.

Estilizar modelos de e-mail com CSS em linha

É possível usar CSS em linha para estilizar os modelos de e-mail e substituir a folha de estilo padrão, que é: <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">. O editor de modelos incorpora automaticamente todas as tags de estilo no modelo e preserva as media queries para facilitar a criação de e-mails responsivos. Folhas de estilo externas e folhas de estilo carregadas com ativos de tema não podem ser incorporadas. Portanto, é recomendável que a estilização de CSS seja incluída em uma tag <style> no <head> dos modelos.

Reverter um modelo de e-mail para a versão anterior ou padrão

É possível reverter para a versão anterior ou para a versão padrão de um modelo de notificação por e-mail.

Ao reverter para a versão anterior ou padrão, somente o conteúdo do modelo é substituído. As personalizações feitas no logo ou na cor das notificações por e-mail não são alteradas.

Etapas:

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

2. Clique na categoria de notificações relevante.

3. Clique no modelo de notificação que você quer visualizar.

4. Clique em Reverter para.

5. No menu suspenso, selecione Anterior ou Padrão.

6. Clique em Salvar.

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

Seus modelos de e-mail em HTML são transformados em texto simples para clientes de e-mail que exigem a exibição dessa versão, como o Mail para Apple Watch.