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

您可以使用應用程式來自訂結帳頁面、感謝和訂單狀態頁面。應用程式開發人員和 Shopify 合作夥伴會建立應用程式，然後在 Shopify App Store 中發布。您可以安裝公開可用的應用程式、與開發人員一起建立自訂應用程式，或聘僱 Shopify 合作夥伴。

將應用程式安裝到 Shopify 管理介面後，您可以使用結帳頁面和帳號編輯器將應用程式加入結帳、感謝和訂單狀態頁面。部分結帳應用程式僅能新增至頁面的特定區域。

此頁面上

應用程式是否可用

部分自訂結帳頁面的應用程式 (包含感謝和訂單狀態頁面) 適用於採用 Basic Shopify 方案或更高等級方案的商家。而用於自訂結帳頁面的資訊、運送和付款頁面 (包含訂單草稿的結帳頁面) 的應用程式，則僅適用於 Shopify Plus 商家。

不同 Shopify 方案適用的結帳應用程式概覽。
應用程式類型	Basic Shopify 方案或更高等級的方案	Shopify Plus
使用網頁像素應用程式擴充功能建立的應用程式	✔	✔
使用售後應用程式擴充功能建立的應用程式	✔	✔
使用 Shopify Functions 建構的公開應用程式	✔	✔
使用 Shopify Functions 構立的自訂應用程式	✘	✔
使用 UI 擴充功能建立的感謝和訂單狀態頁面應用程式	✔	✔
使用 UI 擴充功能建立的資訊、運送和付款頁面應用程式	✘	✔
Checkout Blocks 為免費應用程式，可讓您運用 UI 擴充功能和 Shopify Functions 自訂結帳頁面	✘	✔

安裝應用程式

如果您想在結帳頁面、感謝頁面和訂單狀態頁面新增其他功能，請瀏覽可為您提供這些功能的應用程式。應用程式開發人員和 Shopify 合作夥伴可為您打造自訂應用程式，您也可以從 Shopify App Store 安裝第三方應用程式。

步驟如下：

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

安裝應用程式後，需使用結帳頁面和帳號編輯器才能將應用程式新增至頁面。

在結帳頁面和帳號編輯器中使用應用程式側邊欄

您可以前往結帳頁面和帳號編輯器中的「應用程式」側邊欄，查看可用和已安裝應用程式區塊的概覽。側邊欄分為「全部」和「已新增」分頁。「全部」分頁列出可新增至結帳頁面和帳號頁面的可用應用程式區塊，「已新增」分頁則列出已新增至結帳頁面和帳號頁面的應用程式區塊。

使用「搜尋應用程式區塊」搜尋列，在所有頁面上的所有可用應用程式區塊和應用程式區塊集合中進行搜尋。

所有分頁

「全部」分頁包含已安裝應用程式中所有可用應用程式區塊的清單。您可以直接從「全部」分頁將應用程式區塊新增至相關結帳頁面和帳號頁面。

所有可用的應用程式區塊會顯示在各自所屬應用程式的名稱下方。如果單一應用程式提供多種類型的應用程式區塊，則應用程式區塊可能顯示在集結相關應用程式區塊的集合中，例如「忠實顧客點數」或「願望清單管理」。將單一應用程式中的應用程式區塊分組通常是為了搭配運作，因此不妨新增應用程式區塊集合中的所有應用程式區塊，以提供顧客完整的體驗。若要根據需要設定每個應用程式區塊，您必須從集合中個別新增應用程式區塊。

將應用程式區塊新增至頁面後，應用程式區塊名稱旁會顯示「✓」。如果應用程式區塊多次新增至您的結帳頁面配置中，則會顯示一個數字，表示該應用程式區塊加到結帳頁面配置中的次數。如果應用程式區塊只能新增一次，則新增應用程式區塊的選項將在執行後停用。

已新增分頁

「已新增」分頁包含所有已安裝應用程式區塊的清單，這些應用程式區塊存在於結帳頁面配置中至少 1 個位置。所有已新增的應用程式區塊會顯示在各自所屬應用程式的名稱下方。列出的應用程式區塊還會顯示已新增該應用程式區塊的任何頁面。

點按應用程式區塊即可存取區塊配置設定。

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

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

您可以使用「區段」側邊欄或「應用程式」側邊欄，將現有應用程式區塊直接新增至頁面上的區段。

使用「區段」側邊欄新增應用程式區塊

您可以使用「區段」側邊欄，將已安裝應用程式中的應用程式區塊新增至您目前正在查看的頁面。只有可安裝在頁面或區段上的應用程式區塊才會顯示為可選取選項。

步驟如下：

電腦版

從 Shopify 管理介面中，前往「設定」>「結帳」。
前往「設定」區段，在要自訂的結帳頁面設定旁點按「自訂」。
在結帳頁面和帳號編輯器中，選取要新增應用程式的頁面，然後點按區段圖示以存取「區段」側邊欄。
在您要新增應用程式的區段中，點按「⊕ 新增應用程式區塊」。
按一下您要新增的應用程式區塊。
根據需要自訂應用程式區塊：
- 若要重新排列應用程式區塊的地點，請在「區段」清單中向上或向下拖放應用程式區塊，或使用預覽視窗中的移動按鈕。
- 點按應用程式區塊，以配置任何應用程式區塊設定。
按一下「儲存」。

iPhone

在 Shopify 應用程式中，依序點選「…」按鈕和「設定」。
在「商店設定」區段中，點選「結帳」。
前往「設定」區段，在您要自訂的結帳頁面設定旁點選「自訂」。
在結帳頁面和帳號編輯器中，選取要新增應用程式的頁面，然後點選「區段」。
在您要新增應用程式的區段中，點選「⊕ 新增應用程式區塊」。
點選您要新增的應用程式區塊。
根據需要自訂應用程式區塊：
- 若要重新排列應用程式區塊的地點，請在「區段」清單中向上或向下拖放應用程式區塊，或使用預覽視窗中的移動按鈕。
- 點選應用程式區塊，以配置任何應用程式區塊設定。
點選「儲存」。

Android

在 Shopify 應用程式中，依序點選「☰」按鈕和「設定」。
在「商店設定」區段中，點選「結帳」。
前往「設定」區段，在您要自訂的結帳頁面設定旁點選「自訂」。
在結帳頁面和帳號編輯器中，選取要新增應用程式的頁面，然後點選「區段」。
在您要新增應用程式的區段中，點選「⊕ 新增應用程式區塊」。
點選您要新增的應用程式區塊。
根據需要自訂應用程式區塊：
- 若要重新排列應用程式區塊的地點，請在「區段」清單中向上或向下拖放應用程式區塊，或使用預覽視窗中的移動按鈕。
- 點選應用程式區塊，以配置任何應用程式區塊設定。
點選「儲存」。

使用「應用程式」側邊欄新增應用程式區塊

您可以使用「應用程式」側邊欄，將已安裝應用程式中的應用程式區塊新增至您目前正在查看的頁面。新增應用程式區塊時，只有可安裝特定應用程式區塊的頁面才會顯示為選項。

深入瞭解如何在結帳頁面和帳號編輯器中使用應用程式側邊欄。

步驟如下：

電腦版

從 Shopify 管理介面中，前往「設定」>「結帳」。
前往「設定」區段，在要自訂的結帳頁面設定旁點按「自訂」。
在結帳頁面和帳號編輯器中，點按應用程式區塊圖示以存取「應用程式」側邊欄。
在您要新增的應用程式區塊旁，點按「⊕」。
在「新增至」彈出式視窗中，點按您要新增應用程式區塊的頁面。
根據需要自訂應用程式區塊：
- 若要重新排列應用程式區塊的地點，請使用預覽視窗中的移動按鈕。
- 配置任何應用程式區塊設定。
按一下「儲存」。

iPhone

在 Shopify 應用程式中，依序點選「…」按鈕和「設定」。
在「商店設定」區段中，點選「結帳」。
前往「設定」區段，在您要自訂的結帳頁面設定旁點選「自訂」。
在結帳頁面和帳號編輯器中，點選「應用程式」。
在您要新增的應用程式區塊旁，點選「⊕」。
在「新增至」彈出式視窗中，點選您要新增應用程式區塊的頁面。
根據需要自訂應用程式區塊：
- 若要重新排列應用程式區塊的地點，請使用預覽視窗中的移動按鈕。
- 配置任何應用程式區塊設定。
點選「儲存」。

Android

在 Shopify 應用程式中，依序點選「☰」按鈕和「設定」。
在「商店設定」區段中，點選「結帳」。
前往「設定」區段，在您要自訂的結帳頁面設定旁點選「自訂」。
在結帳頁面和帳號編輯器中，點選「應用程式」。
在您要新增的應用程式區塊旁，點選「⊕」。
在「新增至」彈出式視窗中，點選您要新增應用程式區塊的頁面。
根據需要自訂應用程式區塊：
- 若要重新排列應用程式區塊的地點，請使用預覽視窗中的移動按鈕。
- 配置任何應用程式區塊設定。
點選「儲存」。

移動並放置應用程式

您可以在指定頁面的區塊中移動和放置應用程式。部分應用程式只能置於頁面內的特定區域。嘗試拖放應用程式時，無法放置的區域會呈現灰色。

步驟如下：

從 Shopify 管理介面中，前往「設定」>「結帳」。
前往「設定」區段，在要自訂的結帳頁面設定旁點按「自訂」。
尋找您要移動的應用程式。
點按並拖曳應用程式旁的 ⠿ 圖示，然後將應用程式移至其他區域。
按一下「儲存」。

設定應用程式

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

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

步驟如下：

從 Shopify 管理介面中，前往「設定」>「結帳」。
前往「設定」區段，在要自訂的結帳頁面設定旁點按「自訂」。
點擊您要設定的應用程式。
自訂應用程式的設定。
按一下「儲存」。

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

您可以在設定應用程式的同時，管理應用程式的行為控制項。這些控制項可讓您管理下列行為：

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

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

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

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

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

步驟如下：

從 Shopify 管理介面中，前往「設定」>「結帳」。
前往「設定」區段，在要自訂的結帳頁面設定旁點按「自訂」。
點擊您要設定的應用程式。
在右側側邊欄的「結帳行為」區段，選取「允許應用程式封鎖結帳頁面」。
點擊「允許應用程式封鎖結帳頁面」。
按一下「儲存」。

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

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

步驟如下：

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

新增功能至結帳作業的購買後頁面

您可以使用售後應用程式，新增顧客問卷調查或追加銷售優惠等功能至顧客結帳體驗中。這些應用程式會在顧客完成付款後但顯示訂單確認頁面前，新增相關內容。

若要將功能新增至售後頁面中，您需要安裝和設定結帳應用程式，然後選取該應用程式以在您的結帳設定中的售後頁面使用。

您一次僅能使用一個結帳應用程式來新增售後功能。若已安裝多個具有售後功能的應用程式，則可在結帳設定中選取要使用的應用程式。

安裝結帳應用程式以新增購買後功能

若要新增功能至售後頁面中，您需要使用在結帳頁面支援售後功能的第三方應用程式。

若您需要第三方應用程式的協助，應聯絡應用程式開發人員。

步驟如下：

前往 Shopify App Store，搜尋適合您商家的售後應用程式。
點擊「新增應用程式」。若您尚未登入 Shopify 帳號，系統會提示您登入。
按一下「安裝應用程式」。
前往 Shopify 管理介面的「應用程式」區段，然後點選結帳應用程式的名稱。
輸入所需的任何配置設定。

選取要在購買後頁面上使用的應用程式

安裝和設定結帳應用程式後，您需要在結帳設定中選取要在訂購後頁面使用的應用程式。

您也可以在結帳設定中變更要使用的應用程式。

步驟如下：

從 Shopify 管理介面中，前往「設定」>「結帳」。
在「售後頁面」區段中，選取您想要使用的結帳應用程式。

移除應用程式

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

步驟如下：

從 Shopify 管理介面中，前往「設定」>「結帳」。
前往「設定」區段，在要自訂的結帳頁面設定旁點按「自訂」。
點擊要從結帳頁面移除的應用程式。
點擊「從結帳頁面移除應用程式」。
按一下「儲存」。