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

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 還是有點良心，出了一個整合管理的外掛「Crocoblock Wizard」。

Step.1 安裝 Crocoblock Wizard

進入 Account 個人頁面，將頁面滑到下面，找到 Installation → Download

Step2. 啟用外掛

回到 Wordpress 網站後台，點擊 外掛→ 安裝外掛 → 上傳外掛 ，將剛剛下載的 Crocoblock Wizard ，上傳後點擊「立即安裝」，完成後再點擊「啟用外掛」。

Step3. 輸入 license key

啟動外掛後，會出現 Welcome 頁面

Step4. 安裝 Jet Plugins

大叔的習慣是有需要再裝，就像是我的減法生活一樣，所以先只安裝「JetEngine」，JetEngine 是今天主題要用上的功能。然後「continue」就會開始安裝。

Step5. 完成安裝

完成後，應該可以在介面上找到 「Crocoblock」和「JetEngine」，那就完成。

Crocoblock 教學 - 5 個必用的迷人功能

如果你是個 Elementor 的使用者，一定對這產品感到滿意，但又遺憾為了完成某些功能，所以必須再加一些外掛。

結果網站越來越肥，速度也變得更慢了，有沒有一套軟體可以滿足我的所有需求呢?

試試看 Crocoblock 吧，Crocoblock 教學將分享 5 個看完一定會心動的迷人功能。

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

也可以快速建立手機版本的 Menu ，比起使用 Elementor 製作相同的功能時，可以省下更多的時間。

#2 JetBlog

JetBlog 是用來打造迷人的 Blog 的強大功能，有多種不同風格的文章呈現的設計手法。如果你是影片創作者的話，也可以使用 Video Playlist 來打造更有主題性的播放清單。

• 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 是一款打造自定義表單的功能。透過多樣的功能表格，像是：

---

以上等等， 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 官方社團去找詢答案。

讀者優惠

• Elementor Pro 大叔優惠請看 → mo Studio

• Crocoblcok 大叔優惠請看 → mo Studio

• 部落客專屬：用 Notion 打造一個 Wordpress 網站，讓你專心寫，其它問題大叔幫你解決 → mo Studio