Shopify 結帳定制:您有哪些選擇

已發表: 2022-08-31

Shopify 為每個商家提供預定義的結賬流程。 它可以快速安全地運行,無需您付出額外的努力。 但是您可能需要對其進行調整,以使結帳更適合您的商店設計、消除摩擦、添加特別優惠等。

所有電子商務平台都包含自定義結帳字段:例如,在任何主要解決方案(Woocommerce、Squarespace、Eqwid 等)中都可以在訂單中添加備註或禮物信息。 但是 Shopify 可能是最靈活的方式,您可以在不進行自定義開發的情況下修改結帳。

在這篇文章中,我們將討論哪些 Shopify 結賬定制是可行的以及如何實現它們。

Shopify 結賬的可定制性如何?

您在 Shopify 商店中看到的大多數結帳頁面幾乎相同。 頁面分為兩部分:左邊是客戶填寫運費和付款信息,右邊是顯示訂單摘要。

您無法更改此結構和結帳邏輯。 你可以做的圍繞著改變頁面的外觀和添加額外的字段。 但即使是最輕微的外觀變化也會極大地影響結帳體驗並增加您的轉化率。

如果要更改結帳結構怎麼辦?

目前,只有 Shopify Plus 商家能夠通過編輯 checkout.liquid 模板來影響結賬邏輯。 但是,這樣做風險太大,Shopify 本身對此並不滿意。 編輯結帳代碼會帶來以下風險:

  • 它可能會破壞網站上的某些內容,並且根本不會讓客戶完成訂單。
  • 集成第三方代碼可能會很棘手且需要大量人力。
  • 添加後,第三方 JavaScript 可以訪問敏感數據,這可能會導致安全問題。

為了解決這個問題, Shopify 正在創建一個結賬擴展架構,以允許開發人員創建結賬定制應用程序。 您可以使用各種 Shopify 應用程序來調整很多東西,但是隨著結賬擴展的出現,您可以期待更多的定制機會。 基於 Shopify 提供的 UI 組件和品牌 API,這些擴展將允許擴充結帳的現有部分、替換一些元素並添加全新的功能。

Shopify 中的結帳自定義類型

話雖如此,我們將介紹兩種可供您使用的主要結帳自定義類型:第一種是您可以輕鬆實現自己的主題更改,第二種是在 Shopify 應用程序的幫助下合併的附加功能。

1. 超級簡單的 Shopify 結賬視覺自定義

現在,讓我們看看在沒有額外幫助的情況下您可以在主題編輯器中做什麼。 當您單擊當前主題旁邊的自定義時,在頂部菜單中選擇結帳,然後轉到左側主題設置中的結帳部分。

在主題自定義中編輯結帳

在這裡,您可以進行很多簡單的結帳自定義:

  • 將您的徽標添加到結帳頁面。 您的標誌應該跟隨客戶從一頁到另一頁,創造一致的品牌形象。 不要讓您的結帳頁面只顯示您的商店名稱,而是使用徽標。

  • 修改頁面部分、文本、鏈接和按鈕的顏色。 您可以設置更適合您的品牌元素的顏色,而不是保留默認顏色。 您還可以為主頁內容和訂單摘要設置背景圖像,但這不是推薦的做法——這些區域中的信息應該清晰可見。

Shopify 還為您提供多種字體。 如果您找到合適的,請選擇它來個性化結帳的外觀。

結帳中的自定義字體
結帳中的自定義字體。 資料來源:神韻

  • 添加品牌橫幅或相關圖像作為標題。 圖片標題只是一個元素,它可以完全改變結帳頁面的外觀。
結帳頁面上的自定義圖像標題
結帳頁面上的自定義圖像標題。 資料來源:巧克力煉金術

您還可以從 Shopify 管理員的結帳和帳戶部分修改一些字段:

  • 編輯營銷註冊。 您可以添加電子郵件和 SMS 註冊,並將默認的“通過電子郵件向我發送新聞和優惠”更改為其他內容。 要執行後者,請單擊自定義復選框標籤並在相應字段中輸入您的短語。
自定義電子郵件和 SMS 註冊

但是,如果您想通過為它們創建特殊設計或控制它們的顯示位置來突出顯示這些字段,則默認設置是不夠的。 Shopify 應用程序或自定義編碼將幫助您自定義註冊框。

  • 設置客戶登錄選項和必填字段。 在您的管理設置中,您可以確定訪問者如何下訂單:允許訪客結賬、設置 Multipass 等。此外,您可以調整顯示哪些內容字段是必需的,哪些是可選的:例如,您可以包含或排除地址線2。
Shopify 結帳設置:客戶登錄

  • 允許小費。 如果這對您的業務有意義,您可以通過在結賬時啟用小費來讓客戶表達感謝。

2. 通過應用程序或其他工具進行 Shopify 結帳自定義

各種應用程序可以幫助您使您的結帳過程畫面完美並產生轉化。 以下是您可以執行的一些示例:

  • 用進度條替換默認麵包屑。 為結賬自動創建的麵包屑導航太小而無法引起注意。 如果您希望您的客戶清楚地了解完成訂單需要多少步驟,您可以添加進度條。
5 步結帳進度條
5 步結帳進度條。 資料來源:Gymshark

  • 顯示免費送貨門檻。 在購買過程的不同階段重複設置免費送貨門檻是有意義的:您可以將其添加到商店的標題中,在購物車頁面和購物車抽屜中突出顯示它,並將其添加到結帳中(僅當尚未滿足免費送貨的條件)。
結帳時顯示的免費送貨條件
結帳時顯示的免費送貨條件。 資料來源:普拉維達

  • 購買時添加免費禮物。 如果您使用的是像禮品盒這樣的應用程序,它可以讓您免費贈送產品,當您指定的條件(例如消費門檻)得到滿足時,它會自動在訂單摘要中顯示禮物。
結賬時購買可獲贈免費禮品

  • 追加銷售和交叉銷售產品。 追加銷售技術可以在渠道的不同階段運作良好,包括結賬。 您可以在 Candy Rack 的幫助下在感謝頁面上添加購買後優惠。 如果您想探索結賬時或結賬後追加銷售的不同方式和解決方案,請閱讀我們精選的最佳 Shopify 追加銷售應用。

  • 添加結帳計時器。 緊迫感是客戶完成購買的巨大動力。 在倒數計時器的幫助下,向他們展示您的產品需求量很大。
結帳計時器
結帳計時器。 資料來源:布爾加

  • 讓客戶註冊電子郵件和短信更新。 此功能在 Shopify 管理員設置中可用(我們之前已經解釋了它的工作原理),但使用應用程序,您將在如何呈現註冊選項方面擁有更大的靈活性。

您可以合併多個註冊:用於您的營銷活動和運輸更新。 AfterShip 等應用程序將幫助您處理後者。

結帳時的訂單更新和營銷文本註冊
結帳時的訂單更新和營銷文本註冊。 出自:然後我遇見了你

  • 添加信任徽章。 Trust Me 等應用程序將幫助您輕鬆添加帶有支持的付款方式或其他信任指標的徽章。

  • 顯示聯繫方式或其他有用信息。 如果您可以提醒客戶您的產品的好處,為什麼要留下一些空白? 您可以在訂單摘要下方創建一個特殊部分:
結帳頁面上提到的品牌特權
結帳頁面上提到的品牌特權。 資料來源:普拉維達

或者,您可以提醒客戶您的聯繫信息。 這可以降低購物車放棄率,因為人們更有可能解決他們遇到的問題。

結帳頁面上的聯繫方式
結帳頁面上的聯繫方式。 資料來源:製造

  • 允許客戶發表評論。 Checkout Comments 等應用程序將幫助您在結帳時添加一個額外的字段,您可以在其中徵求反饋或讓客戶留下個性化請求。

  • 使訂單摘要具有粘性。 為了讓客戶在填寫運輸和付款字段時不要忘記他們的訂單,您可以使用粘性訂單摘要(它會隨著客戶滾動而移動)。
粘性訂單摘要
粘性訂單摘要。 來源:津野

  • 創建單頁結帳。 有像 Chekify 這樣的第三方工具可以幫助您設計一個包含單個頁面上的所有步驟的結帳體驗。

我們希望我們提到的功能將激發您自定義結帳以使其無法抗拒。 有關更多提示,請查看我們的 Shopify 結賬優化指南。