加入購物車

您可以將其插入產品頁面或連結到產品的系列清單中的專有元件 商品 category 是 加入購物車 成分。該組件由 2 個按鈕組成，允許用戶將產品插入購物車或直接結帳。

在本教程中：

1. 購物車添加組件
2. 購物車添加配置
3. 購物車添加元素的細分

加入購物車功能

這 加入購物車 特徵在於 插入面板 在下面 網路商務。您可以附加一個 加入購物車 功能到您的產品頁面或連結到商品系列的系列清單中 插入面板 或透過 快速尋找 （CMD/CTRL+E）。

包含在購物車配置中

您可以選擇個人化 加入購物車 組件設定面板中的組件。

狀態

三種條件之間切換（標準, 缺貨, 問題）包含在購物車組件中，以明確設計每個條件。

數量

預設此功能處於啟動狀態。您可以停用金額字段，以隱藏購物車包裝中包含的金額輸入字段。

加入購物車

預設此功能處於啟動狀態。您可以停用包含在購物車中以隱藏包含在購物車包裝中的按鈕。

現在買

預設此功能處於啟動狀態。您可以立即停用購買，以隱藏包含在購物車包裝中的按鈕。

筆記：「立即購買」目前僅適用於 Stripe 為您的支付服務提供者（接受您網站客戶付款的提供者）。如果未連結 Stripe，「立即購買」按鈕將隱藏在已發布的網站上。

包含在購物車組件中的結構

許多元素組成 加入購物車 成分。每個條件都有自己的一組元素。了解它們是什麼以及如何調整它們。

標準狀態

這是購物者的預設視圖。標準狀態包含以下組成部分：

• 選擇清單 — 這是一組下拉式選單或按鈕，顯示具有變體的產品，並使用戶能夠選擇他們希望插入購物車的變體。
• 數量 — 這使用戶能夠指示他們想要將多少產品插入購物車。您可以將金額隱藏在 包含在購物車配置中。閱讀更多。
• 包含在購物車按鈕 — 這是您可以設計和自訂的實際「包含在購物車中」按鈕。選擇「提交按鈕」來修改 標準文字 和 期待的文字 在裡面 包含在購物車按鈕配置中。當購物者點擊 加入購物車 按鈕 – 它將把產品添加到購物者的購物車中，他們稍後可以在購物車中完成購買。
• 立即購買按鈕 — 這是一個“立即購買”按鈕，您可以設計和自訂。選擇 現在買 按鈕來更新 標準文字 在裡面 立即購買按鈕配置。這 現在買 按鈕引導購物者直接進入結帳頁面以完成購買——讓他們以更少的步驟結帳。

選擇清單

具有變體的產品提供多種選項，讓客戶選擇產品的不同變體。在擁有我們的 選擇清單 選擇元素後，我們有多個選項來自訂清單：

• 變體選擇器
• 選擇預設變體

僱用 選擇 讓您在下拉元素中展示您的產品變體選項，而使用 羈扣 允許您在可選按鈕選項中顯示您的產品變體選項。

您可以指定每個產品可以開始使用的變體 選擇預設變體.

筆記： 如果你的 加入購物車 您的專案中的組件缺少 現在買 按鈕或 變體選擇器 – 重新插入一個新的 加入購物車 Designer 中項目的元件。

缺貨情況

當商品缺貨時，將顯示此訊息，而不是包含在購物車按鈕。當您在設計器中查看此條件時，您可以自訂此訊息並設定其樣式。

發行條件

當系統難以將產品插入購物車時，可能會出現問題訊息。您可以個性化和設計問題訊息。若要調整問題訊息，請選擇 發布訊息 文字區塊來訪問 發布訊息配置。選擇配置中的每個訊息以在畫布上查看它。若要修改訊息，請按一下 鉛筆圖示 當您將滑鼠懸停在配置中的消息上方時，該訊息旁邊會彈出。

‍

‍