MO STORIES
【2024 Crocoblock 教學】 最佳 Elementor 第三方延伸外掛 打造理想網站
Crocoblock 是一款強大的 Elementor 第三方外掛,能夠滿足網站設計中的多種需求,避免因為安裝過多外掛導致網站速度變慢的問題。透過其迷人的功能,如 JetMenu、JetBlog 和 JetEngine,使用者可以輕鬆打造美觀且功能齊全的網站,並提升用戶互動和轉換率。無論你是新手還是經驗豐富的設計師,Crocoblock 都能幫助你有效解決網

Crocoblock 簡介
Crocoblock 是一家 Elementor 第三方 Add-Ons 軟體開發公司 ( 3rd Party Elementor Add-Ons ) ,而且位於世界新聞的中心「烏克蘭」。
Crocoblock 提供基於 Elementor 的第三方外掛服務,簡單來說,就是獨立的「元素」,你也能說它是 WordPress 「外掛中的外掛」等於高級外掛??
Crocoblock 成立於 2018 年,目前已經是一個 70 人的團隊,而且 Crocoblock 社群也非常的活躍,定期都會升級的直播教學。(Facebook 連結)
目前 Crocoblock 提供更多 Elementor 做不到的功能,例如說,美容美髮的預約系統、自定義資料庫、會員系統等,還有更多實用功能,像是:
- Filter – 過濾功能
- Dynamic Content – 輕鬆打造動態內容
- API – 不用 Code 也可以串接
- Review – 讓用戶可留言、評價和打分
Elementor Add-Ons 第三方外掛是什麼?
第三方外掛是指由第三方開發人員專門為 Elementor 平台開發的插件。它們增加了 Elementor 的功能並豐富了用戶的體驗。
簡單說來,當我們安裝 Elementor 後,就能使用基本的功能,如果再安裝 Elementor Pro ,就會出現更多功能提供我們來使用。
Crocoblock 也是如此,我們要先安裝 Elementor 再安裝 Crocoblock 就可以使用由第三方開發的功能。
Crocoblock 如何下載 & 安裝
但對於新手來說,他媽的我怎麼知道我要不要安裝,還好 Crocoblock 還是有點良心,出了一個整合管理的外掛「Crocoblock Wizard」。
Crocoblock 教學 – 5 個必用的迷人功能
如果你是個 Elementor 的使用者,一定對這產品感到滿意,但又遺憾為了完成某些功能,所以必須再加一些外掛。
結果網站越來越肥,速度也變得更慢了,有沒有一套軟體可以滿足我的所有需求呢?
試試看 Crocoblock 吧,Crocoblock 教學將分享 5 個看完一定會心動的迷人功能。
#1 JetMenu
Jet Menu 可以在頁首的下拉項選單中,放入 Elementor 的頁面。

所以在用戶點選下拉選單的時候,才呈現大量的資訊內容,讓版面保持乾淨,讓用戶可以快速找到需要的資訊。

也可以快速建立手機版本的 Menu ,比起使用 Elementor 製作相同的功能時,可以省下更多的時間。
#2 JetBlog
JetBlog 是用來打造迷人的 Blog 的強大功能,有多種不同風格的文章呈現的設計手法。如果你是影片創作者的話,也可以使用 Video Playlist 來打造更有主題性的播放清單。

-
Video Playlist:JetBlog 有更美觀和酷炫的特效,不只可以設計部落格,也可以做首頁推播的 「Elementor Ticker for News and Other Content」,也有可以做 Youtube 的播放清單。
-
Posts Pagination:文章分頁
-
Posts Navigation:文章導航,在頁面上出現下一篇文章的標題,讓用戶更快速閱讀和提高停留時間。
-
Text Ticker:以 Typing Effect 呈成最新文章或是自定義文章,提高讀者興趣。
-
Smart Posts Tiles & Smart Posts List :簡單好操作的文章列表設計的功能。
#3 JetFilter
如果你有很多文章或是商品的話,文章過濾或是商品過濾肯定就是「必要」功能。
讓讀者或是用戶可以最快找到需要的商品,或是讓用戶和網站互動,提高網站的體驗和網頁的轉換率,這些指標都對網站都有很正向的影響。
如果你想要打造一個電商或是提供預約服務的網站,那一定需要試試 JetFilter 的強大功能。
#4 JetEngine WordPress REST API
API 算是高階網站技術,如果你不會編碼或是和大叔一樣不懂 JS code 的話, JetEngine 提供很容易就可以操作的 API 串接。
讓你輕鬆打造大數據網站,一個人也能建立百萬網站。
#5 JetEngine
JetEngine 是 Crocoblock 最強大的系統,動態互動網站外掛中,在我的心中目前是第一名。
因為它把許多功能都集中在一體上,所以幾乎只需要安裝 Elementor 和 Crocoblock 就可以滿足網頁設計所有的需求和功能。
JetEngine 其實是動態內容多功能的整合,可以取代多個外掛,像是 –
- ACF ( Advanced Custom Fields )
- Ele Custom Skin
- Elementor Pro
- Custom Post Type UI
- 表單外掛
甚至可以用來取代一些管理或是廣告外掛,再來 JetEngine 部份功能也可以在 Gutenberg 使用。
#6 Jetformbuilder
Jetformbuilder 是一款打造自定義表單的功能。透過多樣的功能表格,像是:
-
**Text Field **

-
Select Field

-
Radio Field

-
Checkbox Field

以上等等, 10 幾種不同功能 Field 來滿足使用上的各種情況需求,並定義按鍵功能,例如說:
- Send Email – 寄送成功或是提醒信件。
- Register User – 註冊新用戶
- Update User – 更新用戶
- MailChimp – 也可以串按 MailChimp、GetResponse、ActiveCampaign 這類的線上服務。
Crocoblock 費用和優惠
在費用上,Crocoblock 提供了終身、訂閱 ( 1 個網站 / 1 年、n 個網站 / 1 年)或是選擇自定義,只付費在你選擇的功能上。
如果真的只想要某些功能的話,那可以試試先購買某些功能,但大叔建議你考慮 130 ( 美金 )的方案,先用看看再來考慮要退租再購買單一功能,或是終身吃到飽之類的。

有個注意事項給你參考一下,如果你是訂閱 ( 1個網站 )也就是 130 的方案,如果在之後要再升級的話,它並不是依比例來補差價。
Elementor Pro 升級的話,就只需要補上依比例的差價就好,簡單來說 – 如果我用了 6 個月要再升級
的話,需要付 6/12 * 售價,也就是一半售價的費用。
總之 Crocoblock 想要升級的話,越早越好,不然就買終身,這樣才划算。
🔽 升級的話,沒有折扣啊!! 有人要一起買的嗎 😈

Crocoblock 提供 30 天不滿意全額退費,不怕你用,怕你用了還要再升級。
如何只顯示網址的 post name?
下載外掛 Remove CPT base,Remove custom post type base slug from url
Crocoblock 教學總結 & 大叔使用心得
Crocoblock 是市面上功能最強大,最多人使用的 Elementor 的第 3 方外掛,甚至有點強過頭了。它可以輕鬆打造自己的 loop 功能,也可以呼叫資料庫做為自定義後端。
但是在學習上需要花上不少的時間,系統同時整合後端和前端,更適合團隊用來開發和客制化網站,滿足大多數業主網站設計的需求,而且也有提供終身方案。
如果有使用上的問題,推薦大家可以上 Crocoblock 官方社團去找詢答案。
看完教學覺得 WordPress 還是太麻煩?
瘦桑與 MO design studio 同步提供專業的網站升級服務:
前 5 名諮詢客戶享免費效能報告

關於作者 | 10+ 經驗
MO 編輯
WordPress 效能優化專家 / MO Design Studio 共同創辦人
關注設計 × 工程的平衡協作,擅長以簡潔語言說故事。專門幫已有網站的品牌做速度升級。相信好網站不用重做,只需要正確的優化。
延伸閱讀

SEO 搜尋引擎優化完整教學指南 (2026 最新版):從 0 到 1 打造高流量網站
2026 SEO 不再只是關鍵字。這篇萬字指南帶你從技術 SEO、內容行銷到最新的 AEO (AI 引擎優化) 與 GEO 策略,掌握未來十年的流量密碼。

關鍵字規劃與研究工具推薦:2026 實戰指南
關鍵字研究是 SEO 的第一步。這篇帶你使用 Ahrefs、SEMrush、Perplexity 等工具,找出高價值的目標關鍵字。

頁面 SEO (On-Page) 優化清單:10 個關鍵檢查項目
頁面 SEO 是你最能掌控的優化項目。這份清單涵蓋標題、Meta、內部連結等核心要素,照著做就能提升排名。
訂閱 MO Stories
獲得最新的網頁設計趨勢、Headless CMS 技術洞察與數位變現策略。