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 用戶口碑內容牆」。
3. 獲取 ID： 登入您的 Tagnology 後台，前往 「版型顯示」 頁面，在左下角處找到並 複製「內容牆 ID」。
4. 串接設定： 回到 Shop Builder 設定區，將複製的 ID 貼入對應欄位。
5. 版面配置（開啟版本顯示）：

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

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

Instagram 用戶口碑內容牆

調整放置位置

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

拖拉調整位置