Atualizar a notificação por e-mail sobre devolução criada para trocas
Caso a loja use modelos de notificação personalizados, talvez seja necessário atualizar a notificação por e-mail Devolução criada manualmente para garantir o funcionamento correto quando você adicionar itens de troca a uma devolução.
Essas alterações exigem familiaridade com o código usado nos modelos de notificação da Shopify. Se os modelos forem altamente personalizados e você não tiver certeza de como aplicar as alterações necessárias, entre em contato com o desenvolvedor responsável ou clique em Reverter para o padrão para restaurá-los ao estado original. Ao fazer a reversão para o padrão, todas as suas personalizações serão removidas, mas o modelo padrão garantirá que você tenha sua versão mais atual.
Atualizar a notificação por e-mail sobre devolução criada
Você pode atualizar a notificação Devolução criada para incluir as seguintes alterações:
- Para trocas líquidas a pagar, um cliente agora pode receber uma ação de pagamento (botão Pagar agora) no e-mail de devolução. Com isso, há atualizações na parte de instruções mostrando o saldo devedor do cliente, e as instruções foram movidas para a parte de cima do e-mail.
- Uma nova seção que exibe os itens da troca no título de Itens que você vai receber e renomeia a seção Itens devolvidos como Itens para devolução.
- Um resumo financeiro é incluído como parte do e-mail de devolução com o custo dos itens de devolução e de troca e as taxas de devolução aplicáveis.
Etapas:
No admin da Shopify, acesse Configurações > Notificações.
Clique em Notificações ao cliente.
Na seção Devoluções, clique em Devolução criada.
Clique em Editar código.
-
Localize a primeira ocorrência de
{% if return_delivery.type == 'shopify_label' %}
e atualize as instruções de Devolução do Shopify Shipping:- Localize a linha de código
<p class="return-creation__subtitle">...</p>
. - Adicione o seguinte bloco de código após a linha de código:
- Localize a linha de código
<div class="return-label-beta__instructions">
<h2>Instructions</h2>
<ol>
<li>Pack the items you're returning.</li>
{% if return.checkout_payment_collection_url %}
<li>Pay the outstanding balance.</li>
{% endif %}
<li>Print your return shipping label. If you haven’t received it yet, we’ll send it to you soon.</li>
<li>Attach the label to the package. Cover or remove any old shipping labels.</li>
<li>
{% if return_delivery.carrier_name %}
Give the package to {{ return_delivery.carrier_name }}.
{% else %}
Give the package to the carrier identified on the label.
{% endif %}
</li>
<li>
Track your return using <a target="_blank" href="{{ return_delivery.tracking_url) }}">your tracking number</a> to make sure we get it.
</li>
</ol>
</div>
- Atualize a call-to-action para incluir a lógica Pagar agora:
- Localize a linha de código
<table class="row actions">...</table>
. - Substitua o bloco de código existente por este:
- Localize a linha de código
{% capture url_primary %}{{ return.checkout_payment_collection_url }}{% endcapture %}
{% capture text_primary %}Pay now{% endcapture %}
{% capture url_secondary %}{% endcapture %}
{% capture text_secondary %}{% endcapture %}
{% if url_primary != blank or url_secondary != blank %}
<table class="row actions">
<tr>
<td class="empty-line"> </td>
</tr>
<tr>
<td class="actions__cell">
{% if url_primary != blank %}
<table class="button main-action-cell">
<tr>
<td class="button__cell">
<a href="{{ url_primary }}" class="button__text">{{ text_primary }}</a>
</td>
</tr>
</table>
{% endif %}
{% if url_secondary != blank %}
<table class="button return__mobile-padding main-action-cell">
<tr>
<td class="button__cell">
<a href="{{ url_secondary }}" class="button__text return__main-button">{{ text_secondary }}</a>
</td>
</tr>
</table>
{% endif %}
{% endif %}
- Localize a primeira instância de
{% elsif return_delivery.type == 'manual' %}
e atualize as instruções de devolução manual do Shipping:- Localize a linha de código
<p class="return-creation__subtitle">...</p>
. - Adicione o seguinte bloco de código após a linha de código:
- Localize a linha de código
<div class="return-label-beta__instructions">
<h2>Instructions</h2>
<ol>
<li>Pack the items you're returning.</li>
{% if return.checkout_payment_collection_url %}
<li>Pay the outstanding balance.</li>
{% endif %}
<li>Print your return shipping label. If you haven’t received it yet, we’ll send it to you soon.</li>
<li>Attach the label to the package. Cover or remove any old shipping labels.</li>
<li>
{% if return_delivery.carrier_name %}
Give the package to {{ return_delivery.carrier_name }}.
{% else %}
Give the package to the carrier identified on the label.
{% endif %}
</li>
<li>
Track your return using <a target="_blank" href="{{ return_delivery.tracking_url) }}">your tracking number</a> to make sure we get it.
</li>
</ol>
</div>
- Adicione o seguinte bloco de código após a etapa anterior no bloco
{% elsif return_delivery.type == 'manual' %}
:
{% capture url_primary %}{{ return.checkout_payment_collection_url }}{% endcapture %}
{% capture text_primary %}Pay now{% endcapture %}
{% capture url_secondary %}{% endcapture %}
{% capture text_secondary %}{% endcapture %}
{% if url_primary != blank or url_secondary != blank %}
<table class="row actions">
<tr>
<td class="empty-line"> </td>
</tr>
<tr>
<td class="actions__cell">
{% if url_primary != blank %}
<table class="button main-action-cell">
<tr>
<td class="button__cell">
<a href="{{ url_primary }}" class="button__text">{{ text_primary }}</a>
</td>
</tr>
</table>
{% endif %}
{% if url_secondary != blank %}
<table class="button return__mobile-padding main-action-cell">
<tr>
<td class="button__cell">
<a href="{{ url_secondary }}" class="button__text return__main-button">{{ text_secondary }}</a>
</td>
</tr>
</table>
{% endif %}
<table class="link secondary-action-cell">
<tr>
<td class="link__cell">or <a target="_blank" href="{{ order.order_status_url }}">View your order</a></td>
</tr>
</table>
</td>
</tr>
</table>
{% endif %}
-
Remova as instruções antigas na parte inferior da notificação:
- Localize a linha de código
<h3>Instructions</h3>
. - Localize e remova todo o bloco de código de
<table class="row section">...</table>
.
- Localize a linha de código
-
Adicione itens de linha de troca e atualize o título dos itens de devolução:
- Localize a tag
<h3>Returned items</h3>
. - Substitua a parte externa da tabela correspondente a
<table class="row section">
pelo seguinte bloco:
- Localize a tag
<table class="row content">
<tr>
<td class="content__cell">
<center>
<table class="container">
<tr>
<td>
<h2>Items to return</h2>
<table class="row">
{% for line_item in return.line_items %}
<tr class="order-list__item">
<td class="order-list__item__cell">
<table>
<td>
{% if line_item.image %}
<img src="{{ line_item | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/>
{% endif %}
</td>
<td class="order-list__product-description-cell">
{% assign line_display = line_item.quantity %}
<span class="order-list__item-title">{{ line_item.title_without_variant }} × {{ line_display }}</span><br/>
{% if line_item.variant.title != 'Default Title' %}
<span class="order-list__item-variant">{{ line_item.variant.title }}</span><br/>
{% endif %}
{% if line_item.discount_allocations %}
{% for discount_allocation in line_item.discount_allocations %}
{% if discount_allocation.amount > 0 %}
<span class="order-list__item-discount-allocation">
<img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" />
<span>
{{ discount_allocation.discount_application.title | upcase }}
(-{{ discount_allocation.amount | money }})
</span>
</span>
{% endif %}
{% endfor %}
{% endif %}
</td>
<td class="order-list__price-cell">
{% if line_item.original_line_price != line_item.final_line_price %}
<del class="order-list__item-original-price">{{ line_item.original_line_price | money }}</del>
{% endif %}
<p class="order-list__item-price">
{% if line_item.final_line_price > 0 %}
{{ line_item.final_line_price | money }}
{% else %}
Free
{% endif %}
</p>
</td>
</table>
</td>
</tr>
{% endfor %}
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
{% if return.exchange_line_items.size > 0 %}
<table class="row content">
<tr>
<td class="content__cell">
<center>
<table class="container">
<tr>
<td>
<h2>Items you'll receive</h2>
<table class="row">
{% for line_item in return.exchange_line_items %}
<tr class="order-list__item">
<td class="order-list__item__cell">
<table>
<td>
{% if line_item.image %}
<img src="{{ line_item | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/>
{% endif %}
</td>
<td class="order-list__product-description-cell">
{% assign line_display = line_item.quantity %}
<span class="order-list__item-title">{{ line_item.title_without_variant }} × {{ line_display }}</span><br/>
{% if line_item.variant.title != 'Default Title' %}
<span class="order-list__item-variant">{{ line_item.variant.title }}</span><br/>
{% endif %}
{% if line_item.discount_allocations %}
{% for discount_allocation in line_item.discount_allocations %}
{% if discount_allocation.amount > 0 %}
<span class="order-list__item-discount-allocation">
<img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" />
<span>
{{ discount_allocation.discount_application.title | upcase }}
(-{{ discount_allocation.amount | money }})
</span>
</span>
{% endif %}
{% endfor %}
{% endif %}
</td>
<td class="order-list__price-cell">
{% if line_item.original_line_price != line_item.final_line_price %}
<del class="order-list__item-original-price">{{ line_item.original_line_price | money }}</del>
{% endif %}
<p class="order-list__item-price">
{% if line_item.final_line_price > 0 %}
{{ line_item.final_line_price | money }}
{% else %}
Free
{% endif %}
</p>
</td>
</table>
</td>
</tr>
{% endfor %}
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
{% endif %}
- Apresente dados financeiros e taxas de devolução. Adicione o bloco a seguir após as alterações da etapa anterior ou antes da linha de código
<table class="row footer">
:
<table class="row section">
<tr>
<td class="section__cell">
<center>
<table class="container">
<tr>
<td>
<table class="row subtotal-lines">
<tr>
<td class="subtotal-spacer"></td>
<td>
<table class="row subtotal-table">
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>Subtotal</span>
</p>
</td>
<td class="subtotal-line__value">
<span>{{ return.line_items_subtotal_price | money }}</span>
</td>
</tr>
{% assign fees = return.fees %}
{% for fee in fees %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>{{ fee.title }}</span>
</p>
</td>
<td class="subtotal-line__value">
<span>{{ fee.subtotal | money }}</span>
</td>
</tr>
{% endfor %}
{% if return.total_tax_price > 0 %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>Estimated taxes</span>
</p>
</td>
<td class="subtotal-line__value">
<span>{{ return.total_tax_price | money }}</span>
</td>
</tr>
{% endif %}
{% if return.total_price > 0 %}
<table class="row subtotal-table subtotal-table--total">
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>Amount to pay</span>
</p>
</td>
<td class="subtotal-line__value">
<strong>{{ return.total_price | money_with_currency }}</strong>
</td>
</tr>
</table>
{% elsif return.total_price <= 0 %}
<table class="row subtotal-table subtotal-table--total">
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>Estimated refund</span>
</p>
</td>
<td class="subtotal-line__value">
<strong>{{ return.total_price | abs | money_with_currency }}</strong>
</td>
</tr>
</table>
{% endif %}
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
- Clique em Salvar.