使用 app 擴充您的佈景主題
您可以安裝 app,為佈景主題加入功能與整合。您可在 Shopify App Store 找到這些 app。
App 可透過以下方式與佈景主題整合:
- 作為 app 區塊:app 區塊可讓您在佈景主題中,精準地在需要的位置加入 app 功能。您可透過佈景主題編輯器新增、移除、預覽、調整位置並自訂 app 區塊。
- 作為應用程式嵌入:應用程式嵌入是由 app 提供的元素,會在佈景主題中浮動或以疊加層顯示,或向您的網路商店加入程式碼,且不會讓顧客看見。您可透過佈景主題編輯器啟用、停用、預覽並自訂應用程式嵌入。
- 透過新增自訂程式碼:部分 app 會直接將程式碼插入您的佈景主題程式碼中,以加入功能。您可以在 app 設定中,或在佈景主題編輯器中自訂該 app。
app 區塊
App 可同時作為區段中的區塊加入,也能作為範本中的區段加入。這樣一來,您就能在頁面上需要的位置精準加入 app 功能。您可透過佈景主題編輯器新增、移除、調整位置並自訂 app 區塊。
App 區塊可能只與部分頁面類型相容。例如,尺寸對照表 app 可能只與產品頁面相容。
在區段中使用的 app 區塊:

在範本中作為區段使用的 app 區塊:

區段支援 app 區塊
部分佈景主題區段可能不支援 app 區塊。若要確認哪些區段支援 app 區塊,請 參閱佈景主題的文件或聯絡佈景主題開發者。
若某個區段支援 app 區塊,且您已安裝相容的 app,則在區塊選擇器中會顯示 應用程式 區段。
將 app 區塊新增至區段
電腦版
在 Shopify 管理介面中,前往 網路商店 > 佈景主題。
找到您要編輯的佈景主題,然後按一下 編輯佈景主題。
前往您要新增 app 區塊的頁面與區段。
在側邊欄按一下 新增區塊。
在下拉式選單中的 應用程式 區段,選取要新增到該區段的 app 區塊,或按一下 搜尋 列並輸入搜尋字詞,以在您已安裝的 app 中搜尋。
選用:按住並拖曳 ⠿ 圖示,將該區塊移至頁面上其他可用位置。您也可以使用可用的設定來自訂該區塊。
按一下 儲存。
行動裝置
在 Shopify app 中,點選
圖示。
在 銷售管道 區段中,點選 網路商店。
點選 管理所有佈景主題。
找到您要編輯的佈景主題,然後點選 編輯佈景主題。
點選 編輯。
前往您要新增 app 區塊的頁面與區段。
在側邊欄點選 新增區塊。
在下拉式選單中的 應用程式 區段,選取要新增到該區段的 app 區塊,或點選 搜尋 列並輸入搜尋字詞,以在您已安裝的 app 中搜尋。
選用:點選並拖曳 ⠿ 圖示,將區塊移至頁面上的其他可用位置。您也可以使用可用的設定自訂該區塊。
點選 儲存 或 ✓。
在範本中新增 app 區塊
電腦版
在 Shopify 管理介面中,前往 網路商店 > 佈景主題。
找到您要編輯的佈景主題,然後按一下 編輯佈景主題。
前往您要新增應用程式區段的頁面。
在側邊欄按一下 新增區段。
在下拉式選單的 應用程式 區段中,選取您要新增至頁面的 app,或按一下 搜尋 列,輸入文字以搜尋您已安裝的 app。
選用:按住並拖曳 ⠿ 圖示,將該區塊移至頁面上其他可用位置。您也可以使用可用的設定來自訂該區塊。
按一下 儲存。
行動裝置
在 Shopify app 中,點選
圖示。
在 銷售管道 區段中,點選 網路商店。
點選 管理所有佈景主題。
找到您要編輯的佈景主題,然後點選 編輯佈景主題。
點選 編輯。
前往您要新增應用程式區段的頁面。
在側邊欄點選 新增區段。
在下拉式選單的 應用程式 區段中,選取您要新增至頁面的 app,或點選 搜尋 列,輸入文字以搜尋您已安裝的 app。
選用:點選並拖曳 ⠿ 圖示,將區塊移至頁面上的其他可用位置。您也可以使用可用的設定自訂該區塊。
點選 儲存 或 ✓。
此 app 會新增為 應用程式 區段中的一個區塊。您可以在該區段新增更多 app 區塊。您也可以在同一頁面新增多個 應用程式 區段。
應用程式嵌入
「應用程式嵌入」是由 app 提供的元件,可在您的佈景主題中以浮動或疊加層顯示,或在不顯示給顧客的情況下將程式碼加入您的網路商店。例如,出現在商店角落的聊天泡泡 app,或分析或追蹤 app,都可能以「應用程式嵌入」形式加入您的商店。您可以透過佈景主題編輯器啟用、停用並自訂「應用程式嵌入」。任何版本的佈景主題都可使用「應用程式嵌入」。
若您擁有多個市場,便能為各市場自訂應用程式嵌入。例如,您可以僅為北美市場啟用聊天應用程式嵌入,或為不同的市場進行不同的應用程式嵌入設定。若要自訂特定市場的應用程式嵌入,請在啟用或進行設定之前,先在佈景主題編輯器的「市場」下拉式選單中選取市場。如需為特定市場自訂佈景主題的詳細資訊,請參閱「為特定市場或 Shopify B2B 調整佈景主題」。

啟用應用程式嵌入
電腦版
在 Shopify 管理介面中,前往 網路商店 > 佈景主題。
找到您要編輯的佈景主題,然後按一下 編輯佈景主題。
選用:若要為特定市場自訂應用程式嵌入,請點擊「市場」下拉式選單,然後選取欲自訂的市場。若未選取市場,變更將套用至商店預設。
在側邊欄按一下 應用程式嵌入 圖示。
選取您要啟用的應用程式嵌入,或按一下 搜尋 列,輸入搜尋字詞,以在您已安裝的 app 中搜尋。
在您要啟用的應用程式嵌入旁,按一下切換按鈕以啟用。
選用:按一下應用程式嵌入名稱旁的展開圖示
▸,檢視其設定。按一下 儲存。
預覽您的商店,以即時查看嵌入的 app。
行動裝置
在 Shopify app 中,點選
圖示。
在 銷售管道 區段中,點選 網路商店。
點選 管理所有佈景主題。
找到您要編輯的佈景主題,然後點選 編輯佈景主題。
選用:若要為特定市場自訂應用程式嵌入,請點選「市場」下拉式選單,然後選取欲自訂的市場。若未選取市場,變更將套用至商店預設。
點選 … > 應用程式嵌入。
選取您要啟用的應用程式嵌入,或在搜尋列輸入搜尋字詞,以在您已安裝的 app 中搜尋。
在您要啟用的應用程式嵌入旁,點選切換按鈕以啟用。
選用:點選應用程式嵌入名稱旁的展開圖示
▸,檢視其設定。點選 儲存。
預覽您的商店,以即時查看嵌入的 app。
透過佈景主題程式碼加入的 app
有些 app 會直接將程式碼插入佈景主題程式碼中,為佈景主題新增功能。安裝該 app 後,您可能會收到上線指示,其中可能包含編輯自己的程式碼,將 app 功能加入您希望在佈景主題中顯示的位置。您可以透過 app 設定或佈景主題編輯器自訂該 app。
如果您的佈景主題提供 Custom Liquid section,您就能在佈景主題編輯器中將您的 app 程式碼加入 Custom Liquid 區段,而不必直接編輯佈景主題程式碼。