Shopify Notification “通知”設置的是 Shopify 網站發給客戶以及我們賣家的各種郵件或者短信通知的內容和頁面排版設置。例如當有一個客戶下單之後,他會收到 Shopify 系統發送的訂單確認 Order confirmation 郵件,當有客戶訂單被取消的時候,他會收到訂單取消的通知。這些都是 Shopify 系統在不同的情況下會觸發不同的系統郵件,自動發送給客戶的,不需要我們做任何的人工干預。

本篇除了簡單的介紹下“通知”頁面的基礎設置之外,還會介紹下使用 Shopify 插件 OrderlyEmail 來優化通知郵件,讓其擁有“營銷”功能促進客戶返單;以及舉例如何通過 Shopify 的 Webhooks 功能把 Shopify 網站數據自動傳送到谷歌表格做數據備份,來了解 Webhooks 的用途。

圖片[1]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

最近 Shopify 在國內不太穩定,如果打不開 Shopify 官網, 或者打開速度很慢,無法註冊或者登錄 Shopify 賬戶,請使用“魔法”重試,你懂的。

事務性郵件和營銷郵件的區別

我們在這裏設置的通知郵件,屬於 Transactional Email 事務性郵件,當客戶在我們的網站上觸發某種行爲時,網站系統就會自動發送預先設置好的對應郵件到客戶提交的郵箱地址。例如客戶在我們的網站上創建賬戶,訂閱郵件,下單,取消訂單,忘記密碼等等行爲,都會觸發系統發送對應的事務性郵件。和營銷郵件不同的是,即使這個客戶在我們的網站下單時,沒有勾選“Keep me up to date on news and exclusive offers”, Shopify 系統也能發送相關郵件給客戶。

圖片[2]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

而營銷郵件,則會嚴格遵守客戶的意願和選擇,如果客戶沒有通過網站彈窗提交郵箱地址,或者在下單的時候沒有勾選“Keep me up to date on news and exclusive offers”,即使客戶在我們的網站上下單了,我們也沒有權限給客戶發送營銷郵件,甚至提供郵件營銷服務的 Mailchimp,Klaviyo 都不會把這類客戶的郵箱地址添加到郵件列表中去。

所以,我們可以在規則允許的範圍內,在 Transactional Email 事務性郵件,也就是在 Shopify 通知郵件中,通過各種途徑,插入具有營銷性質的內容,來提高網站的訂單轉化率和客單價,是我們本篇 Shopify 教程要完成的主要目標。下面兩封郵件,可以幫我們更清晰的瞭解這一目標。

亞馬遜的“訂單確認” Order Confirmation 郵件

當客戶在亞馬遜上下單之後,收到的亞馬遜訂單確認郵件,不僅僅包含訂單的基本信息,還會有產品推薦 “Customers Who Bought Items in Your Order Also Bought” 內容, 通過這種方式來提高訂單轉化率和客單價。

圖片[3]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

FilterEasy 的發貨通知郵件

和上面的亞馬遜訂單確認郵件類似, FilterEasy 在自己的發貨確認郵件中,除了添加訂單基本信息,運單信息之外,還在郵件右上角插入了社交賬號信息,以及郵件末尾的引薦營銷:“Refer & Earn”。

圖片[4]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

我們可以在其他網站上下單,來學習他們的郵件設置;也可以直接谷歌搜索 “transactional email example” 來獲得更多關於通知郵件的設置靈感。重點關注郵件裏面的“營銷”內容是如何設置和實現的,郵件設置樣式不是最主要的,美觀當然是好的,但是如果帶不來更多的銷售,再美觀也沒有意義。

Shopify Notification 通知設置

首先打開我們的 Shopify 後臺,點擊左下角的 Setting 設置頁面,然後再打開 Notification 通知頁面。或者可以直接使用鏈接 xxx.com/admin/settings/notifications 打開 Shopify 通知設置頁面 (鏈接中的 xxx.com 換成我們自己網站的域名)。如下圖所示。

圖片[5]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

客戶通知

客戶通知板塊的所有郵件或者短信都是自動發送給客戶的。首先我們來

自定義電子郵件模板

自定義電子郵件模板可以修改的內容非常有限,只能添加網站 Logo 到電子郵件模板中,以及修改下郵件的配色。這裏的設置會應用到 Shopify 網站所有的系統郵件中。點擊上圖中的“自定義電子郵件模板”按鈕,打開下圖頁面,我們可以把我們在 Shopify 品牌設置頁面設計好的網站 Logo 以及選好的網站配色應用到郵件模板中,讓品牌視覺效果在網站和系統郵件中保持一致。

圖片[6]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

上傳Logo,複製顏色的16位進制代碼到主題色選擇框中之後,我們可以調整 Logo 的尺寸,點擊郵件右上角的“<”“>”按鈕,來切換通知郵件,查看Logo和配色在不同郵件內容的顯示效果。如果不添加 Logo 的話,郵件內容中的 Logo 就會默認顯示我們在“商店詳情信息”頁面設置的“商店名稱”。

訂單

在“訂單”板塊設置的是所有和訂單相關的通知郵件的內容。包括“訂單確認”,“訂單已編輯”,“訂單發票”,“訂單已取消”,“訂單退款”等等。當訂單觸發對應的狀態時,Shopify 就會自動發送對應的郵件給客戶。

圖片[7]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

我們可以點擊訂單郵件的名稱,查看郵件的內容,發送測試郵件,以及編輯郵件的內容。這裏我們以“訂單確認”郵件爲例。打開如下圖所示頁面,除了在線預覽郵件內容,以及短信內容之外,我們還可以點擊右上角的“發送測試”發送測試郵件到我們的郵箱來感受下客戶收到的郵件是什麼樣子的。默認的收件人郵件地址是我們添加在“商店詳細信息”頁面的“商店聯繫人郵箱”,要想修改收件人地址,只能通過修改“商店聯繫人郵箱”來完成。

圖片[8]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

點擊“編輯代碼”按鈕,可以打開如下圖郵件主題和正文的編輯頁面。目前 Shopify 系統本身只支持通過修改代碼的方式來修改郵件內容和排版。所以,對於大部分獨立站賣家來說,是很不友好的。

圖片[9]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

谷歌搜索修改郵件代碼

想要修改郵件內容的話,我們可以通過 Google 搜索查找已有的代碼,或者在 Fiverr 上找人修改代碼,再或者使用 Shopify 應用 Orderly Email 來實現。例如在本站另外一篇文章 – Shopify店鋪發貨確認郵件 Order Confirmation 修改優化中,就是 Shopify 系統發送給客戶的訂單確認發貨郵件中的運單查詢鏈接打開之後無法直接顯示運單狀態,通過谷歌搜索找到了解決方案,然後依葫蘆畫瓢,修改代碼來實現想要的功能的。

想要什麼樣的效果就搜索什麼關鍵詞,例如想要在郵件中插入相關產品推薦,我們可以嘗試谷歌搜索“insert product recommend into shopify notification emails” 尋找答案,如果沒有找到解決方法,就可以嘗試 Fiverr 或者 Shopify 應用了。

Fiverr 上找郵件代碼修改服務

我懂一些代碼的皮毛,能夠應付一些簡單的修改。如果對代碼一點都不懂的話,推薦在 Fiverr 上求助開發者。如下圖是 Fiverr 上提供 Shopify 郵件設計的賣家(https://fiverr.com/shopify-email-template),15美金包含15個郵件模板,價格算是比較便宜的了。點擊下圖可以直接打開該 Fiverr 賣家的頁面。

圖片[10]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

下圖就是這個 Fiverr 賣家在自己的頁面上展示出來的其中一個定製出來的 Shopify 訂單確認通知郵件樣式。除了對郵件排版和樣式進行重新設計之外,還添加了“Shop by Category”產品推薦板塊,“Join our affiliate program” 加入聯盟板塊,以及在頁腳添加了社交賬號信息等等。

圖片[11]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

所以,在 Fiverr 上購買服務之前,我們應該先對我們的通知郵件應該是什麼樣子的有一個大概的概念,最好是有個草圖提供給他們,這樣溝通起來,實現起來會方便和高效很多。

使用 OrderlyEmail 優化 Shopify 系統郵件

再有就是通過 Shopify 應用 OrderlyEmails (https://apps.shopify.com/email-templates) 來實現了。

OrderlyEmails 不僅僅可以幫助我們美化 Shopify 系統郵件,我們還可以在郵件中添加很多自定義的內容,例如給客戶的返購折扣碼,相關產品推薦,客戶的評價 Reviews 等等。(點擊下圖打開 OrderlyEmails 插件安裝頁面)

圖片[12]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

安裝應用之後我們就可以對 Shopify 系統內置的所有郵件模板進行可視化的編輯,和設置 Shopify 網站主題一樣,我們可以設置郵件的字體,顏色風格,以及對郵件所有內容進行編輯。

圖片[13]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

點擊上圖左下角的 Add sections,還可以在郵件中插入更多自定義內容,如熱銷產品推薦,折扣碼,任意圖文,按鈕,鏈接等等。

圖片[14]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

經過 OrderlyEmails 優化後的郵件內容如下:

圖片[15]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

和上面兩個方法相比,Orderly Email 對 Shopify 系統郵件的修改更方便和隨心所欲。我們完全可以根據自己的需要,隨時對郵件的內容和樣式進行修改。但是 OrderlyEmail 的價格不算便宜,一套可以用在所有郵件上的模板年付價格 99 美金。所以,請根據自己的預算和實際需求來決定是否要購買這個服務。

個人覺得,如果可以的話,儘可能對 Shopify 默認郵件做一些營銷轉化上的優化。當然,就是用系統默認的郵件,也是完全沒有任何問題的。

發貨,本地配送,到店取貨,客戶,電子郵件營銷,退貨數量

其他項 – 發貨,本地配送,到店取貨,客戶,電子郵件營銷,退貨數量 – 的設置和上面我們說的訂單確認等等郵件一樣,儘可能包含一些營銷內容,來提高網站的訂單轉化率和客單價。不做任何修改,使用系統默認的設置也是完全沒有問題的。這裏就不再贅述。

營銷

雙重選擇加入

雙重選擇加入是指,客戶在網站提交郵箱訂閱郵件之後,系統會自動發送一封“確認訂閱”的郵件,只有當客戶點擊郵件中的確認按鈕之後,客戶的郵件地址纔會被加入到郵件列表中。否則,即使客戶提交郵箱訂閱郵件,只要他沒有再次確認,那麼我們就不能給他發送營銷郵件。雙重確認的主要目的是提高郵件列表的質量,防止機器人提交郵箱地址浪費資源,節約郵件發送的額度。

個人建議中小賣家在初期不勾選“電子郵件訂閱”和“短信訂閱”,最大限度的收集到儘可能多的電子郵件地址,通過郵件營銷和短信營銷來獲得更多的轉化和訂單。如果發現有機器人提交的大量垃圾無效郵箱地址,可以通過開啓“雙重選擇加入”,來過濾掉那些垃圾無效郵箱地址。

圖片[16]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

Shopify Email 打開情況跟蹤

這一項選擇系統推薦的“優化打開情況跟蹤”就可以。在跟蹤營銷郵件的打開率和維護髮件人信譽之間實現平衡。

員工訂單通知

在員工訂單通知設置選項中,我們可以添加或者刪除接收 Shopify 新訂單通知的郵箱地址。默認收件人是我們添加在“商店詳情信息”頁面的“商店聯繫人”郵箱地址。我們可以點擊“添加收件人”按鈕,來添加其他收件人到 Shopify 系統中,當有新訂單時,Shopify 會自動把通知郵件發送給所有訂單通知收件人郵箱。

圖片[17]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

新草稿訂單,本質上也是新訂單的一種,所以勾選上“已在客戶提交訂單進行審覈時發送給店主”就行。

Webhook

圖片[18]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

最後來說下 Shopify Webhook。Webhook 是什麼?按照我的理解,簡單來說就是通過數據推送實現信息共享的一種方式。通過 Webhook, 我們可以把 Shopify 後臺的產品數據,訂單數據,客戶數據等等數據單向推送到其他系統中。舉個例子來說明 Shopify Webhook 的使用:

通過 Webhook 把 Shopify 數據傳送到 Google Sheets 做數據備份

建議培養數據備份的良好習慣,這樣即使某天 Shopify 賬戶出現問題了,我們通過 Shopify 積累下來的客戶數據,訂單數據,以及上傳到 Shopify 的產品信息也都還在我們手裏,只要這些數據在,我們就可以快速重新上線我們的獨立站恢復業務的正常運營。之前我都是通過谷歌日曆提醒,定期下載 Shopify 後臺數據到本地電腦上,然後再上傳到谷歌雲盤的。

後來琢磨怎麼自動把 Shopify 數據實時傳送到谷歌雲盤的時候,想到了 Webhook 這個功能。大致設置流程爲:

  • 在谷歌表格中安裝插件 Webhooks for Sheet;
  • 新建一個谷歌表格用於接收 Shopify 的數據;
  • 使用 Webhooks for Sheet 獲取 Webhook URL;
  • 把表格的 Webhook URL 提交到 Shopify 後臺;
  • 完成。實現 Shopify 數據實時推送到谷歌表格。

安裝 Webhooks for Sheet 插件

首先登錄谷歌賬戶,然後點擊下面的鏈接安裝 Webhooks for Sheets 插件,並且按照

https://workspace.google.com/marketplace/app/webhooks_for_sheets/860288437469

圖片[19]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

安裝好插件之後,在谷歌雲盤中新建一個空白的谷歌表格,對錶格名稱重命名,如“shopify 訂單”。在右側邊欄點擊 “Webhooks for Sheets” 插件圖標,打開插件的設置選項。(如果看不到側邊欄,請點擊表格右下角的 “<” “Show side panel” 按鈕;如果在側邊欄看不到 “Webhooks for Sheets” 插件圖標,可以嘗試重新刷新頁面)

按照插件的操作提示,或者視頻教程(https://www.youtube.com/watch?v=hj3y0QTykdQ&ab_channel=SourabhChoraria)的提示,先“Enable Apps Script API”, 再回到下圖頁面,刷新頁面繼續操作。

創建 Webhook URL

圖片[20]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

如上圖所示,點擊 “CREATE” 按鈕之後,按照插件提示,第1步刷新頁面;第2步點擊表格菜單欄的“Webhooks” – “Authorize” 按照操作提示完成授權;第3步重複第2步的操作出現下圖表格右下角的彈窗提示“Authorization successful”;第4步再次刷新頁面;最後點擊 Next 進入到下一步。

圖片[21]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

然後我們就可以獲得如下圖的 Webhook URL。下圖顯示的鏈接並不是完整的鏈接地址。我們需要把鼠標放在鏈接上,然後連續三次點擊鼠標左鍵來選中完整的URL鏈接,並且複製下來這個鏈接地址。

圖片[22]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

Shopify 後臺添加 Webhook

最後在 Shopify 後臺點擊“創建 Webhook”按鈕,出現如下圖所示彈窗。

圖片[23]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C
  • 事件選擇我們需要 Shopify 推送的數據類型,例如我想要 Shopify 把訂單數據推送到谷歌表格,那麼需要選擇“訂單創建”這一事件。
  • 格式選擇 JSON。目前 Webhook for Sheets 不支持 XML 格式的數據。
  • URL 填寫我們上面通過插件 Webhook for Sheets 獲取到的 Webhook URL。
  • Webhook API 版本選擇最新穩定版,如上圖 “2022-10(最新)”

最後點擊保存。這樣我們就完成了所有設置。

測試 Webhook 是否正常推送數據

後面當 Shopify 產生新訂單時,Shopify 就會實時自動的把新訂單的數據通過 Webhook 推送到我們的谷歌表格裏面。我們也可以點擊下圖中的“發送測試通知”按鈕,發送一條測試訂單的數據到谷歌表格裏面。或者我們可以直接在自己的網站上下一個新訂單,來測試 Webhook 是否能正常工作,把 Shopify 訂單數據同步到谷歌表格。

圖片[24]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

如下圖,我在自己的 Shopify 網站上下了一個測試訂單之後,谷歌表格中自動顯示了該筆訂單的數據(截圖數據不完整)。在表格中顯示的訂單數據除了客戶郵箱,收件地址信息,訂單數據之外,還顯示了客戶的IP地址,客戶下單時所使用的的瀏覽器,設備的屏幕尺寸等等等等信息。

圖片[25]-Shopify Notification 通知設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

這個表格除了可以用於訂單數據的備份之外,我們還可以基於這個表格的數據,使用谷歌表格的“公式”和“命令”,對這個表格的數據進行進一步整理,完成需要的數據統計或者表格樣式。

例如我使用的是雲途物流完成訂單的派送,出於數據安全的考慮,我沒有用免費ERP系統,而是通過表格來批量上傳訂單到雲途的。那麼我就可以把上面的表格數據通過表格“公式”和“命令”自動生成一張符合雲途物流上傳訂單數據要求的表格。這樣我們使用表格批量上傳訂單數據到雲途發快遞的時候,就不用再每次從 Shopify 後臺下載訂單數據表格,按照雲途要求整理表格,再上傳表格操作了。

另外,這個插件在一個表格文件中只能同步一種數據類型。所以,如果想要同步或備份多個 Shopify 數據類型的話,我們就需要重複上面的操作,創建多個表格,在 Shopify 後臺創建多個 Webhook,一一對應的把 Shopify 後臺訂單,客戶,產品等等數據同步到谷歌雲盤裏面的表格中。

稍有點兒麻煩,但是免費啊。