Editar modelos de notificação

Sua loja tem muitos modelos de notificação. As notificações são acionadas por eventos, como um pedido feito ou processado, e são enviadas a você, sua equipe ou seus clientes de acordo com o evento e as configurações de notificação do pedido.

Você pode personalizar suas notificações de 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 de notificações de e-mail individualmente.

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

Observação

Para editar o corpo e o conteúdo do assunto das notificações por e-mail, é preciso primeiro confirmar o e-mail do remetente.

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.

Observação

Os clientes receberão notificações por e-mail em outros idiomas se esse recurso estiver ativado em uma loja multilíngue. Caso você queira editar as traduções dos modelos ou incluí-las nas notificações, consulte Notificações de checkout e 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.

Observação

Se você precisar redefinir um modelo para o padrão, clique em Reverter para o padrão abaixo do editor de modelos.

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.

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

Observação

Mensagens personalizadas também são uma opção. Para adicionar mensagens personalizadas, as notificações precisam conter a tag {{ custom_message }} no código. Se você clicar em Revisar e-mail sem adicionar uma mensagem personalizada ao enviar suas notificações, o e-mail será enviado sem ela.

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

Dica

Estilizar seus modelos com CSS requer conhecimento avançado de HTML e CSS.

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.