SHOPLINE 用戶如何使用Shop Builder嵌入內容牆？

什麼是 Shop Builder？

Shop Builder 是 SHOPLINE 推出的新版頁面編輯器，採用「所見即所得」的拖拉式介面，讓店家無需具備程式碼基礎，即可自由設計品牌官網。透過 Shop Builder，你可以輕鬆配置首頁、自定義分頁，並透過多元的元件（如圖片輪播、影片、社群牆）打造獨特的視覺風格。

目前 Shop Builder 主要支援 Ultra Chic、Kingsman、Dusk、Varm 等新式回應式版型（建議進入後台確認您的版型是否已升級至支援版本）。

相關文章： https://shopline.tw/online-store/shop-builder

Shop Builder

嵌入「Instagram 用戶口碑內容牆」步驟

若要透過 Shop Builder 整合社群內容，請依照以下步驟操作：

1. 新增元件： 在編輯器左側選單點擊 「+ 元件」，切換至 「App Store Extension」 分籤。
2. 選擇工具： 在清單中找到並點選 「Instagram 用戶口碑內容牆」。

於新增元件處加入「Instagram 用戶口碑內容牆」

3. 獲取 ID： 登入您的 Tagnology 後台，前往 「版型顯示」 頁面，在左下角處找到並 複製「內容牆 ID」。

於「版型顯示」中，左下角複製「內容牆 ID」

4. 串接設定： 回到 Shop Builder 設定區，將複製的 ID 貼入對應欄位。

5. 版面配置（開啟版本顯示）：

• 開啟： 內容牆將呈現「全螢幕寬度」，與瀏覽器視窗同寬。
• 關閉： 內容牆將維持「預設寬度」，與其他 SHOPLINE 頁面元件齊寬。

6. 儲存設定： 完成所有參數調整後，務必按下右上角的 「儲存」 按鈕以套用變更。

Instagram 用戶口碑內容牆

調整放置位置

Shop Builder 提供高度的靈活性，您可以直接在左側的元件清單中，點選並上下拖拉 該內容牆元件，將其移動至頁面中任何您想要放置的區塊（例如放在 Banner 下方或頁尾上方），即時預覽排版效果。

拖拉調整位置