跳至主要內容
結帳與付款

自訂結帳、條款與繼續購物

開啟 Cart > Checkout button,即可設定抽屜的主要操作和周邊控制項。

選擇按鈕目的地和文字

結帳目的地、示範核取方塊文字,以及以文字連結呈現的繼續購物功能。
(1) 保留 {{total}} 以顯示金額,並選擇目的地。(2) 設定核取方塊文字。(3) 此繼續購物操作會關閉抽屜,並使用文字連結。

將 Button destination 設為 Checkout 或 Cart page。編輯 Checkout button 文字,如果希望在標籤中顯示購物車總額,請保留 {{total}}。您也可以調整按鈕高度和字型大小。

按鈕高度範圍為 36 至 64px,字型大小範圍為 12 至 24px。外框樣式的繼續購物按鈕會共用這些尺寸,其文字連結外觀則使用獨立的精簡樣式。

請保留可正常使用的結帳方式。如果關閉標準按鈕,也請啟用加速結帳。當錢包按鈕無法使用時,抽屜可以顯示標準按鈕作為備用方式。

要求同意條款

即使備註已填寫,未勾選的示範核取方塊仍會阻擋結帳。
(1) 備註已填寫。(2) 必須勾選獨立的核取方塊後,結帳才會啟用。範例標籤僅供此示範使用。

在同一個 Checkout button 區塊中,啟用 Require agreeing to the terms,並編輯 Terms checkbox text。Terms required message 位於 Advanced > Messages > Error messages。

核取方塊位於結帳按鈕上方。抽屜會在勾選方塊前阻擋結帳操作;加速結帳按鈕也會等到符合此要求後才啟用。這是抽屜控制項,不是適用於所有前往 Shopify 結帳路徑的驗證規則。

此示範使用範例標籤「I have checked this demo cart」來測試限制。備註已填寫但核取方塊未勾選時,結帳仍會停用。設定實際核取方塊時,請使用適合您商店的文字。

新增繼續購物按鈕

啟用顯示繼續購物按鈕。設定按鈕文字,並選擇關閉購物車抽屜、前往購物車頁面或前往連結。若使用自訂連結,請輸入目的地;留白則會關閉抽屜。

在外觀下,選擇按鈕或文字連結。文字連結是不含方框的底線文字,因此頁尾占用的空間較少。

這個次要按鈕位於結帳按鈕堆疊下方。它會在此處設定,而不是作為獨立的可拖曳區塊。

儲存並在商店前台測試每個按鈕。如果結帳功能已停用,請確認必要的訂單備註是否也已啟用。

測試完整頁尾

已完成示範設定、啟用結帳、繼續購物連結和付款圖示。
(1) 儲存備註並勾選核取方塊後,結帳功能即會啟用。(2) 繼續購物會關閉抽屜。(3) 付款圖示是標籤,不是電子錢包按鈕。

在桌面版和手機上,將實際商品加入購物車後進行測試。完成任何必要的備註和核取方塊設定,接著開啟結帳,比較商品和折扣金額。在此範例中,兩罐乳霜套用購買 2 件折扣後的價格為 $50.40。繼續購物會關閉抽屜,但不會移除商品。

這篇文章對您有幫助嗎?

您的意見能協助我們改善文件內容。

謝謝,我們會持續改進這篇文章。

想與我們的團隊聯繫嗎? 還有問題嗎?

仍需要協助嗎?

我們的團隊只需點一下即可聯絡。傳送訊息給我們,我們會回覆您。

我們使用少量 Cookie,讓網站正常運作、了解網站使用情況,並在您開啟聊天小工具時提供支援。請參閱我們的 Cookie 政策。