在頁面編輯器中使用 Bundlex（GemPages、PageFly、Shogun）
如果您的產品頁面是使用 GemPages、PageFly 或 Shogun 等頁面編輯器建立，請使用錨點程式碼片段來選擇 Bundlex 小工具的顯示位置。將其貼到產品頁面的自訂 HTML 區塊中。如果小工具完全沒有顯示，也請檢查應用程式嵌入、已發布的組合和產品表單；錨點只能控制顯示位置。
為什麼頁面編輯器需要錨點
一般情況下，小工具會偵測您的產品表單，並將自己插入其容器之前。頁面編輯器可能會變更這個版面配置。錨點會為小工具指定確切的呈現位置，但 Bundlex 仍需要找到產品的加入購物車表單，才能將優惠連結到購買按鈕。
取得程式碼片段
錨點是組合編輯器中可直接複製的程式碼片段。
- 在 Bundlex 控制面板中，開啟您想在頁面編輯器頁面上顯示的組合。
- 開啟 進階分頁。
- 找到 使用頁面編輯器？選項，然後點擊以展開。
- 點擊 複製，將程式碼片段複製到剪貼簿。
程式碼片段始終相同：
<div data-bundlex-widget></div>
將其貼到頁面編輯器中
- 在頁面編輯器的編輯介面中開啟產品頁面（GemPages、PageFly、Shogun 或其他編輯器）。
- 在您希望小工具顯示的確切位置新增 自訂 HTML 或 程式碼區塊，例如價格下方或加入購物車按鈕上方。
- 將程式碼片段貼到該區塊中。
- 預覽產品頁面，確認小工具位於正確位置後，再儲存並發布。
啟用應用程式嵌入，且沒有符合條件的自訂放置目標優先於錨點時，小工具會呈現在第一個錨點內。應用程式區塊則會在其自身的區塊位置呈現。請將錨點放在頁面的產品區域內，靠近購買控制項。
一個程式碼片段適用於所有組合
您不需要為每個組合使用不同的程式碼片段。所有組合都使用完全相同的 <div data-bundlex-widget></div>。Bundlex 會根據頁面所顯示的產品決定要呈現哪個組合，因此錨點只會控制小工具顯示的位置，不會控制顯示哪個組合。請將其貼到每個需要使用的頁面編輯器產品頁面中，每頁一次即可。
僅放置在相關頁面區域
只在您實際希望小工具顯示的頁面區域中新增錨點。如果相同的程式碼片段同時出現在多個會載入的位置，例如購物車抽屜或重複產品標記的快速檢視彈出視窗，小工具會連結到頁面上找到的第一個錨點。為了讓位置保持可預期，請將程式碼片段放在單一且相關的位置，不要分散到多個範本中。
檢查桌面版和手機版版面配置。有些編輯器會在同一頁面中保留獨立的桌面版和行動版產品表單。選擇器或錨點如果指向隱藏的副本，可能在某個寬度正常運作，卻在另一個寬度失效。如果發生這種情況，請聯絡支援團隊檢查兩種版面配置。
貼上後小工具沒有移動
如果小工具沒有移動到新的位置：
- 確認您使用的是應用程式嵌入，而不是放置在其他位置的應用程式區塊。嵌入中的符合條件自訂放置選擇器，其優先順序高於錨點。
- 強制重新整理商店頁面：Cmd/Ctrl + Shift + R。這可以重新載入過時的瀏覽器資源，但不會發布草稿頁面，也無法修正錯誤的選擇器。
- 確認頁面已發布，而不只是儲存在頁面編輯器中。
- 確認您完全按照原樣貼上程式碼片段，周圍沒有多餘字元。
如果小工具仍然完全沒有顯示
錨點只能控制小工具的位置。小工具仍需要以下一般條件才能載入：
- 使用錨點方法時，必須啟用 Bundlex 應用程式嵌入。如果您希望由區塊控制位置，請改用應用程式區塊。
- 必須有已發布的組合符合該頁面上的產品。
- Bundlex 必須能夠偵測正確的產品表單和加入購物車按鈕。
如果嵌入和符合條件的折扣都已啟用，請檢查放置優先順序和產品表單偵測。如果錨點仍然空白，請提供產品 URL 聯絡支援團隊。
登陸頁面有所不同
錨點程式碼片段僅適用於產品頁面。如果您希望在一般 Shopify 頁面（任何 /pages/ URL）上提供組合優惠，請新增佈景主題的 精選產品區段，並將 Bundlex 精選組合區塊放入其中。將區塊的產品設定為與區段相同的產品，或保留其「區段產品」連線。該區段會提供購買表單；區塊則會載入小工具，不需要錨點程式碼片段。
檢查結果
- 在桌面版和手機版寬度下，開啟實際已發布的產品 URL。
- 確認有一個小工具顯示在預期位置，且產品和優惠價格都相符。
- 選擇優惠並將其加入購物車。檢查主要產品、變體、數量和任何已選取的加購項目。
- 繼續前往結帳，在下單前確認折扣和小計。如果只有頁面編輯器預覽正常運作，請將已發布的產品 URL 提供給支援團隊。
如需完整瞭解 Bundlex 如何選擇放置位置，包括登陸頁面的精選產品區塊、自訂放置選擇器和佈景主題應用程式區塊，請參閱 小工具在產品頁面上的顯示位置。
這篇文章對您有幫助嗎？
您的意見能協助我們改善文件內容。