Mise à jour de l’e‑mail de notification de retour approuvé pour les échanges

Cette page a été imprimée le May 19, 2024. Pour la dernière version, allez à https://help.shopify.com/fr/manual/orders/notifications/exchanges-notifications/return-approved-notification.

Si votre boutique utilise des modèles de notification personnalisés, vous devrez peut-être mettre à jour manuellement votre notification par e‑mail de Retour approuvé pour vous assurer qu’elle fonctionne lorsque vous ajoutez des articles d’échange à un retour.

Ces modifications nécessitent de connaître le code utilisé dans les modèles de notification de Shopify. Si vos modèles sont très personnalisés et que vous ne savez pas comment appliquer les modifications nécessaires, contactez le développeur qui a effectué les modifications ou cliquez sur Revenir à la valeur par défaut pour rétablir votre modèle à son état d’origine. Lorsque vous revenez au modèle par défaut, toutes vos personnalisations sont supprimées, mais le modèle par défaut vous permet d’être sûr d’utiliser la version la plus récente du code.

Sur cette page

Mettre à jour l’e‑mail de notification de retour approuvé

Mettre à jour l’e‑mail de notification de retour approuvé

Vous pouvez mettre à jour la notification de Retour approuvé afin d’inclure les modifications suivantes :

Pour les échanges nets à payer, un(e) client(e) peut désormais recevoir une action de paiement (bouton Payer maintenant) dans son e-mail de retour. Il s'agit notamment de mettre à jour la partie des instructions de l'e-mail qui traite les questions de solde restant à payer qu’un(e) client(e) peut devoir et de placer les instructions en haut de l'e-mail.
Une nouvelle section qui récapitule tous les articles de l’échange sous le titre Articles que vous recevrez et renomme la section Articles retournés en Articles à retourner.
Un résumé financier est inclus dans l’e-mail de retour avec le coût des articles d'échange et de retour, ainsi que les frais de retour applicables.

Étapes :

Depuis votre interface administrateur Shopify, accédez à Paramètres > Notifications.
Cliquez sur Notifications aux clients.
Dans la section Retours, cliquez sur Demande de retour approuvé.
Cliquez sur Modifier le code.
Mettez à jour le sous‑titre pour inclure la logique d’expédition et le solde de la commande :
1. Cherchez la première ligne de code {% if has_label_attached %}.
2. Remplacez le bloc de code existant par le bloc de code suivant :

  {% 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 %}

Mettez à jour les instructions d’expédition de retour :
1. Cherchez la ligne de code <p class="return-approved__body">...</p>.
2. Ajoutez le bloc de code suivant après la ligne de code :

{% 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 %}

Mettez à jour l’appel à l'action pour inclure la logique Payer maintenant :
1. Cherchez la ligne de code <table class="row actions">...</table>.
2. Remplacez le bloc de code existant par le bloc de code suivant :

{% 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 %}

Supprimez les anciennes instructions au bas de la notification :
1. Cherchez la ligne de code <h3>Instructions</h3>.
2. Cherchez et supprimez tout le bloc de code <table class="row section">...</table>.
Ajoutez des articles d'échange et mettez à jour le titre des articles à retourner :
1. Cherchez la balise <h3>Return summary</h3>.
2. Remplacez le tableau externe correspondant <table class="row section"> par le bloc suivant :

{%- 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 -%}

Présentez les données financières et les frais de retour. Ajoutez le bloc suivant après les modifications de l’étape précédente ou ajoutez-le avant la ligne de code <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>

Cliquez sur Enregistrer.

Mise à jour de l’e‑mail de notification de retour approuvé pour les échanges

Sur cette page

Mettre à jour l’e‑mail de notification de retour approuvé

Étapes :

Prêt(e) à commencer à vendre avec Shopify ?