使用應用程式自訂結帳頁面

您可以將應用程式新增至結帳頁面,藉此自訂結帳頁面。應用程式開發人員和 Shopify 合作夥伴會建立應用程式,然後在 Shopify App Store中發布。 您可以安裝公開可用的結帳應用程式,與開發人員建立自訂應用程式,也可以聘僱 聘請 Shopify 合作夥伴

將結帳應用程式安裝至 Shopify 管理介面後,即可使用結帳頁面編輯器將應用程式加入結帳頁面。部分結帳應用程式僅能新增至結帳頁面的特定區域。

應用程式是否可用

某些自訂或擴展結帳的應用程式適用於訂閱 Basic Shopify 方案或更高等級方案的商家。 可用應用程式不需要使用結帳頁面編輯器,這是一項僅適用於 Plus 的 Checkout Extensibility。

應用程式類型 Basic Shopify 方案或更高等級的方案 Shopify Plus
使用網頁像素應用程式擴充功能建立的應用程式
使用售後應用程式擴充功能建立的應用程式
使用 Shopify Functions 建構的公開應用程式
使用 Shopify Functions 構立的自訂應用程式
使用結帳頁面 UI 擴充功能建立的應用程式

深入瞭解如何使用非 Plus 方案自訂結帳頁面

安裝應用程式

若您想在結帳頁面新增其他特色或功能,請尋找是否有應用程式能為您提供這些功能。應用程式開發人員和 Shopify 合作夥伴可為您打造自訂應用程式,您也可以從 Shopify App Store 安裝第三方應用程式。

步驟:

  1. 前往 Shopify App Store,並搜尋適合您商家的結帳應用程式。
  2. 按一下「新增應用程式」。
  3. 按一下「安裝應用程式」。

在結帳頁面新增已安裝的應用程式

安裝應用程式後,您必須使用結帳頁面編輯器才能將其新增至結帳頁面。部分應用程式僅能新增至結帳頁面的特定區域。每個反白區域最多可放置 3 個應用程式

步驟:

  1. 從 Shopify 管理介面 中,前往「設定」>「結帳」。
  2. 前往「自訂結帳作業」區段,在您要編輯的結帳頁面旁點擊「自訂」。
  3. 在頂端的選單列,選取您要新增應用程式的結帳頁面。
  4. 點擊「新增應用程式區塊」。
  5. 在「此頁面可用的應用程式」區段,點擊您要新增至結帳頁面的應用程式。系統會自動將應用程式置於結帳頁面的建議區域。
  6. 點擊「儲存」。

將應用程式新增至結帳頁面後,即可將應用程式移至您偏好的結帳頁面區域。

移動並放置應用程式

您可以在適用結帳頁面區域的區塊內移動並放置應用程式。部分應用程式僅能置於結帳頁面內的特定區域。嘗試拖放應用程式時,無法置放的區域會呈現灰色。

步驟:

  1. 從 Shopify 管理介面 中,前往「設定」>「結帳」。
  2. 前往「自訂結帳作業」區段,在您要編輯的結帳頁面旁點擊「自訂」。
  3. 尋找您要移動的應用程式。
  4. 點擊並拖曳應用程式旁的 ⋮⋮ 圖示,然後將應用程式移至其他區域。
  5. 點擊「儲存」。

設定應用程式

您可以自訂結帳應用程式的設定。每個應用程式都有獨特的設定可供您自訂。應用程式設定是由建立應用程式的開發人員或合作夥伴所定義。如果您有自己的開發團隊,便可指定可自訂的設定。

舉例來說,如果您使用可建立自訂橫幅的應用程式,即可自訂橫幅標題、說明和狀態。

步驟:

  1. 從 Shopify 管理介面 中,前往「設定」>「結帳」。
  2. 前往「自訂結帳作業」區段,在您要編輯的結帳頁面旁點擊「自訂」。
  3. 點擊您要設定的應用程式。
  4. 自訂應用程式的設定。
  5. 點擊「儲存」。

管理應用程式的行為控制項

設定應用程式時,您也可以管理應用程式的行為控制項。這些控制項可讓您執行下列操作:

  • 允許應用程式封鎖結帳頁面
  • 在加速結帳作業列出應用程式
    • 自動展開區段並顯示應用程式

視您設定的結帳應用程式而定,部分控制項可能無法使用。

允許應用程式封鎖結帳頁面

若顧客在應用程式內提供不完整或無效的資訊,您可選擇是否要讓應用程式封鎖結帳頁面並拒絕訂單。

舉例來說,您的應用程式可在結帳頁面新增核取方塊,並要求顧客勾選。若您允許此應用程式封鎖結帳頁面,且您的顧客未勾選此核取方塊,顧客的訂單便會自動遭拒。

步驟:

  1. 從 Shopify 管理介面 中,前往「設定」>「結帳」。
  2. 前往「自訂結帳作業」區段,在您要編輯的結帳頁面旁點擊「自訂」。
  3. 點擊您要設定的應用程式。
  4. 在右側側邊欄的「結帳行為」區段,選取「允許應用程式封鎖結帳頁面」。
  5. 點擊「允許應用程式封鎖結帳頁面」。
  6. 點擊「儲存」。

在加速結帳作業中列出應用程式

您可選擇是否要在加速結帳作業中列出 Shop Pay 等應用程式。您也可允許應用程式在加速結帳作業中自動展開強制收合的區段。

步驟:

  1. 從 Shopify 管理介面 中,前往「設定」>「結帳」。
  2. 前往「自訂結帳作業」區段,在您要編輯的結帳頁面旁點擊「自訂」。
  3. 點擊您要設定的應用程式。
  4. 在「結帳行為」區段,選取「在快速結帳頁面列出應用程式」。
  5. 選用:選取「自動展開區段並顯示應用程式」以展開收合的區段。
  6. 點擊「儲存」。
  7. 選用:若要預覽商店中加速結帳作業的顯示方式,請點擊結帳頁面編輯器右上角的結帳圖示。

移除應用程式

您可以從結帳頁面移除應用程式。如果您要從 Shopify 管理介面完全移除應用程式,則需要解除安裝該應用程式

步驟:

  1. 從 Shopify 管理介面 中,前往「設定」>「結帳」。
  2. 前往「自訂結帳作業」區段,在您要編輯的結帳頁面旁點擊「自訂」。
  3. 點擊要從結帳頁面移除的應用程式。
  4. 點擊「從結帳頁面移除應用程式」。
  5. 點擊「儲存」。

準備好開始透過 Shopify 銷售商品了嗎?

免費試用