MO STORIES

【2024 Crocoblock 教學】 最佳 Elementor 第三方延伸外掛 打造理想網站

2025年11月8日2 MIN READ

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

【2024 Crocoblock 教學】 最佳 Elementor 第三方延伸外掛 打造理想網站
Cover Visual

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 同步提供專業的網站升級服務:

速度升級
讓 LCP < 2.5s,降低跳出率
流量升級
精準診斷核心關鍵字佈局
獲取專家診斷

前 5 名諮詢客戶享免費效能報告

MO 編輯

關於作者 | 10+ 經驗

MO 編輯

WordPress 效能優化專家 / MO Design Studio 共同創辦人

關注設計 × 工程的平衡協作,擅長以簡潔語言說故事。專門幫已有網站的品牌做速度升級。相信好網站不用重做,只需要正確的優化。

WordPress 優化SEO 策略Headless CMS效能稽核

延伸閱讀

Newsletter

訂閱 MO Stories

獲得最新的網頁設計趨勢、Headless CMS 技術洞察與數位變現策略。

我們尊重隱私,絕不發送垃圾郵件。可隨時取消訂閱。

MO DESIGN STUDIO

我們專注品牌網站設計、行銷著陸頁與整合式 CMS 流程,協助團隊打造有感的線上體驗。

返回部落格