Apa pembangun halaman WordPress yang tepat untuk Anda?

Apakah Anda mencoba memilih antara Divi dan Elementor?

Karena ini adalah dua plugin paling populer untuk pembuat situs WordPress, Anda tidak akan salah dalam hal apa pun.

Namun, pasti ada beberapa fitur utama dan perbedaan harga antara Elementor dan Divi yang dapat membuatnya bekerja dengan satu atau lain cara.

Saya akan mencoba membantu Anda dalam posting ini. Pertama saya akan masuk ke fitur yang pada dasarnya identik antara Elementor dan Divi. Jadi saya ingin menyoroti yang sebaliknya dan melihat apa yang berbeda.

Akhirnya, saya akan membandingkan kinerja dan harga, dua pertimbangan penting lainnya yang melampaui daftar fitur.

Siap memulai? Mari kita mulai dengan perbandingan.

Divi vs Elementor: apa yang sama?

Dua plugin pembuat halaman ini ada di bagian atas permainan. Pertama, mari kita bandingkan kesamaan keduanya. Tentu saja, masih ada perbedaan fungsional kecil di sana-sini, tetapi ini adalah fitur paling penting yang Anda dapatkan terlepas dari plugin yang Anda pilih.

Antarmuka drag-and-drop visual

Mari kita mulai dengan level paling dasar: antarmuka.

Divi dan Elementor menawarkan antarmuka drag-and-drop visual untuk pengeditan online.

Ini berarti Anda dapat mendesain halaman Anda sehingga Anda dapat melihat dengan tepat apa yang dilihat pengunjung Anda, dan Anda dapat mengedit teks hanya dengan mengklik halaman dan mengetiknya.

Dengan Divi, Anda mendapatkan editor lebar penuh tanpa elemen Divi UI tetap yang melampaui satu tombol di bawah ini dan memperluas beberapa opsi saat Anda mengkliknya.

Untuk menambah dan mengkonfigurasi modul, gunakan tombol mengambang yang muncul saat Anda mengarahkan mouse ke desain Anda:

Warna yang berbeda mewakili berbagai jenis modul.

Untuk mengkonfigurasi modul individual, gunakan popup konfigurasi. Anda dapat mengubah ukuran popup dan menarik serta melepasnya yang merupakan fitur yang bagus.

Elementor, di sisi lain, menggunakan bilah sisi tetap di sebelah kiri yang selalu terlihat. Ini tidak menciptakan pengalaman desain yang mengesankan, tetapi saya pribadi berpikir lebih nyaman untuk dapat berinteraksi dengan bilah sisi tetap daripada menggunakan tombol mengambang yang menampilkan dan menyembunyikan segala sesuatu (seperti halnya dengan Divi):

Untuk mengonfigurasi widget atau bagian, klik untuk membuka pengaturannya di bilah sisi:

Mana yang lebih baik? Saya pikir itu sangat tergantung pada preferensi pribadi.

Secara pribadi, saya lebih suka antarmuka Elementor dan menemukan bahwa saya dapat menggunakannya untuk membuat halaman lebih cepat / lebih mudah. Saya juga berpikir bahwa antarmuka itu sendiri lebih cepat dan sempurna dibandingkan dengan Divi. Namun, itu hanya pendapat saya dan saya tahu banyak orang yang lebih suka Divi (yang membuktikan popularitasnya).

Saya pikir Anda benar-benar hanya perlu mencoba keduanya, karena tidak mungkin bagi saya untuk menyatakan pemenang akhir untuk sesuatu yang subjektif.

Pengaturan gaya rinci

Baik Divi dan Elementor adalah dua dari plugin WordPress terbaik untuk pembuat halaman ketika datang ke pilihan desain dan gaya yang Anda memiliki akses.

Tentu saja ada beberapa perbedaan kecil di sana-sini. Namun secara keseluruhan, keduanya menawarkan lebih banyak pilihan gaya dan tata letak daripada rata-rata plugin WordPress untuk pembuat halaman.

Saya tidak yakin bagaimana membuat perbandingan yang objektif di sini karena ada begitu banyak fitur kecil yang masuk ke 'gaya dan desain'. Beberapa fitur penting yang keduanya tawarkan adalah:

• Skimmeldelere
• Jarak khusus
• Penempatan kustom untuk modul
• Efek animasi seperti bergulir paralaks

Konfigurasi tata letak responsif

Dengan Divi dan Elementor, semua tata letak yang Anda buat merespons secara default. Dengan kata lain, desain Anda bekerja secara otomatis di komputer, tablet, dan smartphones.

Namun, keduanya melangkah lebih jauh dan memungkinkan Anda untuk menyesuaikan pengaturan respons untuk desain Anda.

Misalnya, Divi dan Elementor memungkinkan Anda untuk menggunakan pengaturan gaya yang berbeda tergantung pada unit pengunjung. Anda juga dapat menyembunyikan modul tertentu berdasarkan pada perangkat yang dikunjungi, mis. B. Sembunyikan gambar besar di perangkat seluler.

Fungsi generator tema

Divi dan Elementor tidak lagi terbatas pada halaman individual, tetapi juga memungkinkan Anda untuk mendesain seluruh tema WordPress Anda menggunakan antarmuka drag-and-drop yang sama.

Elementor pertama kali merilis pembuatan tema, sementara Divi baru-baru ini merilis fitur ini bersama dengan Divi 4.0 ditambahkan.

Apa itu kreasi tema?

Pada dasarnya membuat desain menghilangkan kebutuhan untuk tema WordPress karena Anda dapat merancang seluruh tema WordPress Anda menggunakan pembuat halaman seret dan lepas. Misalnya, Anda dapat membuat template untuk yang berikut:

• incumbent
• footer
• Posting dan halaman individual (misalnya, satu posting blog)
• Halaman arsip (misalnya, halaman yang mencantumkan semua posting blog Anda)

Selain menyertakan informasi WordPress asli secara dinamis, seperti judul posting blog, Anda juga dapat menggunakan pembuat tema kedua plugin untuk menyisipkan informasi dari bidang khusus.

Dengan Divi, Anda dapat mengatur berbagai bagian template tema menggunakan antarmuka latar belakang seperti berikut:

Untuk membuat bagian-bagian dari template desain Anda sebagai header, gunakan Front Visual Builder. Fitur konten dinamis memungkinkan Anda untuk memasukkan informasi situs, seperti judul dan slogan situs Anda:

Elementor akan membawa Anda langsung ke generator visual untuk merancang bagian Anda dari templat tema. Anda juga mendapatkan beberapa widget khusus untuk bagian template, serta fitur konten dinamis yang dapat Anda terapkan ke widget apa pun:

Setelah Anda menerbitkan templat tema Anda, Anda dapat memilih tempat untuk menerapkannya, mis. Dengan menggunakannya hanya untuk kategori posting tertentu:

Secara umum, kedua pembuat tema cukup kuat.

Dukungan klik kanan

Baik Divi dan Elementor mendukung klik kanan, yang unik di antara pembuat situs WordPress.

Mengklik kanan mungkin tampak seperti hal kecil, tetapi bijaksana untuk mempercepat alur kerja Anda. Misalnya, Anda dapat dengan cepat:

• Salin gaya antar widget
• Widget duplikat
• Hapus widget
• Simpan template
• dan sebagainya

Berikut adalah menu konteks Divi:

Dan inilah menu konteks di Elementor:

Divi vs Elementor: apa yang berbeda?

Sekarang setelah Anda mengetahui beberapa kesamaan antara Elementor dan Divi, mari kita lihat beberapa perbedaan utama.

Elementor memiliki generator popup

Salah satu perbedaan terbesar dalam fungsi adalah bahwa Elementor hadir dengan alat kreasi pop-up sendiri, tetapi Divi tidak.

Dengan Elementor Popup Builder, Anda dapat menggunakan antarmuka Elementor yang sama untuk mendesain pop-up dan menampilkannya di mana saja di situs Anda.

Namun, Anda masih bisa menggunakan berbagai widget Elementor. Ini berarti Anda dapat membuat yang berikut ini:

• Jendela sembulan untuk langganan email
• Beranda / pendaftaran popup
• Kampanye / pop-up CTA
• dan sebagainya

Divi tidak menyertakan generator pop-up built-in seperti yang Anda dapatkan dengan Elementor, meskipun ada plugin pihak ketiga seperti Divi overlay yang memungkinkan Anda menggunakan Divi untuk mendesain pop-up,windows.

Membeli Divi juga memberi Anda akses ke plugin berlangganan email Bloom (review kami). Anda bisa menggunakannya untuk membuat pop-up untuk langganan email, tetapi mereka tidak sefleksibel Elementor Popup Builder karena tidak ada generator drag and drop.

Divi memiliki tes A / B bawaan

Ini adalah fitur yang tidak semua orang akan gunakan. Namun, jika Anda fokus pada pemasaran, Anda akan menyukai kenyataan bahwa Divi memiliki tes A / B bawaan untuk mengoptimalkan desain Anda.

Dengan mengklik kanan sebuah modul, Anda dapat dengan cepat mengonversi tes A / B / n dan melihat bagaimana berbagai varian modul bekerja. Misalnya, Anda dapat mencoba berbagai metode:

• berita utama
• tombol
• foto
• dan sebagainya

Jika Anda ingin membuat halaman arahan dan sejenisnya, fitur ini mungkin berguna.

Dengan mengingat hal itu, Anda dapat mencoba Elemen A / B dengan solusi pihak ketiga seperti Google Optimize. Ada juga plugin pihak ketiga yang disebut Split Test For Elementor. Hanya saja tidak senyaman Divi.

Divi hadir dengan tema dan versi plugin

Elementor hanyalah sebuah plugin. Sementara tim Elementor menawarkan tema dasar mereka sendiri yang disebut Hello, yang dikembangkan untuk digunakan bersama Elementor Theme Builder, Elementor adalah plugin mandiri.

Di sisi lain, ada Divi dalam tema dan versi plugin.

Saya tidak perlu tahu apakah itu keuntungan besar atau kerugian, atau apakah itu membuat perbedaan bagi Anda … tetapi tentu saja membuat perbedaan.

Dengan tema Divi, Anda dapat memastikan bahwa pembuat tema dan halaman Anda benar-benar sinkron, yang memiliki daya tarik.

Namun, pada saat yang sama, ada beberapa tema pihak ketiga yang keren untuk Elementor. Jadi bukan berarti kamu tidak bisa melakukan ini dengan Elementor.

Divi memiliki paket desain dan beberapa templat, Elementor hanya memiliki templat (kebanyakan)

Divi dan Elementor keduanya memiliki sejumlah templat yang bagus yang dapat Anda impor, jadi bagian ini sama.

Namun, mereka mendekati template dengan cara yang sedikit berbeda.

Dengan Divi, Anda mendapatkan apa yang disebut paket desain yang terlihat seperti set templat tema yang dibuat untuk relung tertentu. Misalnya, jika Anda Berkeinginan untuk membuat situs web gym, paket desain Divi menyertakan beberapa templat untuk:

• situs web
• Dari Kelas
• Di samping
• Halaman kontak
• dan sebagainya

Dalam 158 paket desainnya, Divi memiliki paket luar biasa 1.167 templat halaman berbeda, yang bisa dibilang merupakan koleksi terbesar di antara keduanya.

Sebagian besar, templat Elementor hanyalah templat unik. Misalnya, Anda dapat menemukan templat halaman arahan atau templat halaman layanan, tetapi mereka tidak harus memiliki tema tertentu.

Perlu diingat bahwa Elementor perlahan mulai memberikan paket desain yang setara, yang disebut kit situs. Namun, Elementor saat ini hanya memiliki tujuh set web, sementara Divi memiliki 150 paket desain. Jadi saya masih melihat ini sebagai perbedaan. Tim Elementor berusaha untuk menambah satu set situs baru setiap bulan untuk membuat koleksi ini bertambah seiring waktu … tetapi Divi tidak pernah mendekati tingkat ini.

Elementor memiliki pasar pihak ketiga yang lebih besar

Salah satu hal terbaik tentang Divi dan Elementor adalah Anda dapat menemukan ekstensi pihak ketiga untuk lebih meningkatkan fungsionalitas plugin utama.

Meskipun kedua pembangun sekunder memiliki pasar pihak ketiga yang unggul, Anda harus memberi Elementor keunggulan dalam hal ini.

Fakta bahwa Elementor memiliki versi gratis dan karenanya pangsa pasar yang lebih besar telah mendorong lebih banyak pengembang eksternal untuk membuat ekstensi Elementor.

Misalnya, jika Pencarian Anda untuk "Divi" di WordPress.org menunjukkan 22 halaman hasil saat mencari "Elementor". Ini memberi Anda 48 halaman hasil.

Sekali lagi, keduanya cukup bagus dan lebih baik daripada pembuat halaman rata-rata. Saya hanya berpikir Elementor memiliki keunggulan di sini.

Kinerja Divi vs Elementor

Untuk mengukur kinerja relatif antara Divi dan Elementor, saya membuat dua halaman contoh dasar dengan modul yang setara dan kemudian membimbing mereka melalui alat pengujian kinerja untuk melihat cara kerjanya.

Kedua situs menggunakan Airi sebagai tema dasar, dan inilah modul yang saya gunakan:

• tombol
• Counter melingkar
• saksi
• Tabel harga

Desainnya sangat menyedihkan, tetapi mereka harus memberi Anda ide yang bagus tentang kinerja relatif setiap plugin.

Agar lebih jelas, saya menggunakan plugin Divi (Divi Builder) dengan tema Airi untuk memberikan perbandingan yang mulus. Maksudku, aku tidak menggunakan tema divi.

Beginilah Divi bermain:

Cara Elementor bermain:

Saya tidak akan khawatir tentang waktu pemuatan halaman karena ini hanya tes satu kali. Tapi ini adalah bagaimana ukuran halaman dan persyaratan HTTP membandingkan Divi dan Elementor:

Jadi Elementor memiliki ukuran file yang lebih kecil, sementara Divi memiliki lebih sedikit permintaan HTTP.

Namun, saya masih ingin memberi Elementor sedikit kemajuan karena Divi memiliki optimasi skrip bawaan yang menjelaskan mengapa ada lebih sedikit permintaan HTTP siap pakai. Namun, dengan Elementor Anda dapat melakukan sesuatu yang serupa: yang Anda butuhkan hanyalah plugin pihak ketiga gratis seperti Autoptimize.

Jadi, jika Anda menggunakan Autoptimize (atau plugin lain seperti WP Rocket), Anda dapat menggabungkan skrip Elementor untuk mengurangi jumlah permintaan HTTP di situs Anda.

Saat menerapkan praktik terbaik WordPress seperti menautkan file dengan Autoptimize atau WP Rocket, saya pikir Elementor sedikit lebih maju karena memiliki ukuran halaman yang lebih kecil dalam pengujian saya. Namun, Divi masih menawarkan kinerja yang solid untuk plugin Page Builder.

Harga Divi vs Elementor

Apakah lebih murah menggunakan Elementor vs Divi tergantung pada berapa banyak situs yang Anda butuhkan.

Pertama, gajah di dalam ruangan: Elementor menawarkan versi gratis yang murah hati, sementara Divi hanya tersedia dalam versi premium.

Anda dapat melakukan banyak hal dengan Elementor versi gratis. Dalam hal ini, jika versi gratisnya cocok untuk Anda, masuk akal untuk memilih Elementor daripada Divi.

Jika Anda memerlukan akses ke fitur premium, situasinya tidak begitu jelas.

Elementor lebih murah jika Anda hanya perlu menggunakannya di satu situs, sementara Divi lebih murah jika Anda harus menggunakannya di banyak situs.

Elementor menggunakan pendekatan perizinan berbasis lokasi dengan tiga opsi:

• Pribadi – $ 49 untuk sebuah situs
• Plus: $ 99 untuk tiga situs
• Ahli: $ 199 per 1.000 situs (hampir tidak terbatas, tetapi $ 1.000 terbatas untuk mencegah penyalahgunaan)

Semua paket ini termasuk lisensi satu tahun. Meskipun Anda dapat terus menggunakan versi Elementor Pro Anda saat ini setelah tahun pertama, harap perbarui untuk terus menerima dukungan dan pembaruan.

Divi hanya memiliki dua paket harga yang memungkinkan Anda untuk menggunakan Divi di situs tanpa batas:

• Penerimaan tahunan: $ 89 dengan dukungan dan pembaruan selama satu tahun.
• Akses seumur hidup: $ 249 dengan dukungan dan pembaruan seumur hidup.

Selain fakta bahwa Anda dapat menggunakan Divi di situs tanpa batas dengan kedua paket, ada juga manfaat besar lainnya di sini.

Dengan harga ini, Anda memiliki akses ke semua produk Tema Elegan. Ini termasuk plugin berlangganan email Bloom (percobaan kami), plugin pertukaran media sosial Monarch, dan banyak lagi.

Secara keseluruhan, Divi Builder jelas lebih murah untuk digunakan di beberapa situs, yang dapat membawa Anda ke Divi jika Anda dapat melakukan semua yang perlu Anda lakukan.

Namun, jika Anda tahu Anda hanya perlu pembuat situs untuk satu situs, Elementor Pro lebih murah hanya dengan $ 49.

Haruskah Anda menggunakan Elementor atau Divi?

Divi dan Elementor adalah dua dari plugin pembuatan halaman utama. Jadi saya pikir Anda tidak sepenuhnya salah.

Sebaliknya, saya pikir semuanya bermuara pada hal berikut:

• Fitur yang Anda butuhkan. Misalnya, apakah Anda pikir Anda menggunakan generator popup? Bergabunglah dengan Elementor. Apakah Anda ingin pengujian A / B terintegrasi? Bergabunglah dengan Divi.
• Kutipan Elementor Pro Anda lebih murah jika Anda hanya membutuhkannya untuk satu situs saja, sementara Divi lebih murah jika Anda memerlukan pembuat situs untuk beberapa situs.
• Preferensi pribadi Anda. Misalnya, Anda dapat memilih satu editor dari yang lain karena mereka menggunakan pendekatan yang sedikit berbeda.

Apa yang saya pilih dan rekomendasikan secara pribadi? Saya menghabiskan sepanjang hari menulis dan bekerja dengan WordPress, jadi saya ingin berpikir saya punya ide di sini.

Saya pribadi suka (dan menggunakan) Elementor. Saya pikir versi gratis hanya berfungsi untuk banyak situs saya dan saya lebih suka antarmuka Elementor ke Divi. Antarmuka Divi terasa agak lambat dibandingkan dengan Elementor, dan saya pribadi pikir lebih mudah untuk membuat tata letak di Elementor karena antarmuka backend yang lebih cepat dan fokus tetap pada bilah samping.

Namun, ini tidak berarti Anda setuju dengan saya. Karena itu, saya mendorong Anda untuk:

• Pikirkan apakah perbedaan dalam karakteristik di atas membuat perbedaan yang signifikan bagi Anda.
• Pikirkan tentang bagaimana harga sesuai dengan anggaran Anda.
• Mainkan dengan plugin apa pun. Anda dapat mencoba Elementor versi gratis di WordPress.org, dan Divi memiliki demo publik tempat Anda dapat bermain-main dengan editor.

Untuk keterangan lebih rinci tentang semua plugin, Anda juga dapat membaca uji Elementor Pro lengkap kami dan uji Divi terperinci.

Setelah membuat keputusan, Anda dapat membeli Elementor Pro atau Divi Builder sesuai kebutuhan.

Apakah Anda memiliki pertanyaan tentang memilih antara Elementor dan Divi Builder? Tinggalkan komentar dan kami akan mencoba membantu Anda.