模塊建站編輯器主要由三部分組成，左側導航欄、網頁設計顯示區、右側配置面板。

 

左側導航欄：

返回：可返回工作臺和官網。

預覽：實時預覽正在設計的效果網頁。

預置部件：通過預設好的結構部件快速搭建網頁。

工具箱：專業建站最核心的功能，coolsite將H5組件封裝可視化給大家使用，讓不懂代碼的設計師就能快速上手制作頁面。

使用模塊：可使用模塊建站里的模塊，全自由度修改模塊。本功能專業版帳號才能使用。

頁面管理：可對頁面進行增刪改查操作。

保存：做一步保存一步是一個良好的習慣，以免因網絡因素導致作品保存失敗。

更新站定：一般來說，在制作過程中不要頻繁更新站點，更新站點主要是站點已經上線后修改站點。

PC端調整：主要在PC端完成網頁頁面設計。平板端和手機端在結構上自動繼承PC端。

手機端和平板端：用于適配調整顯示。

顯示網格：方面網頁設計師更好的額控制細節。

網頁設計顯示區

類似畫布，操作調整顯示網頁。

 

右側配置面板（涉及問題較多，每個面板后面有教程，這里只了解組成結構）。

屬性設定面板：不同的模塊配置不同的功能設置。（以模塊為準）。

樣式設定面板：可設置模塊配色（以模塊為準）。

DOM樹結構：對當前頁面的結構進行操作。

動畫時間軸：調整動畫時序。

觸發器管理：管理頁面所有的觸發行為。

庫管理面板：當頁面元素入庫后，可以在這里進行管理，導出按鈕可以在DOM樹界面看到，入庫的元素可以在別的站點，頁面直接導入，可以入庫的元素基本上以組件為單位。

元件管理：可將某一個模版設置成元件。其他頁面就能公用這個模塊，無需在其他頁面再次重做。