Atualizar a notificação por e-mail sobre devolução aprovada para trocas

Caso a loja use modelos de notificação personalizados, talvez seja necessário atualizar manualmente a notificação por e-mail Devolução aprovada 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.

Aviso

Antes de fazer alterações, guarde uma cópia do modelo como backup no Google Docs, por exemplo. Para isso, basta copiar e colar o conteúdo em um documento. Antes de clicar em Salvar, clique em Pré-visualizar para revisar as alterações e garantir que elas funcionam conforme o esperado.

Atualizar a notificação por e-mail Devolução aprovada

É possível atualizar a notificação Devolução aprovada 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:

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

2. Clique em Notificações ao cliente.

3. Na seção Devoluções, clique em Solicitação de devolução aprovada.

4. Clique em Editar código.

5. Atualize o subtítulo para incluir a lógica de frete e o saldo do pedido:

   1. Localize a primeira linha de código {% if has_label_attached %}.
   2. Substitua o bloco de código existente por este:

{% if has_label_attached %}
    Print your return shipping label and attach it to the package containing your return items.
  {% else %}
    {% if return_delivery_first.type == 'shopify_label' and return.order_total_outstanding > 0 %}
      Your return was approved and a balance is due. Pay the outstanding balance, and once you receive your return shipping label, follow the instructions to complete your return.
    {% else %}
      We will send you additional information to complete the return.
    {% endif %}
  {% endif %}

1. Atualize as instruções de frete de devolução:
   1. Localize a linha de código <p class="return-approved__body">...</p>.
   2. Adicione o seguinte bloco de código após a linha de código:

{% if has_label_attached or has_tracking_number %}
<table class="row section">
  <tr>
    <td class="section__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              <h3>Instructions</h3>
            </td>
          </tr>
        </table>
        <table class="container">
          <tr>
            <td>
              <ol class="return-approved__instructions">
                <li class="return-approved__instruction-step">Pack the items you're returning.</li>
                {% if return.checkout_payment_collection_url %}
                  <li class="return-approved__instruction-step">Pay the outstanding balance.</li>
                {% endif %}
                <li class="return-approved__instruction-step">Print your return label and attach it to the package. Cover or remove any old shipping labels.</li>
                <li class="return-approved__instruction-step">
                  {% if return_delivery_first.carrier_name %}
                    Give the package to {{ return_delivery_first.carrier_name }}.
                  {% else %}
                    Give the package to the carrier identified on the label.
                  {% endif %}
                </li>
                {% if has_tracking_number %}
                  <li class="return-approved__instruction-step">Track your return to make sure we get it.</li>
                {% endif %}
              </ol>
              {% if has_tracking_number %}
                <p class="return-approved__tracking-number">
                  {% if return_delivery_first.carrier_name %}
                      {{ return_delivery_first.carrier_name }} tracking number: <a target="_blank" href="{{ return_delivery_first.tracking_url) }}">{{ return_delivery_first.tracking_number) }}</a>
                  {% else %}
                      Tracking number: <a target="_blank" href="{{ return_delivery_first.tracking_url) }}">{{ return_delivery_first.tracking_number) }}</a>
                  {% endif %}
                </p>
              {% endif %}
            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>
{% endif %}

1. Atualize a call-to-action para incluir a lógica Pagar agora:
   1. Localize a linha de código <table class="row actions">...</table>.
   2. Substitua o bloco de código existente por este:

{% if has_label_attached %}
  {% capture url_primary %}{{ public_file_url }}{% endcapture %}
  {% capture text_primary %}Print return label{% endcapture %}
  {% capture url_secondary %}{{ return.checkout_payment_collection_url }}{% endcapture %}
  {% capture text_secondary %}Pay now{% endcapture %}

  <table class="row actions">
    <tr>
      <td class="empty-line">&nbsp;</td>
    </tr>
    <tr>
      <td class="actions__cell">
        {% if url_primary != blank or url_secondary != blank %}
          {% 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>
        {% else %}
        <table class="button main-action-cell">
          <tr>
            <td class="button__cell">
              <a href="{{ order.order_status_url }}" class="button__text">View your order</a>
            </td>
          </tr>
        </table>
        {% endif %}
      </td>
    </tr>
  </table>

{% else %}
  {% capture url_primary %}{{ return.checkout_payment_collection_url }}{% endcapture %}
  {% capture text_primary %}Pay now{% endcapture %}
  {% capture url_secondary %}{% endcapture %}
  {% capture text_secondary %}{% endcapture %}

  <table class="row actions">
    <tr>
      <td class="empty-line">&nbsp;</td>
    </tr>
    <tr>
      <td class="actions__cell">
        {% if url_primary != blank or url_secondary != blank %}
          {% 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>
        {% else %}
        <table class="button main-action-cell">
          <tr>
            <td class="button__cell">
              <a href="{{ order.order_status_url }}" class="button__text">View your order</a>
            </td>
          </tr>
        </table>
        {% endif %}
      </td>
    </tr>
  </table>

{% endif %}

1. Remova as instruções antigas na parte inferior da notificação:

   1. Localize a linha de código <h3>Instructions</h3>.
   2. Localize e remova todo o bloco de código de <table class="row section">...</table>.

2. Adicione itens de linha de troca e atualize o título dos itens de devolução:

   1. Localize a tag <h3>Return summary</h3>.
   2. Substitua a parte externa da tabela correspondente a <table class="row section"> pelo seguinte bloco:

{%- if return.line_items.size > 0 -%}
<table class="row section">
  <tr>
    <td class="section__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              <h3>Items to return</h3>
            </td>
          </tr>
        </table>
        <table class="container">
          <tr>
            <td>

<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 }}&nbsp;&times;&nbsp;{{ 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 %}
              <p>
                <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>
              </p>
              {% 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 %}
              {% capture final_line_price %}
                  {{ line_item.final_line_price | money }}
              {% endcapture %}
              {{ final_line_price }}
            {% else %}
              Free
            {% endif %}
          </p>
        </td>
      </table>
    </td>
  </tr>
  {% endfor %}
</table>

            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>
        {%- endif -%}

        {%- if return.exchange_line_items.size > 0 -%}
          <table class="row section">
  <tr>
    <td class="section__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              <h3>Items you'll receive</h3>
            </td>
          </tr>
        </table>
        <table class="container">
          <tr>
            <td>

<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 }}&nbsp;&times;&nbsp;{{ 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 %}
              <p>
                <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>
              </p>
              {% 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 %}
              {% capture final_line_price %}
                  {{ line_item.final_line_price | money }}
              {% endcapture %}
              {{ final_line_price }}
            {% else %}
              Free
            {% endif %}
          </p>
        </td>
      </table>
    </td>
  </tr>
  {% endfor %}
</table>

            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>
{%- endif -%}

1. 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">
  {% 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 }}&nbsp;&times;&nbsp;{{ 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 %}
              <p>
                <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>
              </p>
              {% 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 %}
              {% capture final_line_price %}
                  {{ line_item.final_line_price | money }}
              {% endcapture %}
              {{ final_line_price }}
            {% else %}
              Free
            {% endif %}
          </p>
        </td>
      </table>
    </td>
  </tr>
  {% endfor %}
</table>

            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>
        {%- endif -%}

        <table class="row content">
  <tr>
    <td class="content__cell">
      <center>
        <table class="container">
          <tr>
            <td>

          <table class="row subtotal-lines">
  <tr>
    <td class="subtotal-spacer"></td>
    <td>
      <table class="row subtotal-table">

        {% capture line_items_subtotal_price %}
          {% if return.line_items_subtotal_price < 0 %}
            -{{ return.line_items_subtotal_price | abs | money }}
          {% else %}
            {{ return.line_items_subtotal_price | money }}
          {% endif %}
        {% endcapture %}

<tr class="subtotal-line">
  <td class="subtotal-line__title">
    <p>
      <span>Subtotal</span>
    </p>
  </td>
  <td class="subtotal-line__value">
      <strong>{{ line_items_subtotal_price }}</strong>
  </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">
      <strong>{{ fee.subtotal | money }}</strong>
  </td>
</tr>

{% endfor %}

        {% if return.total_tax_price %}
          {% capture total_tax_price %}
            {% if return.total_tax_price < 0 %}
              -{{ return.total_tax_price | abs | money }}
            {% else %}
              {{ return.total_tax_price | money }}
            {% endif %}
          {% endcapture %}

<tr class="subtotal-line">
  <td class="subtotal-line__title">
    <p>
      <span>Estimated taxes</span>
    </p>
  </td>
  <td class="subtotal-line__value">
      <strong>{{ total_tax_price }}</strong>
  </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>
      </center>
    </td>
  </tr>
</table>

1. Clique em Salvar.