Cara Mudah Menginstal dan Menggunakan Crocoblock Plugin di WordPress

Definisi plugin Crocoblock

Plugin Crocoblock merupakan sebuah pengembangan yang lebih lanjut dari Elementor dan Gutenberg, yang memungkinkan Anda untuk merancang situs web berbasis WordPress dengan cara yang cepat. Plugin ini terdiri dari sejumlah plugin tambahan, di mana masing-masing plugin memiliki fungsi unik.

Seperti yang dilakukan Elementor, plugin ini juga menerapkan metode drag and drop, sehingga mempermudah Anda dalam menciptakan landing page di WordPress. Di dalam plugin Crocoblock, terdapat fitur JetPlugins yang merupakan kombinasi dari beberapa plugin yang ada.

Terdapat setidaknya 20 addon plugin tambahan dalam JetPlugins, di mana setiap plugin memiliki fungsi dan widgetnya sendiri. Misalnya, JetMenu yang digunakan untuk membuat mega menu, JetBooking yang dimanfaatkan untuk keperluan pemesanan, dan semuanya dapat diakses melalui bundling JetPlugin Crocoblock.

Fitur JetPlugin pada Crocoblock

Salah satu fitur andalan pada plugin Crocoblock adalah JetPlugin. JetPlugin terdiri atas 20 plugin addon, yang tiap pluginnya memiliki fungsi masing-masing. Berikut penjelasan kami tentang beberapa addon plugin JetPlugin yang bisa Anda gunakan.

1. JetElements

Menambahkan berbagai widget premium ke Elementor.
Fitur utama:

• Post Grid & Masonry

• Pricing Table

• Countdown Timer

• Advanced Carousel

• Testimonials & Team Members

• Progress Bar dan Pie Chart

Cocok untuk: semua jenis website yang ingin tampil dinamis & profesional.

2. JetBlog

Plugin khusus untuk membuat tampilan layout blog yang menarik dan modern.
Fitur utama:

• Smart List & Smart Tiles

• Video Playlist

• Text Ticker

• Post Navigation

Cocok untuk: situs berita, blog pribadi, atau portal media.

3. JetWooBuilder

Membantu membangun halaman WooCommerce yang bisa dikustomisasi penuh.
Fitur utama:

• Desain halaman produk & katalog

• Template cart, checkout, dan account page

• Product grid & carousel

Cocok untuk: toko online dan e-commerce.

4. JetEngine

Plugin paling powerful di Crocoblock.
Fitur utama:

• Membuat Custom Post Type (CPT)

• Custom Field, Taxonomy, dan Relasi Data

• Dynamic Listing (konten otomatis dari database)

• Query Builder & Repeater Field

• Integrasi Advanced Custom Fields (ACF)

Cocok untuk: website dinamis seperti listing, direktori, property, atau travel.

5. JetSmartFilters

Membuat filter pencarian dinamis untuk konten.
Fitur utama:

• Checkbox, Range Slider, Date Range, Dropdown Filter

• AJAX Filtering

• Integrasi JetEngine & WooCommerce

Cocok untuk: e-commerce, direktori, atau situs properti.

6. JetBooking

Sistem pemesanan (booking system) otomatis.
Fitur utama:

• Form booking dengan kalender

• Integrasi WooCommerce dan JetEngine

• Dukungan check-in/check-out

• Rent/Book per tanggal atau jam

Cocok untuk: hotel, sewa kendaraan, salon, klinik, atau jasa reservasi.

7. JetThemeCore

Untuk mengelola template website secara menyeluruh.
Fitur utama:

• Membuat Header, Footer, 404 Page, dan Archive

• Template Builder drag & drop

• Import/export template dengan mudah

Cocok untuk: website custom yang ingin konsisten dari atas sampai bawah.

8. JetMenu

Membuat Mega Menu interaktif di Elementor.
Fitur utama:

• Desain menu dengan template Elementor

• Tambah gambar, ikon, atau widget ke menu

• Menu vertikal & horizontal

Cocok untuk: website e-commerce dan portal dengan banyak kategori.

9. JetTabs

Untuk menampilkan konten dalam bentuk tab, accordion, atau switcher.
Fitur utama:

• Konten tab berbasis Elementor

• Transisi halus antar-tab

• Kombinasi gambar, teks, dan template

Cocok untuk: halaman produk, FAQ, atau profil perusahaan.

10. JetPopup

Membuat popup elegan dengan Elementor.
Fitur utama:

• Popup promosi, form, pengumuman

• Trigger (on click, on scroll, on exit, on load)

• Integrasi Mailchimp & form builder

Cocok untuk: landing page, promosi, dan newsletter.

11. JetSearch

Menambahkan fitur pencarian AJAX cepat dan real-time.
Fitur utama:

• Live Search tanpa reload halaman

• Filter by post type atau kategori

• Desain hasil pencarian kustom

Cocok untuk: situs dengan banyak konten atau produk.

12. JetFormBuilder

Plugin pembuat form gratis dari Crocoblock.
Fitur utama:

• Form pendaftaran, booking, dan pembayaran

• Integrasi dengan WooCommerce & JetEngine

• Kalkulasi dinamis & conditional logic

• Dukungan Gutenberg dan Elementor

Cocok untuk: form kompleks seperti registrasi anggota atau pemesanan.

13. JetCompare & Wishlist

Menambahkan fitur compare dan wishlist ke toko online.
Fitur utama:

• Bandingkan produk berdampingan

• Tambahkan ke daftar keinginan

• Integrasi penuh dengan WooCommerce

Cocok untuk: website e-commerce & marketplace.

14. JetProductGallery

Membuat galeri produk yang menarik dan interaktif.
Fitur utama:

• Gallery Slider

• Thumbnail Navigation

• Zoom & Lightbox Effects

Cocok untuk: halaman detail produk e-commerce.

15. JetStyleManager

Mengatur gaya (style) global elemen JetPlugin langsung dari editor.
Fitur utama:

• Ubah warna, font, margin, padding

• Style kontrol tanpa CSS manual

• Simpan dan terapkan gaya global

Cocok untuk: desainer yang ingin menjaga konsistensi desain.

16. JetGridBuilder

Plugin baru untuk membuat layout grid dinamis seperti Pinterest.
Fitur utama:

• Grid & Masonry layout

• Kontrol ukuran tiap item

• Drag-and-drop builder

Cocok untuk: portofolio, blog, galeri foto.

17. JetAppointment

Plugin booking berbasis waktu (lebih ringan dari JetBooking).
Fitur utama:

• Penjadwalan layanan per jam

• Integrasi kalender & form

• Konfirmasi otomatis dan email notifikasi

Cocok untuk: salon, klinik, konsultan, dan layanan profesional.

Cara install JetPlugin menggunakan Wizard

1. Masuk ke Dashboard WordPress

Login ke:

2. Buka Menu Crocoblock → Wizard

Klik Crocoblock → Wizard di sidebar WordPress.
Jika belum ada, instal plugin Crocoblock Installer terlebih dahulu.

3. Jalankan Wizard Setup

Klik Start Installation atau Let’s Go untuk memulai panduan otomatis.

4. Pilih Jenis Website & Page Builder

Tentukan jenis situs (Blog, Toko Online, Portofolio, dll)
→ lalu pilih Elementor sebagai page builder utama.

5. Pilih Tema (Theme)

Gunakan tema Kava (direkomendasikan) atau pilih tema kamu sendiri.

6. Pilih JetPlugins yang Dibutuhkan

Centang plugin yang ingin dipakai, seperti:

• JetElements

• JetBlog

• JetEngine

• JetWooBuilder
  → lalu klik Continue.

7. Tunggu Proses Instalasi

Wizard akan otomatis mengunduh dan mengaktifkan plugin pilihanmu.
Setelah selesai, klik Finish

Cara Menggunakan Plugin Crocoblock

1. Buka Elementor

Buka halaman mana pun di WordPress → klik Edit with Elementor.

2. Lihat Widget JetPlugins

Di panel kiri Elementor, kamu akan melihat banyak widget baru dari JetPlugins seperti:

• JetElements: tombol, slider, tabel harga, testimonial

• JetBlog: post grid, smart list

• JetWooBuilder: tampilan produk

• JetEngine: konten dinamis

3. Drag & Drop ke Halaman

Cukup seret (drag) elemen yang kamu mau → lepaskan (drop) ke halaman → lalu edit teks, gambar, atau gaya sesuai keinginan.

4. Simpan dan Lihat Hasilnya

Klik Update / Publish untuk menyimpan perubahan dan lihat hasil di browser.

Cara Membuat Plugin Crocoblock

Ini adalah cara umum untuk “membuat” plugin Crocoblock aktif di situsmu.

Langkah-langkahnya:

1. Kunjungi situs resmi Crocoblock:
    https://crocoblock.com

2. Beli paket Crocoblock sesuai kebutuhan (misal: All-Inclusive, Custom, atau JetPlugin tertentu).

3. Download file ZIP plugin dari dashboard akun Crocoblock.

4. Masuk ke Dashboard WordPress → Plugins → Add New → Upload Plugin
   Unggah file ZIP Crocoblock dan klik Install Now → Activate.

5. Setelah aktif, akan muncul menu Crocoblock di sidebar.

6. Gunakan fitur Wizard untuk menginstal plugin Jet yang kamu mau (JetElements, JetEngine, JetBlog, dll).

Hasil: Semua JetPlugins akan otomatis terpasang dan siap digunakan di Elementor.