Shopify发货确认邮件Order Confirmation修改优化

最近Becky反馈说，有不少售后邮件是询问订单发货状态的，尽管我们这边只要完成发货就会把所有的运单号同步到Shopify的后台和PayPal的后台，随后Shopify系统也会自动给客户发一封订单已经发货的通知邮件。如果说只是一两个订单出现这个情况，可能是这一两个客户没有看到Shopify系统发送通知邮件，我们这边也可以直接帮他查询订单的运输状态。但是，这类邮件不在少数，所以，肯定是其中某个环节出现了问题的。

解决这个问题的最好办法，就是从一个真实用户的角度，去自己的网站上下一个订单，然后，看看自己能不能通过顺利的查询到该订单的运输状态。那么以下，就是发现问题和解决问题的全过程。

首先，在自己的网站上下一个订单。

因为要解决的问题在订单完成后的发货流程上，所以我们就直接在网站上新建一个售价为0美金的Test产品，产品创建好之后，直接打开产品页面，点击Buy Now按钮，进入到付款流程。像一个真实用户一样，在你的网站上下单，填写收单信息，点击Pay Now，完成订单。

点击BUY IT NOW在Checkout页面填写收件信息，点击Continue to Shipping进入到下一个页面

直接点击Continue to Payment进入到下一页，点击Pay Now完成订单，进入到Thank you页面

订单完成之后，在你网站后台就有这个订单信息了

然后我们再对这个订单进行发货处理。运单号我这边随意填写一个之前的运单号，LS005448780CN

可以看到，当运单号填写进去之后，Shopify系统会自动识别运单号，将对应的运单号查询地址显示在后面，因为这个运单号是E邮宝的，所以系统就直接显示了China Post作为提供运单查询服务的网站。

当然这个地方是可以修改的。这个订单我就先使用默认的China Post，稍后再下几个订单，测试下选择USPS，或者Other，手动填写17Track，会是什么样子的结果。

填写运单号，勾选上Send shipment details to your customer now这个选项，点击确认发货之后，该订单就会自动标记为已发货。稍等几秒钟就收到了订单确认邮件，以及订单发货通知邮件。邮件内容如下。提示说可以点击下面的View your order按钮查询订单的发货状态。

点击按钮之后页面就会跳转到我们网站的Thank you页面，在这里，就可以看到运单号了

emmmm

运单号下没有该订单的最新状态。

点击运单号之后，页面跳转到了Track China Post网站的首页。

要在这个网站上查询订单需要怎么做呢？需要客户重新回到Thank you页面，把运单号复制下来，然后再粘贴进China Post的搜索框中去查询运输状态

为了测试，我又额外的下了3个订单#1009，#1010和#1011，1009和1010使用同样的单号，发货的时候分别选择了USPS和Other并填写了17track的网站地址，1011发货的时候随意选了一个澳大利亚的运单号，并选择了Australia Post

测试发现，当我们选择other并且填写17Track.net/en的时候，和我们选择China Post一样，点击Thank you页面的运单号之后页面会直接跳转到17Track网站的首页。而当我们选择USPS和AUSTRALIA POST的时候，体验要好一些，页面会直接跳转到该运单的运输状态页面。

就上上面的测试结果来看，发货使用E邮宝，在填写运单号信息的时候，如果选择默认的China Post或者手动填写17Track，客户体验都要差很多。而选择USPS和AUSTRALIA POST的时候，体验则要好很多。

不过，选择USPS的话，有一点不太好的地方在，当订单还没有到达美国USPS，完成扫码入库之前，运单状态会一直显示Pre-Shipment，下面的进度条一直都是灰色的，需要点击Tracking History按钮之后才能查看到该订单在国内的运输过程。而Australia Post则可以完整显示订单从中国到澳大利亚的整个物流信息，并且只要运单号在国内上网，Australia Post会直接在进度条上显示出物流进度。

那么就上面的整个下单，查询物流信息的流程里面，我们在哪几方面可以提高用户体验呢？

在发货通知邮件里面，直接把运单号和运单查询网址填写进去，方便客户直接在邮件里面看到相关信息
点击邮件里面的查询运单信息的按钮之后，可以直接跳转到有物流信息的页面
在网站的FAQ页面里面写明订单查询的流程

问题找到了，解决问题的方向也找到了，下一步，就是要真正的着手去解决问题了。

修改Order Confirmation的邮件内容。一堆代码，怎么办？找谷歌和Shopify官方的相关说明文档啊

我会直接谷歌搜索how to insert tracking number into shopify order confirmation email。然后去找答案

通过搜索结果，至少我已经了解到，这个不是我一个人的需求，蛮多人都在找相关的解决方案。其中Shopify论坛里面的Todd19的回答为我提供了方向，顺藤摸瓜，在翻看了Shopify官方相关内容的说明文档，我感觉用我学到的那一丢丢HTML，应该是可以解决这个问题的。

直接把解决方案写在下面:

Setting 页面打开Notifications

在Shipping板块找到Shipping confirmation打开

把整个页面的代码都复制下来粘贴到文本文档中保存备份，虽然页面最下面有Revert to default按钮可以直接帮你把代码恢复到原版，但是还是要培养下备份的习惯。

做好备份后，找到如下代码位置

<h2>{{ email_title }}</h2>

<p>{{ email_body }}</p>

{% if fulfillment.estimated_delivery_at %}

<p>{{ email_emphasis }}</p>

{% endif %}

{% if order_status_url %}

<tr>

<tr>

<td class=”button__cell”><a href=”{{ order_status_url }}” class=”button__text”>View your order</a></td>

</tr>

</table>

{% if shop.url %}

<tr>

<td class=”link__cell”>or <a href=”{{ shop.url }}”>Visit our store</a></td>
</tr>

</table>

{% endif %}

</td>

</tr>

</table>

修改为

<h2>{{ email_title }}</h2>

<p>{{ email_body }}</p>

{% if fulfillment.estimated_delivery_at %}

<p>{{ email_emphasis }}</p>

{% endif %}

{% if order_status_url %}

<tr>

<tr>

<td class=”button__cell”><a href=”https://t.17track.net/en#nums={{ fulfillment.tracking_numbers }}” class=”button__text”>Track your order now</a></td>

</tr>

</table>

</td>

</tr>

</table>

{% if shop.url %}

<tr>

<td class=”link__cell”>Your tracking number is {{ fulfillment.tracking_numbers }}. <br><a href=”{{ order_status_url }}”>View your order</a> or <a href=”{{ shop.url }}”>Visit our store</a></td>

</tr>

</table>

{% endif %}