2026 年 10 月查證 · 由 Mobirise 團隊撰寫，mobirize.com 亦由我們營運
我們的建構器一覽：區塊、價格、手機、檔案
給正在比較工具的您，先看重點：要移動什麼、要花多少錢、頁面在小螢幕上的樣子，以及完成的檔案最後放在哪裡。
- 您要移動的東西
- 整個區塊：頁首、圖庫、價目表、聯絡區。您由上往下堆疊區塊，再直接在頁面上修改文字和圖片。
- 價格
- 無論個人或商業網站，都不必付費。免費版附有一個基本佈景主題和 200+ 個區塊；220+ 個付費佈景主題和擴充功能則包含在 KIT、BASE 和 GROW 方案中。
- 手機和平板
- 每個區塊都是自適應的，頁面會自動重新排列以配合窄螢幕。編輯器會顯示三種螢幕尺寸，方便您檢查。
- 它做不到的事
- 版面只有一套，共用於所有裝置。沒有手機專用的排列方式，也沒有能針對單一裝置隱藏或移動項目的開關。
- 執行位置
- 可透過 a.mobirise.com 線上使用，也可作為程式安裝在 Windows 7+、macOS 10.13+ 和 Debian 系 Linux 上。兩者由同一個引擎驅動。
- 您的程式碼
- 無論使用哪個方案（包括免費方案），已安裝的應用程式都會輸出 HTML、CSS 和 JavaScript（Bootstrap 5）。從網頁版匯出則是 BASE 和 GROW 的功能。
- AI 起步
- 簡短描述您的網站，即可獲得 4 種設計方案，再自行調整其中區塊的順序。免費帳號每月有 3 次 AI 生成。
兩種拖放式編輯器
這個詞其實涵蓋兩種截然不同的操作方式。如果您想知道它在實際使用上的意思，這個分別最重要，因為它決定了您日後要花多少時間修補手機版。
自由定位畫布
您可以抓起文字方塊、圖片或按鈕，放在任何位置，甚至疊在其他元素上。Wix 和 WYSIWYG Web Builder 就是這種做法。您能精確控制電腦版的構圖，例如讓圖片與標題重疊。代價出現在小螢幕上：為寬螢幕排好的配置不會自動縮小，所以這類工具另外提供行動版檢視，讓您再移動、縮放或隱藏項目一次。
區塊堆疊
您把完整的區段依垂直順序拉進頁面，再填入內容。Mobirise 採用的就是這種模式；Squarespace 搭配 Fluid Engine 的區段則介於兩者之間：區塊會貼齊每個區段內的格線。對齊問題已有人處理，因為每個區塊都已定義好欄位和間距。取捨是自由度較低：您無法把元素放在任意像素位置，特殊的重疊設計也很難做到。
大致的經驗法則：如果您把頁面想成一張海報，畫布工具比較適合；如果您想的是可以往下捲動的內容，堆疊區塊會更快，在手機上也更少出現意外。
依用途挑選最好的拖放式網站建構器
沒有哪一款工具在所有情況下都勝出。以下是我們會依專案類型推薦給朋友的選擇。Mobirise 是我們自己的產品，所以它這一行請當作廠商的說法來看。
- 免費，而且您要檔案
- Mobirise：堆疊區塊，用三種螢幕尺寸預覽，再上傳到您自己的伺服器，或保留 HTML。免費版不會到期。
- 線上製作，版面精確到像素
- Wix：任何東西都能放在任何位置，並可另外調整行動版。網站必須留在 Wix 的伺服器上。
- 精緻範本，區段內有格線
- Squarespace 搭配 Fluid Engine：在格線上排列區塊，並單獨設定行動版版面。14 天試用期後需付費。
- 在電腦程式中精確定位
- WYSIWYG Web Builder 採買斷制授權，提供含斷點的絕對定位與彈性版面，也能匯入現有的 HTML 頁面。
- 貼近 CSS 的設計控制
- Webflow：類別、斷點，以及對應 CSS 屬性的 Style 面板。學習曲線較長。
- 最便宜的代管起步方案
- Hostinger Website Builder：預付數年可享低價，並有各裝置的隱藏控制。只能發布在 Hostinger 主機上。
- 免安裝的 AI 設計
- 8B AI：可免費設計，但上線需要 Pro。沒有桌面版。
各款拖放式網站建構器比較
七款工具，從元素的擺放方式、對手機的處理，以及能否把程式碼帶走來評比。Mobirise 輸的項目，我們也照實保留。
| Mobirise | Wix | Squarespace | 8B AI | WYSIWYG Web Builder | Webflow | Hostinger | |
|---|---|---|---|---|---|---|---|
| 上線的入門價格 | US$0，放在 mobirisesite.com 子網域或您自己的伺服器 | Light 方案每月 US$17，按年計費 | Basic 方案每月 US$19，按年計費（逐月付費為 US$25） | Pro 方案每月 US$9，按年計費 | 一次付清 US$59.95，未含 VAT | Basic 網站方案每月 US$15 | Premium 方案預付 48 個月，每月 US$2.99；續約為 US$10.99 |
| 免費選項 | 免費方案，不會到期 | 免費方案，附帶 Wix 廣告 | 僅有 14 天試用 | 僅供設計，無法發布 | 30 天內功能完整 | webflow.io 上的免費網站，會顯示標章 | 試用，無法發布 |
| 擺放元素的方式 | 堆疊完整區塊，就地編輯 | 可自由定位於任何位置，有圖層 | 區段內的格線區塊 | 自動生成設計，透過 AI 對話修改 | 自由定位或彈性版面 | 以類別設定元素樣式 | 區段內的元素 |
| 手機版面 | 自動調整，共用同一套版面 | 獨立的行動版編輯器 | 獨立設定行動版版面 | 未公布 | 每個元素都有斷點 | Style 面板中的斷點 | 行動版檢視，可依裝置隱藏 |
| 只在手機上隱藏某個項目 | 不行 | 可以 | 另外設定版面 | 未公布 | 可以，使用斷點 | 可以，使用斷點 | 可以 |
| 可安裝的程式 | 有，支援 Windows、macOS 和 Linux | 無 | 無 | 無 | 僅限 Windows | 無 | 無 |
| 把程式碼搬到別處 | 已安裝的應用程式可匯出 HTML，任何方案皆可 | 不行，只能在 Wix 伺服器上執行 | 部分內容僅能匯出為 .xml | Pro 方案可完整匯出 HTML | 可以，匯出到資料夾或透過 FTP | 付費的工作區方案 | 未公布 |
資料來自各廠商的官方價目表和支援文章，我們在 2026 年 10 月 13–16 日閱讀並整理。金額為不含稅的美元，計費方式以各欄位所註明者為準。第三方評論常引用過時的數字（許多文章仍把 Squarespace Basic 寫成 US$16），而且廠商會調整價格、舉辦促銷，付款前請務必到廠商網站確認。
拖曳排好的版面在手機上會如何呈現
對小型企業網站而言，行動版的成果才是編輯器真正的考驗。以下依編輯器類型，說明在大螢幕上排好的頁面會發生什麼事。
多欄會折成一欄
在 Mobirise 中，三欄的區塊在窄螢幕上會變成單欄，區塊仍保持由上到下的順序。間距和字體會隨 Bootstrap 5 格線縮放。不會有東西重疊，因為一開始就沒有任何東西是以像素定位的。
要再手動處理一輪
在畫布式編輯器中，為寬頁面定位的項目到了手機上可能會落在奇怪的位置。Wix 和 Hostinger 提供行動版檢視，讓您重新排列或隱藏項目；Wix 指出，在那裡所做的更動不會影響電腦版。
依螢幕寬度設定規則
Webflow 和 WYSIWYG Web Builder 讓您在選定的寬度設定不同的數值。這是最精確的做法，也是最費工的：每多一個斷點，就多一個版本要檢查。這些編輯器在各類工具中的定位，請見我們的網站製作軟體指南。
區塊做法的實際限制：您無法要求 Mobirise 在電腦上顯示圖片、在手機上卻略過，也無法只在行動版把按鈕往上移。如果手機專用的排列對您很重要，Wix 有專為此打造的行動版編輯器。對大多數服務型網站來說，一套會自動重新排列的版面就夠了，還能省去同步維護兩個版本的麻煩。想找一款不費力就能讓小螢幕版本保持整齊的行動版網站建構器，正是這種模式所服務的對象。
- 預覽三種尺寸。發布前，在手機、平板和電腦檢視之間切換看看。
- 區塊保持精簡。欄數很多的區塊，在手機上會變成很長的捲動內容。
- 檢查標題。在電腦上一行就能放下的長標題，在小螢幕上可能要佔四行。
- 用真實裝置測試。用您自己的手機開啟上線的網站；預覽很接近，但並不完全相同。
您在 Mobirise 中可以拖曳和設定的項目
以下所有項目都屬於區塊編輯器，在線上版和離線安裝版中的運作方式完全相同。付費項目另有標示。
區塊
從側邊面板把現成的區塊拉進頁面並重新排序。Clone Block 會連同設定一起複製區塊，適合重複的區段，例如兩份價目表。
就地編輯文字和圖片
點一下範例文字就能輸入，點一下照片就能更換。圖片會自動轉成 WebP，每個標題都可以指定您選的 H 標籤；文字也可以左右對齊。
區塊參數
每個區塊都有一個面板，可設定間距、背景、顯示的元素和欄數。大多數版面決定都在這裡完成，而不是靠拖曳單一項目。
網站樣式
全站的字型和色彩集中在 Style Editor 設定；近期的版本還為它新增了更多字型。使用鍵盤的使用者可看到清楚的焦點外框。
單一區塊的 AI
搭配付費的 AI 方案，「Generate Block with AI」和「Edit Block with AI」可建立或改寫單一區段。整個網站的草稿也可以從對您事業的簡短描述開始。
需要時可改程式碼
Code Editor 是每個付費方案都附帶的付費擴充功能，可讓您改寫任何區塊或頁面底層的 HTML 和 CSS。不使用它，您完全不必碰程式碼，這正是不寫標記語言的視覺化製作的重點。
Form Builder、Popup Builder 和 Smart Cart（PayPal 與 Stripe）等付費擴充功能會帶來各自可拖曳的區塊。它們只包含在 KIT、BASE 或 GROW 方案中販售；請參閱 Mobirise 價格頁面。
可匯出程式碼的拖放式 HTML 建構器
許多人希望建構器能交出真正的檔案，讓網站不被任何單一主機綁住。
您能得到什麼
從已安裝的應用程式發布到您磁碟上的資料夾，會產生以 Bootstrap 5 為基礎的 HTML、CSS 和 JavaScript，免費方案也不例外。同一個應用程式還能透過 FTP 或 FTPES 傳送網站，或推送到 GitHub Pages。
它做不到什麼
Mobirise 只能讀取在 Mobirise 中建立的專案。購買的 HTML 範本或用其他軟體製作的頁面，無法匯入並以拖曳方式編輯；這種情況下，可處理現有 HTML 的視覺化編輯器會更合適。
離線作業
離開 Wi-Fi 後，已安裝的應用程式仍可編輯和預覽。AI 草稿、上傳和取得新佈景主題，要等網路恢復後才能繼續；不連線也能製作網站有詳細說明。
哪裡取得應用程式
各系統的安裝程式列在 Mobirise 下載頁面：Windows 版約 105 MB，每個 macOS 套件約 134 MB。
區塊式編輯適合的情況，以及何時該選別的工具
適合
- 需要一個清楚、可往下捲動的網站的服務業者、診所、代理商和小型商店
- 希望手機版一次就做對、不必再修改一輪的人
- 想要主機自由並取得 HTML 檔案的人
- 為多位客戶製作類似網站的自由工作者
如果有以下需求，請選擇其他工具
- 您要元素落在精確的像素位置：Wix 或 WYSIWYG Web Builder
- 您需要手機上有不同的排列：Wix 的行動版編輯器或 Squarespace 的行動版版面
- 您必須繼續編輯別處製作的頁面：Mobirise 無法載入它們
- 您習慣以 CSS 思考，並想在每個斷點完全掌控：Webflow
- 您預期有數百件商品的目錄：專用的電子商務平台
關於拖曳區塊來製作網站的常見問題
拖曳式網站製作是什麼意思？
這是一種用指標移動物件來組合頁面、而不必輸入程式碼的工具。有些工具讓您把單一項目放在畫布上的任何位置；另一些（包括 Mobirise）則讓您排列整個現成的區塊，再就地編輯。
免費的拖放式網站建構器可以永遠免費嗎？
可以。Mobirise 用於個人或商業網站都不收費，也沒有試用期。在這個方案下，您可以為自己的伺服器製作任意數量的網站，另外最多可有三個放在 mobirisesite.com 上，並附帶一行小小的署名。
哪種工具最適合初學者？
區塊式工具通常比較容易上手，因為對齊和手機版都有人幫您處理。像 Wix 這類畫布工具自由度較高，但在行動版上需要再處理一輪。
我的網站在手機上看起來會正常嗎？
會，只要一套共用的排列適合您：Mobirise 的區塊會自動為窄、中、寬螢幕重新排列，發布前也能預覽每種尺寸。您做不到的是替手機另設排列，或只在行動版隱藏某個項目。
有手機版的網站建構器應用程式嗎？
Android 使用者可從 Google Play 安裝 AI Website Builder: Mobirise 應用程式，它能以 AI 生成並發布網站，但沒有桌面版完整的區塊編輯器。iOS 沒有對應的應用程式；使用 iPhone 或 iPad 時，請透過瀏覽器版進入。
我能取得網站的原始碼嗎？
可以。無論使用哪個方案，已安裝的 Mobirise 應用程式都會儲存 HTML、CSS 和 JavaScript。Wix 網站必須在 Wix 伺服器上執行，而 Webflow 只有付費工作區方案才能匯出程式碼。
點擊拖放式網站製作是同一件事嗎？
是的，這兩種名稱都是指按住某個元素或區塊、按著按鈕並把它移到定位。不同工具移動的對象不同：單一項目，或整個區段。
Hostinger 提供拖放式編輯嗎？
有。它的網站建構器有手動模式，可編輯區段內的元素，也有行動版檢視，可依裝置隱藏項目。網站只能發布在 Hostinger 主機上。
我可以先用 AI 起步，再自己排列區塊嗎？
可以。寫一段簡短描述，Mobirise AI 會回傳 4 種設計方案；選一個，再到視覺化編輯器中重新排序或編輯其區塊，或透過對話來調整。生成需在線上進行，免費額度為每月 3 次。
需要懂程式碼嗎？
不需要。您只需處理區塊、文字、圖片和設定面板。如果之後想調整標記語言，付費的 Code Editor 擴充功能可為每個區塊開啟它。