更新換貨的已建立退貨作業電子郵件通知
如果您的商店使用自訂通知範本,您可能需要手動更新已建立退貨流程電子郵件通知,以確保當您將換貨品項新增至退貨流程時,該通知可正常運作。
若要進行這些變更,您必須對 Shopify 通知範本中使用的程式碼相當熟悉。如果您範本的自訂程度相當高,且您不確定如何進行必要變更,請聯絡進行變更的開發人員,或按一下「還原為預設值」,將範本還原為原始狀態。還原為預設值時會移除所有自訂項目,但預設範本可確保您使用的範本為最新版本。
此頁面上
更新已建立退貨作業的電子郵件通知
您可以更新已建立退貨作業的通知,以納入下列變更內容:
- 若為應付淨額的換貨作業,顧客現在可以在退貨電子郵件中直接進行付款操作 (「立即付款」按鈕)。其中包含更新電子郵件的說明部分,以反映顧客可積欠的未付餘額,並將說明移至電子郵件的最上方。
- 新增一個標題為「將收貨商品」(Items you'll receive) 並顯示換貨商品的新區段,然後將「已退貨商品」(Returned items) 區段重新命名為「待退貨商品」(Items to return)。
- 退貨電子郵件包含一份財務摘要,說明退換貨的成本以及適用的退貨費用。
步驟如下:
在 Shopify 管理介面 中,前往「設定」>「通知」。
點選「顧客通知」。
在「退貨流程」區段中,按一下「已建立退貨作業」。
點擊「編輯程式碼」。
找出
{% if return_delivery.type == 'shopify_label' %}
第一次出現的位置,然後更新 Shopify Shipping 退貨流程指示:- 找出下列程式碼行:
<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' %}
第一次出現的位置,然後更新 Shipping 手動退貨流程指示:- 找出下列程式碼行:
<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>Returned items</h3>
標籤。 - 使用下列區塊取代符合
<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 }} × {{ 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>
- 按一下「儲存」。