作成した返品メール通知を交換用に更新する

このページはMay 20, 2024に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/orders/notifications/exchanges-notifications/return-created-notificationをご覧ください。

ストアで、カスタマイズした通知テンプレートを使用している場合、[作成した返品] のメール通知を手動で更新して、交換アイテムを返品に追加する場合に対応できるようにする必要があります。

この変更を行うには、Shopifyの通知テンプレートで使用されているコードについて細部まで把握している必要があります。テンプレートが高度にカスタマイズされており、必要な変更を適用する方法が分からない場合は、その変更を行った開発者に連絡するか、[デフォルトに戻す] をクリックしてテンプレートを元の状態に戻します。デフォルトに戻すと、カスタマイズした内容はすべて削除されますが、デフォルトのテンプレートは最新バージョンになります。

目次

作成した返品メール通知を更新する

[作成した返品] の通知を更新することにより、以下の変更を適用することができます。

  • 差額の支払いが必要な交換の場合、お客様に、決済アクション ([今すぐ支払う] ボタン) が追加された返品メールを送信することが可能になりました。このメールでは、お客様の未払い残高が反映された新しい手順が、メール上部に記載されます。
  • [配達されるアイテム] の見出しの下に交換アイテムを表示する新しいセクションを追加し、[返品されたアイテム] セクションから [返品するアイテム] に名前を変更します。
  • 返品メールの一部として、返品アイテムと交換アイテムの費用、および適用される返品手数料が記載された財務サマリーが追加されます。

手順

  1. 管理画面から、[設定] > [通知] に移動します。
  2. [お客様通知] をクリックします。
  3. [返品] セクションで、[作成した返品] をクリックします。
  4. [コードを編集] をクリックします。
  5. {% if return_delivery.type == 'shopify_label' %}の最初のインスタンスを選択して、Shopify Shippingでの返品手順を更新します。
    1. <p class="return-creation__subtitle">...</p>のコード行を選択します。
    2. コード行の後に、以下のコードブロックを追加します。 
              <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>
  1. CTAを更新して、[今すぐ支払う] ロジックを追加します。
    1. <table class="row actions">...</table>のコード行を選択します。
    2. 既存のコードブロックを以下のコードブロックに変更します。 
{% 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">&nbsp;</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 %}
  1. {% elsif return_delivery.type == 'manual' %}の最初のインスタンスを選択して、Shippingでの返品マニュアル手順を更新します。
    1. <p class="return-creation__subtitle">...</p>のコード行を選択します。
    2. コード行の後に、以下のコードブロックを追加します。 
              <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>
  1. 前の手順を完了したら、{% 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">&nbsp;</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 %}

  1. 通知の下部にある古い手順を削除します。

    1. <h3>Instructions</h3>のコード行を選択します。
    2. <table class="row section">...</table>のコードブロック全体を見つけて、削除します。

  2. 交換アイテムを追加して、返品アイテムのタイトルを更新します。

    1. <h3>Returned items</h3>のタグを選択します。
    2. <table class="row section">と一致する外側のテーブルを以下のブロックに変更します。 
<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 }}&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 %}
                <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 }}&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 %}
                <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 %}
  1. 財務情報と返品手数料を追加します。以下のブロックを、前の手順での変更箇所の後、または<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>
  1. [保存] をクリックします。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す