免費試用

隨心所欲、盡情發揮
SHOP Builder 頁面編輯器

跟複雜的語法、老套的設計說 Bye Bye! 透過拖曳排列、互動型元件加上專業的商店設計主題,不管時尚、運動、經典或是各種風格都能輕鬆駕馭,打造吸睛的質感品牌網店一點都不難!

免費試用
SHOPLINE SHOP Builder 頁面編輯器
  • 免寫程式
    自由拖曳完成編排

    透過滑鼠拖曳方式就能添加文字、商品等元件來編排頁面,不會程式語法也能做出精美頁面

  • 產業推薦版型
    多種設計版型任選

    提供 53 款由專業設計師設計的網站主題,隨選隨用,也可依據產業選擇合適的模板

  • Layout Engine
    前端語言編輯權限

    可額外開啟 HTML / CSS / Javascript 等前端語言的客製化權限,讓商店設計更符合需求

SHOP Builder + 產業推薦版型
打造一流品牌網站不是夢

沒錯!就算不會寫程式碼也能建立專業網站

  • SHOP Builder

    多達 15 種以上的互動型元件,所見及所得的編輯方式,透過拖拉、排列就能建立精美頁面,還能調整字型、顏色及按鈕等。同時支援響應式設計,不管桌機或手機的購物體驗都順暢無間。

  • 產業推薦版型

    新手上路不用怕! 一開始毫無頭緒也沒關係,精選 24 款商店版型依據不同產業類別推薦給你,一鍵選用,讓你輕鬆踏出商店設計的第一步。

款款巧妙
15+ 互動型元件

活動倒數
為轉單加把勁

催單好幫手!即時告知目前活動所剩時間,營造倒數緊張感,有效勾起消費者的好奇心與購買慾。

公告欄
為你打上 spotlight

曝光全站優惠、超值折扣的絕佳版位!讓你把重要資訊置頂在頁面最上方,最多可以新增三組以輪播或展開方式呈現。

消息訂閱
最新消息不漏接

想讓顧客獲得最新優惠及活動資訊?把訂閱元件加入到頁面上,顧客輸入 Email 訂閱後,就能即時獲得商店最新消息。

折疊段落
聰明收納術

頁面文字太多怎麼辦?善用折疊段落元件的展開/收合有效收納資訊,讓畫面更加簡潔俐落,適合用於 Q&A、出退貨流程等說明。

想瞭解更多互動型元件?立即免費試用

效能優化
讓網站更上一層樓

顏值要有,內在更不容忽視!透過 SHOP Builder 建立的頁面,經統計有助改善網站效能,為你的 SEO 加分!

  • 有助提升圖片載入時
    造成的位移
    頁面元素載入速度
  • 有助優化圖片載入時
    造成的位移
    Google 網站評分
  • 有助減少圖片載入時
    造成的位移

絕佳 SEO
帶來更多長尾效益

頁面編輯基礎打牢才能穩健提升 SEO,讓流量自然成長,這些 Tips 都能在 SHOP Builder 完成!

  • 頁面使用的元件數建議在 10 個內
  • 參照圖片建議尺寸上傳你的圖檔
  • 確實設定 H1、H2 等文字標籤
  • 頁面 SEO 設定需填寫標題、描述及連結
SHOPLINE SHOP Builder 頁面編輯器