更新換貨用的「已建立退貨」電子郵件通知
如果您的商店使用 自訂通知範本,為確保在將換貨品項加入退貨時能正常運作,您可能需要手動更新 已建立退貨 電子郵件通知。
這些變更需要熟悉 Shopify 的通知範本所使用的程式碼。若您的範本已高度自訂,且不確定如何套用必要的變更,請聯絡進行變更的開發人員,或按一下 還原為預設,將範本還原至原始狀態。還原為預設後,所有自訂內容都會被移除,但預設範本可確保您使用的是最新的範本版本。
本頁內容
更新「已建立退貨」電子郵件通知
您可以更新 已建立退貨 通知,納入以下變更:
- 對於需補差額的換貨,顧客現在會在其退貨電子郵件中收到付款動作 (立即付款 按鈕)。同時也會更新郵件中的說明,以反映顧客可能需支付的未付餘額,並將說明移至郵件頂端。
- 新增名為 您將收到的品項 的段落以顯示換貨品項,並將 已退回的品項 段落更名為 要退回的品項。
- 退貨電子郵件將包含財務摘要,列出退貨與換貨品項的成本,以及適用的退貨費用。
步驟:
在 Shopify 管理介面,前往 設定 > 通知。
按一下「顧客通知」。
在「退貨」區段,按一下「已建立退貨」。
按一下「編輯程式碼」。
找出第一個出現的
{% if return_delivery.type == 'shopify_label' %},然後更新退貨運送說明:- 尋找
<p class="return-creation__subtitle">...</p>這行程式碼。 - 在該行之後加入以下程式碼區塊:
- 尋找
<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>- 將行動按鈕更新為包含「 立即付款 」邏輯:
- 尋找
<table class="row actions">...</table>這段程式碼。 - 將現有的程式碼區塊替換為以下程式碼區塊:
- 尋找
{% 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 %}- 找出第一個出現的「
{% elsif return_delivery.type == 'manual' %}」,然後更新退貨的手動運送說明:- 尋找
<p class="return-creation__subtitle">...</p>這行程式碼。 - 在該行之後加入以下程式碼區塊:
- 尋找
<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>- 在上一個步驟之後,於
{% 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 %}- 移除通知底部的舊版說明:
- 尋找
<h3>Instructions</h3>這行程式碼。 - 尋找並移除整段
<table class="row section">...</table>程式碼,該區塊自<h3>Instructions</h3>往上第七行開始。
- 尋找
- 新增換貨商品項目,並更新退貨項目的標題:
- 尋找
<h3>Returned items</h3>標籤。 - 尋找並以以下程式碼區塊取代整段
<table class="row section">...</table>程式碼。該區塊自<h3>Returned items</h3>往上第七行開始:
- 尋找
<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 %}- 加入財務摘要與退貨費用。請在上一步的變更之後加入以下區塊,或在
<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>- 按一下 儲存。