使用 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 區塊,且您已安裝相容的 app,則在區塊選擇器中會顯示 應用程式 區段。

將 app 區塊新增至區段

電腦版
  1. 在 Shopify 管理介面中,前往 網路商店 > 佈景主題

  2. 找到您要編輯的佈景主題,然後按一下 編輯佈景主題

  3. 前往您要新增 app 區塊的頁面與區段。

  4. 在側邊欄按一下 新增區塊

  5. 在下拉式選單中的 應用程式 區段,選取要新增到該區段的 app 區塊,或按一下 搜尋 列並輸入搜尋字詞,以在您已安裝的 app 中搜尋。

  6. 選用:按住並拖曳 圖示,將該區塊移至頁面上其他可用位置。您也可以使用可用的設定來自訂該區塊。

  7. 按一下 儲存

行動裝置
  1. Shopify app 中,點選 選單 圖示。

  2. 銷售管道 區段中,點選 網路商店

  3. 點選 管理所有佈景主題

  4. 找到您要編輯的佈景主題,然後點選 編輯佈景主題

  5. 點選 編輯

  6. 前往您要新增 app 區塊的頁面與區段。

  7. 在側邊欄點選 新增區塊

  8. 在下拉式選單中的 應用程式 區段,選取要新增到該區段的 app 區塊,或點選 搜尋 列並輸入搜尋字詞,以在您已安裝的 app 中搜尋。

  9. 選用:點選並拖曳 圖示,將區塊移至頁面上的其他可用位置。您也可以使用可用的設定自訂該區塊。

  10. 點選 儲存

在範本中新增 app 區塊

電腦版
  1. 在 Shopify 管理介面中,前往 網路商店 > 佈景主題

  2. 找到您要編輯的佈景主題,然後按一下 編輯佈景主題

  3. 前往您要新增應用程式區段的頁面。

  4. 在側邊欄按一下 新增區段

  5. 在下拉式選單的 應用程式 區段中,選取您要新增至頁面的 app,或按一下 搜尋 列,輸入文字以搜尋您已安裝的 app。

  6. 選用:按住並拖曳 圖示,將該區塊移至頁面上其他可用位置。您也可以使用可用的設定來自訂該區塊。

  7. 按一下 儲存

行動裝置
  1. Shopify app 中,點選 選單 圖示。

  2. 銷售管道 區段中,點選 網路商店

  3. 點選 管理所有佈景主題

  4. 找到您要編輯的佈景主題,然後點選 編輯佈景主題

  5. 點選 編輯

  6. 前往您要新增應用程式區段的頁面。

  7. 在側邊欄點選 新增區段

  8. 在下拉式選單的 應用程式 區段中,選取您要新增至頁面的 app,或點選 搜尋 列,輸入文字以搜尋您已安裝的 app。

  9. 選用:點選並拖曳 圖示,將區塊移至頁面上的其他可用位置。您也可以使用可用的設定自訂該區塊。

  10. 點選 儲存

此 app 會新增為 應用程式 區段中的一個區塊。您可以在該區段新增更多 app 區塊。您也可以在同一頁面新增多個 應用程式 區段。

應用程式嵌入

「應用程式嵌入」是由 app 提供的元件,可在您的佈景主題中以浮動或疊加層顯示,或在不顯示給顧客的情況下將程式碼加入您的網路商店。例如,出現在商店角落的聊天泡泡 app,或分析或追蹤 app,都可能以「應用程式嵌入」形式加入您的商店。您可以透過佈景主題編輯器啟用、停用並自訂「應用程式嵌入」。任何版本的佈景主題都可使用「應用程式嵌入」。

若您擁有多個市場,便能為各市場自訂應用程式嵌入。例如,您可以僅為北美市場啟用聊天應用程式嵌入,或為不同的市場進行不同的應用程式嵌入設定。若要自訂特定市場的應用程式嵌入,請在啟用或進行設定之前,先在佈景主題編輯器的「市場」下拉式選單中選取市場。如需為特定市場自訂佈景主題的詳細資訊,請參閱「為特定市場或 Shopify B2B 調整佈景主題」。

一個應用程式內嵌區塊。

啟用應用程式嵌入

電腦版
  1. 在 Shopify 管理介面中,前往 網路商店 > 佈景主題

  2. 找到您要編輯的佈景主題,然後按一下 編輯佈景主題

  3. 選用:若要為特定市場自訂應用程式嵌入,請點擊「市場」下拉式選單,然後選取欲自訂的市場。若未選取市場,變更將套用至商店預設。

  4. 在側邊欄按一下 應用程式嵌入 圖示。

  5. 選取您要啟用的應用程式嵌入,或按一下 搜尋 列,輸入搜尋字詞,以在您已安裝的 app 中搜尋。

  6. 在您要啟用的應用程式嵌入旁,按一下切換按鈕以啟用。

  7. 選用:按一下應用程式嵌入名稱旁的展開圖示 ,檢視其設定。

  8. 按一下 儲存

  9. 預覽您的商店,以即時查看嵌入的 app。

行動裝置
  1. Shopify app 中,點選 選單 圖示。

  2. 銷售管道 區段中,點選 網路商店

  3. 點選 管理所有佈景主題

  4. 找到您要編輯的佈景主題,然後點選 編輯佈景主題

  5. 選用:若要為特定市場自訂應用程式嵌入,請點選「市場」下拉式選單,然後選取欲自訂的市場。若未選取市場,變更將套用至商店預設。

  6. 點選 > 應用程式嵌入

  7. 選取您要啟用的應用程式嵌入,或在搜尋列輸入搜尋字詞,以在您已安裝的 app 中搜尋。

  8. 在您要啟用的應用程式嵌入旁,點選切換按鈕以啟用。

  9. 選用:點選應用程式嵌入名稱旁的展開圖示 ,檢視其設定。

  10. 點選 儲存

  11. 預覽您的商店,以即時查看嵌入的 app。

透過佈景主題程式碼加入的 app

有些 app 會直接將程式碼插入佈景主題程式碼中,為佈景主題新增功能。安裝該 app 後,您可能會收到上線指示,其中可能包含編輯自己的程式碼,將 app 功能加入您希望在佈景主題中顯示的位置。您可以透過 app 設定或佈景主題編輯器自訂該 app。

如果您的佈景主題提供 Custom Liquid section,您就能在佈景主題編輯器中將您的 app 程式碼加入 Custom Liquid 區段,而不必直接編輯佈景主題程式碼。