Shopify 的結賬頁面, 也就是 Checkout 頁面的設置過程雖然簡單,但是我們在這個頁面的每個選擇都會直接決定客戶購物付款的體驗,對網站的轉化率有直接的影響。

在設置Checkout頁面之前,建議先在自己的Shopify網站上傳至少1個產品,這樣我們才能進入到Shopify網站前臺的付款頁面,然後對照着Shopify後臺的結賬頁面設置選項一一完成每項設置,更清楚的瞭解後臺的每一項設置是如何影響網站前臺的顯示,如何影響訂單轉化率的。

圖片[1]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

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

Shopify 後臺 Checkout 結賬頁面設置入口

登錄Shopify後臺,打開“設置” – “結賬”頁面。(xxx.com/admin/settings/checkout, 其中的 xxx.com換成自己網站域名)如下圖,我們要在這個頁面完成和結賬相關的所有設置。

圖片[2]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

Shopify 前臺付款頁面入口

如果還沒有上傳產品到Shopify網站,建議先隨便上傳1個產品,只需要填寫“標題”(例如歪貓跨境),“價格”(例如1美金),庫存勾選“缺貨後繼續銷售”,發貨勾選“需要運輸”,然後保存即可。(這裏這個產品僅做演示用,完成結款頁面設置之後再刪除這個產品就可以了)

在網站前臺的 “xxx.com/collections/all” 頁面 (把其中的 xxx.com 換成自己的網站域名或者Shopify二級域名),添加任意產品到購物車然後點擊結賬按鈕到達如下圖所示的Shopify付款頁面。

圖片[3]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

Shopify 結賬樣式設置 Checkout Style

Shopify 結賬頁面設置的第一項是:結賬樣式。如果我們的Shopify網站還沒有上傳產品,就無法打開網站前臺的付款頁面,那麼在Shopify後臺的結賬設置頁面是看不到“結賬樣式”這個選項的。只有上傳了產品之後,纔會有這個設置選項入口。

圖片[4]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

點擊“自定義結賬”按鈕,可以直接打開Shopify主題設置中的付款頁面樣式設置。在這個頁面裏面我們可以添加Logo,設置Logo的大小和位置,設置頁面背景圖片或者顏色,設置付款頁面的字體和文字顏色等等。

建議付款頁面的樣式設置和網站整體的樣式設置保持一致。網站其他頁面使用了什麼Logo,顏色搭配,以及字體,那麼就在付款頁面設置什麼樣的Logo,顏色搭配和字體。

客戶賬戶設置 Customer Accounts

客戶賬戶建議設置爲:“賬戶登錄(可選)” Accounts are optional

圖片[5]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

客戶賬戶設置的是,在客戶下單的時候要不要在我們的Shopify網站上創建買家賬戶。如果創建買家賬戶,則客戶可以登陸我們的網站查看所有的歷史訂單數據,當前訂單的狀態,客戶登陸買家賬戶之後下單無需再次手動填寫收件地址。賬戶創建的過程也很簡單,不會影響到訂單的轉化。

不建議設置爲“需要賬戶登錄”,除非我們確實需要客戶創建賬戶。因爲這個選項會增加客戶下單付款的操作流程。當客戶把產品加入購物車,或者點擊購買按鈕之後,頁面不會直接到達付款頁面,而是會先跳轉到賬戶登陸頁面,要求客戶先登陸賬戶之後才能下單。如下圖:

圖片[6]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

對於沒有創建過賬戶的新客戶來說,在上圖所示頁面,需要他們點擊“Login”按鈕下方的“Create one”按鈕再跳轉到賬戶註冊頁面,提交註冊信息之後才能進入到Shopify網站前臺的付款頁面,完成後續的下單操作。如非必要,不建議增加客戶下單過程的負擔。

選擇“不創建賬戶” Accounts are disabled 或 “賬戶登錄(可選)”optional,客戶點擊產品頁面購買按鈕之後都是直接跳轉到Shopify的付款頁面的,二者的區別僅在於,選擇 “賬戶登錄(可選)” Accounts are optional 的話,在contact information 右側會有一行文字 “Already have an account?Log in” 提示客戶登錄賬戶;

而選擇“不創建賬戶” Accounts are disabled 則沒有這行文字和登陸按鈕。如下圖所示。

圖片[7]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

即使客戶沒有創建賬戶,我們該拿到的客戶信息也一樣不少。雖然不創建賬戶的話,客戶下單之後無法登陸賬戶查看訂單信息,但是所有的訂單信息 Shopify 會通過郵件的形式發送給客戶。因此,個人不太建議強制要求客戶下單之前創建賬戶,除非我們的業務有這方面的特殊需求。

客戶聯繫方式設置 Customer contact method 

客戶聯繫方式建議設置爲:“郵箱”。

顯示下載“Shop應用”的鏈接可選可不選。

圖片[8]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

選擇客戶用於結賬的聯繫方式

客戶聯繫方式設置的是客戶接受訂單通知的方式,以及我們聯繫客戶的方式。

如果我們選擇了“手機號碼或郵箱” Customers can check out using either their phone number or email, 意味着客戶在下單的時候可以直接使用電話號碼下單。雖然這在一定程度上可能會更方便客戶,但是,對於我們賣家來講,就可能拿不到客戶的郵箱地址。如下圖所示,選擇“手機號碼或郵箱”之後,在Shopify付款頁面,客戶可以直接使用手機號碼作爲聯繫方式下單。

圖片[9]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

沒有客戶的郵箱,如果訂單出現了什麼問題,溝通起來就要麻煩很多。要知道如果問題提交給PayPal或者Stripe上升爲爭議,那麼你前期和客戶溝通的郵件截圖都是可以作爲證據提交給PayPal或者Stripe來保護自己權益的。另外,拿不到客戶的郵箱地址,後期也就無法做郵件營銷的。

在Stripe關於控制信用卡欺詐風險的說明中,也有明確指出,在客戶下單的過程中,儘可能收集到客戶的郵箱地址,這有利於Stripe主動去匹配客戶相關的信息,降低信用卡欺詐風險。如下圖所示列表第二項即爲 Customer email address。

圖片[10]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

這裏的客戶聯繫方式選擇“郵箱”,在接下來“客戶信息”設置中的“收貨地址電話”我們仍然可以強制客戶提交收貨人的電話號碼,以方便在包裹投遞時快遞公司電話聯繫客戶。這樣,我們就可以同時拿到客戶的郵箱和電話號碼信息了。

選擇客戶通過何種方式來選擇獲取發貨更新信息

“顯示下載Shop應用的鏈接“,這個選項對於我們網站的訂單轉化率不會有任何影響,因爲它是出現在下單完成後的Thank you頁面的,所以勾選或者不勾選都是可以的。如下圖所示,勾選的話,在下單成功頁面會有一個“跟蹤訂單 使用Shop”的選項,不勾選就不會顯示這個選項。

圖片[11]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

客戶點擊“跟蹤訂單 使用 Shop”按鈕之後,會在自己的手機上下載一個Shop應用。通過Shop客戶可以查看自己在所有使用Shopify搭建的網站上購買產品的訂單信息。也可以直接在Shop應用裏面購買產品。可以查看 Shopify Shop的功能介紹瞭解詳情。

客戶信息設置 Customer Information

客戶信息建議設置爲:

  • 全名:“需要姓氏和名字”
  • 公司名稱:“不包含”或者“可選”
  • 地址行2(公寓、單元等):“可選”
  • 收貨地址電話號碼:“必填”

客戶信息設置的是客戶在下單頁面提交信息的時候哪些是選填的,哪些是必填的。這些信息的填寫不僅有利於收集完整客戶收件信息,保證貨物能夠順利抵達客戶的手中,同時在防欺詐,再營銷方面有很重要的作用。

圖片[12]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

上圖是Shopify網站後臺客戶信息設置頁面,下圖是網站前臺客戶下單時候需要提交的內容。上下圖的設置是相互關聯的。

圖片[13]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

首先“全名” Full name 選擇建議“需要姓氏和名字” Require first and last name. 這裏只收集客戶的“姓氏” Last name也沒有問題,不過收集客戶的全名,能夠更有效的避免信用卡付款欺詐。在上面Stripe關於信用卡欺詐風險控制的截圖說明中,有明確的說明在收集客戶的下單信息時,收集儘可能多的信息可以降低欺詐的風險。因此這裏建議選擇客戶的全名。

“公司名稱” Company name 和“地址行2” Address line 2 選擇選填就可以,客戶按照自己所需進行填寫。我曾經設置“地址行2” Address Line 2 是必須導致美國的訂單轉化率比較差,因爲按照美國人的習慣,Address line 2是不用填寫的,然而,英國人的地址習慣,Address line 2是需要填寫的。

收貨地址電話號碼:“必填” Shipping address phone number 選擇 Required,一方面能提高訂單的妥投率,當快遞公司無法完成配送的時候,有更快捷有效的方式幫快遞公司聯繫到客戶。但是事實上,我這邊發的大部分E郵寶/USPS快遞,當他們無法完成配送的時候,會再次嘗試派送幾次,還是不行的話,就直接給我退件了,應該是不會給客戶打電話確認的。

另外一方面,也是我覺得更重要的一點是,收集客戶的電話信息,更有利於我們做Facebook廣告的類似受衆廣告。尤其是當你前期更多的使用Google廣告,SEO或者紅人營銷的方式來獲取流量和訂單的,當有足夠多的客戶信息的時候,我們可以將手裏的客戶信息提交給Facebook做受衆信息匹配,然後投放類似受衆廣告。如果僅僅是客戶的郵箱地址匹配的話,10000個客戶信息可能只能匹配出5000個Facebook用戶,但是既有郵箱又有電話信息的話,肯定是可以匹配出更多的Facebook用戶的,這樣我們的精準客戶的“種子”數據能夠最大程度的發揮它的作用。

小費設置 Tips

建議勾選“在結賬時顯示小費選項”。

圖片[14]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

小費文化在歐美國家是很流行的,在美國,小費甚至是很多服務行業人員收入的主要部分。尤其是在全球疫情大環境下,很多客戶會偏向支持“Small business”,以及支付小費,來表達自己對賣家的支持,並希望獲得“更迅捷優質”的服務。

在Shopify後臺勾選“在結賬時顯示小費選項”,那麼在網站前臺的付款頁面,就會出現如下圖所示的“添加小費”的選項。我們可以在後臺預設小費的比例,通常爲10-20%,在網站前臺,客戶可以直接選擇小費的比例,也可以在“自定義小費”的選項中添加小費。

圖片[15]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

根據Shopify系統的要求,小費金額最多爲1000美金。客戶給我們的小費,因爲計算在訂單總金額裏面,所以,也會被當做一般訂單付款,計算Shopify的交易手續費,以及PayPal和Stripe收取的4.4%+0.3,或者2.9%+0.3的收款費用。

訂單處理流程 Order processing

訂單處理流程建議設置爲:

  • 客戶結賬時:勾選 “默認將發貨地址用作賬單地址”和“使用地址自動填充功能”;
  • 支付訂單後:勾選“僅自動對訂單的 禮品卡 進行發貨”或者“不要自動填充訂單的任何訂單項目”;
  • 訂單已發貨且付款後,或是已爲所有商品退貨時:勾選“自動存檔並隱藏訂單”。
圖片[16]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

客戶結賬時

首先,客戶結賬時 – While the customer is checking out 項下的兩個選項都勾選之後,客戶結款頁面的體驗會更好一些,啓用地址自動填充功能之後,客戶在付款頁面的地址欄只需要輸入幾個字母或者數字就可以獲取谷歌提供的地址下拉推薦,然後客戶直接選擇自己的地址就可以一鍵完成所有地址的填寫操作,十分方便。如下圖所示,當我在地址隨意敲擊數字198的時候,在下拉中就會有相關地址推薦。

圖片[17]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

地址填充功能調用的是Google Autocomplete的服務,這一服務目前僅限於澳大利亞、奧地利、比利時、巴西、加拿大、丹麥、法國、德國、中國香港特別行政區、印度、意大利、日本、盧森堡、荷蘭、新西蘭、西班牙、瑞士和美國這些國家使用,其他國家的客戶下單的時候暫時無法使用。

默認將發貨地址用作賬單地址 use the shipping address as the billing address by default 這一功能則體現在下單付款流程中的最後一步,在付款頁面,客戶付款之前,會默認顯示 Billing address same as shipping address。如果不同,客戶可以點擊Use a different billing address,然後再填寫詳細地址信息。

圖片[18]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

如果不勾選“默認將發貨地址用作賬單地址”的話,賬單地址和發貨地址都會展開,默認需要客戶再提交一遍賬單地址才能發貨,這樣操作的話就會比麻煩。

支付訂單後

支付付訂單後:勾選“僅自動對訂單的 禮品卡 進行發貨”或者“不要自動填充訂單的任何訂單項目”;Do not automatically fulfill any of the order’s line items。

是指當我們獲取到一個新的訂單時候,要不要自動把該訂單標記爲已經發貨的狀態。如下圖所示,如果你選擇自動發貨的話,則所有的新訂單的“發貨”Fulfillment狀態都會自動標記爲“已發貨”Fulfilled狀態,即使你沒有發貨。所以建議大家選擇DO NOT automatically fulfill any of the order’s line items, 這樣所有的訂單在發貨之前都會以黃色背景標記爲“未發貨”Unfulfilled狀態。只有你發貨並在Shopify後臺填寫了運單號之後,該筆訂單纔會標記爲“已發貨”Fulfilled狀態。

圖片[19]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

禮品卡因爲是虛擬產品,客戶下單之後,直接把禮品卡的信息通過電子郵件發給客戶,所以,選擇“僅自動對訂單的 禮品卡 進行發貨”也是可以的。

自動存檔並隱藏訂單

自動存檔並隱藏訂單 Automatically archive the order 建議勾選上,這樣我們只需要看左側邊欄的“訂單” Orders 後面的數字就知道還有多少訂單沒有發貨。如果不勾選的話,“訂單”Orders後面的數字則是你的Shopify網站所有的訂單數量,不會隨着發貨訂單數量的增加而對應的減少。

圖片[20]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

營銷同意書設置 Consent for marketing 

營銷同意書建議全部勾選。

圖片[21]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

郵件和短信營銷,是說在Shopify網站前臺付款頁面要不要客戶訂閱我們的營銷郵件和營銷短信,建議將兩項都勾選上。另外郵件營銷提供的“預先選擇選項”,也建議勾選,這樣在付款頁面郵箱地址的下方會出現文字 Keep me up to date on news and exclusive offers. 默認是勾選狀態的。另外我們還可以點擊上圖右上角的“自定義複選框標籤”鏈接,修改“Keep me up to date on news and exclusive offers”這一行的文字內容。如下圖:

圖片[22]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

只有當郵件 Email 文本框下方出現文字提示 Keep me up to date on news and exclusive offers (或者其他我們自定義的文字內容) ,同時客戶下單時是勾選狀態的時候,後面我們纔有權限向客戶的郵箱發送營銷郵件,否則強制發送營銷郵件是發送垃圾郵件的行爲。

勾選短信營銷之後,在付款頁面也會出現一個複選框和一行提示文字,提示客戶接受短信營銷之後會通過手機短信接收到訂單通知和其他促銷信息。不過在後臺沒有把短信營銷默認勾選上的選項。也就是客戶必須親自勾選之後纔會提交客戶的手機號碼到短信營銷的列表裏面。

另外,如果要做短信營銷的話,最好按照Shopify的要求,在網站的服務條款中包含我們的短信營銷是如何保護客戶數據安全,會有哪些營銷行爲等等相關文字說明。

棄單營銷郵件 Abandoned checkout emails

Shopify系統更新之後,棄單營銷郵件的設置移動到了“營銷自動化”頁面。所以我們的教程也把“棄單營銷郵件”的設置說明挪到了“營銷自動化”。

圖片[23]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

棄單營銷郵件 Abandoned checkout emails 是Shopify系統內置的挽救遺棄訂單功能。當有客戶到達了付款 checkout 頁面,並且提交了郵箱信息但是因爲各種原因,比方說網速問題,或者運費問題,稅費問題等等最終沒有完成付款的訂單,這些訂單數據都會存儲到 Shopify 後臺的“棄單” Abandoned checkouts 頁面中。

圖片[24]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

當Shopify檢測到有被遺棄的訂單之後,它就會自動的給這些客戶按照你設定的時間發送一封郵件,挽救他們完成訂單的付款。你可以點擊Customize email對挽救遺棄訂單的郵件進行編輯,但是要有一定的修改代碼的能力纔行,如下圖所示即爲Shopify系統內置的挽救遺棄訂單郵件的模版,你可以點擊Preview預覽郵件內容。

遺棄訂單的挽救是提高我們網站轉化率非常非常重要手段之一,建議完成相關的設置。

雖然這裏建議啓用,但是實際上目前Shopify系統自帶的挽救購物車功能還是相對比較有限的,個人更推薦使用Mailchimp挽救遺棄訂單或者Klaviyo挽救遺棄訂單功能挽救未付款的訂單。如果你使用其他郵件營銷系統挽救遺棄訂單,則建議關閉Shopify後臺的挽救購物車功能。

訂單狀態頁面設置 Order status page 

訂單狀態頁面設置可以在客戶下單成功之後的“Thank you”頁面添加我們想要顯示的內容。比方說,做一個小問卷調查看看客戶是如何找到我們的;或者根據客戶下單的產品,顯示對應產品的使用說明視頻或者說明書的下載鏈接;等等。

圖片[25]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

不過,自定義腳本的內容需要一定的代碼知識。如果不懂代碼,可以不填,或者按照我們的需求去Shopify官網或者Google上找別人的代碼,把其中的內容改改放到這裏。如果網上沒有現成的代碼片段,也可以在Fiverr上找人幫忙按照我們的需求寫出代碼。

結賬頁面語言 Checkout language

在這裏並不能直接修改Shopify網站前臺結賬頁面語言。而是在語言頁面設置的。

圖片[26]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

點擊上圖中的“管理結賬頁面語言”按鈕之後,打開的是如下圖所示的系統語言設置。在這個頁面,我們可以隨意修改Shopify網站系統顯示的文字內容。這些文字內容會顯示在前臺給客戶看,所以如非必要,建議不要修改。同時建議,修改之後,也去網站前臺看下實際的顯示效果,防止出現錯誤。

圖片[27]-Shopify Checkout 結賬頁面設置 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C

ok,再次回顧下Shopify 付款頁面 Checkout 所有的設置選項:

  • 客戶賬戶建議設置爲:“賬戶登錄(可選)” Accounts are optional;
  • 客戶聯繫方式建議設置爲:“郵箱”;
  • 顯示下載“Shop應用”的鏈接可選可不選;
  • 客戶信息全名:“需要姓氏和名字”;
  • 客戶信息公司名稱:“不包含”或者“可選”;
  • 客戶信息地址行2(公寓、單元等):“可選”;
  • 客戶信息收貨地址電話號碼:“必填”;
  • 建議勾選“在結賬時顯示小費選項”;
  • 客戶結賬時:勾選 “默認將發貨地址用作賬單地址”和“使用地址自動填充功能”;
  • 支付訂單後:勾選“僅自動對訂單的 禮品卡 進行發貨”或者“不要自動填充訂單的任何訂單項目”;
  • 訂單已發貨且付款後,或是已爲所有商品退貨時:勾選“自動存檔並隱藏訂單”;
  • 營銷同意書建議全部勾選。