使用應用程式擴展主題

您可以安裝應用程式,為您的佈景主題新增功能和整合工具。您可以在 Shopify 應用程式商店中尋找應用程式。

應用程式能以下列方式與您的佈景主題整合:

  • 應用程式區塊:應用程式區塊能讓您將應用程式功能準確新增到佈景主題中希望使用的地方。您可以透過佈景主題編輯器新增、移除、預覽、重新編輯和自訂應用程式區塊。
  • 應用程式嵌入功能:應用程式嵌入功能是應用程式提供的元素,會漂浮或疊壓在佈景主題中,或在不向顧客顯示的情況下為網路商店新增程式碼。您可以透過佈景主題編輯器啟用、停用、預覽和自訂應用程式嵌入功能。
  • 新增自訂程式碼:某些應用程式會直接在佈景主題程式碼中插入程式碼,藉此為佈景主題新增功能。您可以使用應用程式設定,或使用佈景主題編輯器自訂應用程式。

應用程式區塊

應用程式提供區塊,您可將其新增為區段中的區塊,也可以將其新增為範本中的區段。這可讓您將應用程式功能新增至頁面上希望的位置。您可以透過佈景主題編輯器新增、移除、重新調整位置和自訂應用程式區塊。應用程式區塊可能僅與特定頁面類型相容。例如,尺寸表應用程式可能僅與產品頁面相容。

在區段中使用的應用程式區塊:

An app block being used in a section.

在範本中作為區段使用的應用程式區塊:

An app block being used as a section in a template.

區段中的應用程式區塊支援

您佈景主題的部分區段可能不支援應用程式區塊。若要確定哪些佈景主題區段支援應用程式區塊,請參閱佈景主題說明文件或聯絡您的佈景主題開發人員

如果某區段支援應用程式區塊,且您已安裝相容的應用程式,則區塊選擇器會顯示應用程式區段。

新增應用程式區塊至區段

  1. 前往要新增應用程式區塊的頁面和區段。
  2. 點擊新增區塊
  3. 在下拉式選單中的應用程式區段,選取您想新增到區段的應用程式區塊。
  4. 選用:將應用程式區塊移動到區段上您希望的位置,並使用所有可用的設定功能來自訂該區塊。
  5. 點擊「儲存」。

新增應用程式區塊至範本

  1. 前往要新增應用程式區段的頁面。
  2. 按一下「新增區段」。
  3. 在下拉式選單中的應用程式區段,選取您想新增到頁面的應用程式。
  4. 選用:將應用程式區段移動到頁面上您希望的位置,並使用所有可用的設定功能來自訂該區塊。
  5. 點擊「儲存」。

該應用程式會在應用程式區段中新增為區塊。您可以按照意願將其他應用程式區塊新增至此區段。您也可以將多個應用程式區段新增至單一頁面。

應用程式嵌入功能

應用程式嵌入功能是應用程式提供的元素,會漂浮或疊壓在佈景主題中,或在不向顧客顯示的情況下為網路商店新增程式碼。例如,顯示在商店角落的聊天泡泡應用程式,或是新增至商店的分析或追蹤應用程式嵌入功能。您可以透過佈景主題編輯器啟用、停用和自訂應用程式嵌入功能。應用程式嵌入功能可用於任何佈景主題版本。

An app embed block.

啟用應用程式嵌入功能

  1. 點擊「佈景主題設定」。
  2. 點擊應用程式嵌入功能分頁。
  3. 在您想要啟用的應用程式嵌入功能旁,按一下切換按鈕以將其啟用。
  4. 選用:點擊應用程式嵌入功能名稱旁的展開圖示 以瀏覽應用程式嵌入功能設定。

新增至佈景主題程式碼的應用程式

有些應用程式會直接在佈景主題程式碼中插入程式碼,藉此將功能新增至佈景主題。安裝應用程式後,您可能會收到自行編輯程式碼等入門指示,讓您能將應用程式功能新增至佈景主題希望顯示之處。您可以使用應用程式設定或佈景主題編輯器來自訂應用程式。

如果您的佈景主題提供自訂 Liquid 區段,您或許可以在佈景主題編輯器中把應用程式程式碼新增到自訂 Liquid 區段,而不用直接編輯佈景主題程式碼。

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

免費試用