Perbandingan Pembuat Situs Web Elementor vs Visual Composer

WordPress digunakan oleh banyak orang di seluruh dunia karena pilihan penyesuaiannya, dan kesederhanaannya. Pembuat halaman populer seperti Elementor dan Visual Composer telah membuat situs web pengeditan lebih mudah dari sebelumnya. Pada artikel ini, saya akan membandingkan Elementor vs Visual Composer sehingga Anda dapat melihat perbedaannya dan fitur apa yang dibawa masing-masing.

Mengedit situs WordPress tidak selalu mudah. Di masa lalu, mengetahui cara memperbarui situs dengan benar, menambahkan perubahan, dan penyesuaian memerlukan keterampilan dan pengetahuan.

Hari ini, kustomisasi tidak membutuhkan banyak usaha . Ada banyak plugin dan widget WordPress yang efektif yang dapat membantu Anda menyelesaikan pekerjaan. Strategi penyesuaian telah berubah sejak pembuat halaman pertama kali diperkenalkan.

Pembuat halaman seperti Brizy, Beaver Builder (periksa Beaver Builder gratis vs pro), Elementor, WPBakery, Thrive Architect, Oxygen, Divi, dan lainnya membuat pengeditan menjadi sederhana.

Mungkin sulit untuk mengetahui pembuat halaman mana yang tepat untuk Anda karena ada begitu banyak pilihan yang tersedia. Saya akan meninjau opsi dan fitur yang ditawarkan Elementor dan Komposer Visual dalam artikel ini untuk membantu Anda memutuskan mana dari keduanya yang paling sesuai dengan kebutuhan Anda.

CATATAN: Saya juga telah membandingkan Elementor vs WPBakery, Elementor vs Beaver Builder, dan Elementor vs Divi, jadi pastikan untuk memeriksa perbandingan tersebut juga.

Ikhtisar Elemen

Kemudahan penggunaan elemen dan berbagai fitur telah membantunya tumbuh dalam popularitas dalam beberapa tahun terakhir. Anda dapat membuat situs profesional berkualitas tinggi dengan relatif cepat menggunakan Elementor pro atau versi gratis.

Plugin ini menyertakan mode langsung . Opsi ini memungkinkan Anda melihat perubahan saat terjadi secara real-time. Elementor juga memberi Anda riwayat lengkap dari semua suntingan yang Anda buat pada semua halaman situs web. Ini juga mencakup pilihan template pra-bangun yang bagus dan beberapa elemen unik.

Elementor memiliki versi gratis dan berbayar. Versi berbayar memiliki lebih banyak widget dan fungsi tambahan. Edisi berbayar Elementor mencakup tombol ajakan bertindak, carousel gambar, peringkat bintang, widget Facebook, jangkar menu, ikon sosial, dan fitur berguna lainnya.

ELEMENTOR GRATIS vs ELEMENTOR PRO

• NAMA
• HARGA
• Perpustakaan Template
• Ekspor / Impor Template
• Pengeditan Seluler
• Pembagi Bentuk
• Video Lightbox
• Bayangan Kotak
• Bayangan teks
• Hamparan Latar Belakang
• Animasi Arahkan
• Animasi Masuk
• Menuju
• Gambar
• Editor Teks
• Video
• Tombol
• Kotak Gambar
• Testimonial
• ikon
• Kotak Ikon
• Ikon Sosial
• Galeri Gambar
• Korsel Gambar
• Daftar Ikon
• Menangkal
• Bilah Kemajuan
• tab
• Akordeon
• Beralih
• Peringatan
• HTML
• Kode pendek
• Jangkar Menu
• Bilah samping
• Google Maps
• SoundCloud
• Pembagi
• Spacer
• kolom
• Efek Gradien Latar Belakang
• Riwayat Revisi
• Template Kanvas Kosong
• Mode Pemeliharaan
• Pengaturan Halaman
• Elemen Arahkan
• Ulangi / Batalkan
• Formulir
• Slide
• Postingan
• Portofolio
• Sematkan Di Mana Saja
• Widget Global
• CSS khusus
• Template Pro
• Tabel Harga
• Daftar Harga
• Hitung mundur
• Produk WC
• Elemen WC
• Kategori WC
• WC Tambahkan ke Keranjang
• Kotak Balik
• Tata Letak Batu
• Paginasi Blog
• Efek Ken Burns
• Tombol Bagikan
• Integrasi Formulir
• Widget Masuk
• Judul Animasi
• Widget Facebook
• Blockquote
• Menu navigasi
• Korsel Media
• Widget Panggilan untuk Bertindak
• Font Khusus
• Pembuat header & footer
• Desain halaman posting & arsip tunggal yang dinamis
• Integrasi ACF & Toolset

• ELEMEN GRATIS
• GRATIS

Belajarlah lagi

• ELEMENTOR PRO
• $49/tahun untuk satu situs

Belajarlah lagi

Ada juga add-on Elementor pihak ketiga yang bisa diintegrasikan, seperti Master Addons for Elementor, Plus Addons for Elementor, Jet Plugins, Stratum Elementor Widgets, dll.

Ikhtisar Pembuat Situs Web Komposer Visual

Pembuat Situs Web Komposer Visual adalah sumber daya yang mengesankan dan intuitif. Mudah digunakan dan memiliki antarmuka drag and drop yang mudah . Visual Composer menghadirkan banyak fitur untuk meningkatkan pengalaman pembuatan situs WordPress.

Pengeditan apa pun pada manajemen konten dan hierarki visual dilakukan dengan mengamati tindakan Anda saat dilakukan. Anda tidak perlu mengkodekan salah satu bagian situs web. Visual Composer memungkinkan Anda berkonsentrasi pada desain dan elemen penting lainnya.

Pembuat Situs Web Komposer Visual tidak sama dengan Pembuat Halaman WPBakery (periksa ulasan WPBakery). Jangan bingung keduanya . WPBakery adalah salah satu plugin pembuat halaman WordPress yang paling banyak digunakan. Kedua plugin tersebut berasal dari pengembang yang sama, dan WPBakery dulu disebut Visual Composer.

Pembuat Halaman WPBakery asli dapat dibeli di Codecanyon, tetapi Visual Composer sekarang menjadi entitas yang unik, dan dijual di situs webnya sendiri. WPBakery Page Builder dan Visual Composer adalah produk yang sama sekali berbeda. Salah satu produk ini tidak boleh digunakan untuk menggantikan yang lain.

WPBakery dan Visual Composer keduanya tersedia untuk dijual karena merupakan item individual. Masing-masing memiliki fitur dan fungsi yang agak identik tetapi unik. Anda tidak dapat mengganti salah satu produk ini dengan item lainnya dan mengharapkan transisi yang mulus dan sederhana.

WPBakery Builder terutama digunakan untuk tujuan pembuatan halaman, sedangkan Visual Composer digunakan dalam pembuatan situs lengkap (termasuk header situs, footer, dan elemen lainnya). Periksa perbandingan Visual Composer vs WPBakery untuk detail lebih lanjut tentang perbedaan.

WPBAKERY vs VISUAL COMPOSER

• PEMBUAT SITUS WEB KOMPOSER VISUAL GRATIS

Baca Selengkapnya >

• Nama
• Seret dan Jatuhkan editor
• Editor bagian depan
• Mode tampilan pohon
• Pengeditan seluler
• Editor teks sebaris
• Bekerja dengan tema WordPress apa pun
• Dukungan Jenis Posting Kustom
• Dukungan multisitus
• Multibahasa siap
• Kompatibel dengan RTL
• Manajemen template
• Pilihan Desain
• Klon elemen
• Salin/Tempel
• Nama kustom elemen
• Sembunyikan elemen
• Pintasan keyboard
• Warna terbaru
• Urungkan/Ulangi
• Penyihir halaman kosong
• CSS khusus
• JavaScript Khusus
• Penggantian elemen
• Perpustakaan ikon
• Google Font
• Pembuat Grid
• Filter seperti Instagram
• Efek paralaks
• Latar belakang gradien
• Latar belakang tayangan slide
• Latar belakang korsel
• Perbesar/Perkecil latar belakang
• Latar belakang video
• Animasi elemen
• Posisi gambar latar belakang
• Pembagi bentuk
• Bayangan Kotak
• Ubah ukuran kolom instan
• Penumpukan kolom
• Penumpukan kolom terbalik
• Baris lebar/tinggi penuh
• Mode pratinjau responsif
• Responsif otomatis
• Dukungan SEO Yoast
• Dukungan kode pendek
• Dukungan widget WordPress
• Dukungan widget khusus
• Pembuat tajuk
• Pembuat footer
• Pembuat bilah sisi
• Tata letak halaman Komposer Visual
• Template Global
• Ekspor/Impor Template
• Dukungan WooCommerce
• Akses Hub Komposer Visual
• Kompatibilitas Gutenberg
• Elemen konten premium
• Template premium
• Blok template
• Hapus Percikan Stok Gambar
• Elemen kisi pos
• Elemen menu
• Elemen tajuk
• Elemen catatan kaki
• Elemen kompatibilitas dengan plugin populer
• widget facebook
• Elemen tabel harga
• Tab dan Akordeon
• Wadah yang dapat di-page
• Elemen bagian
• Balik / Arahkan kotak
• Testimonial
• Penyorot sintaks
• Korsel gambar
• Tombol premium
• Dukungan pelanggan online

• PEMBUAT WEBSITE KOMPOSER VISUAL PREMIUM

Baca lebih lanjut >

Visual Composer adalah sumber yang sepenuhnya terpisah dan independen. Itu dibuat dengan teknologi generasi terbaru. Visual Composer Website Builder memberi pengguna antarmuka yang sangat responsif dan intuitif .

Pembuat Tema Komposer Visual memungkinkan Anda mengelola semua konten situs Anda , bukan hanya konten untuk bagian tertentu. Anda dapat memilih tata letak halaman yang Anda inginkan. Anda juga dapat membuat header, sidebar, dan footer kustom Anda sendiri.

Mengaktifkan Hub Komposer Visual sangat disarankan. Sumber daya ini membantu Anda memaksimalkan pengalaman Pembuat Situs Web Komposer Visual. Visual Composer Hub memungkinkan Anda menggunakan elemen, ekstensi, dan template tambahan. Ada dua variasi Visual Composer: Visual Composer edisi gratis dan Visual Composer Premium.

VISUAL COMPOSER GRATIS vs PRO

• PEMBUAT SITUS WEB KOMPOSER VISUAL GRATIS

Baca Selengkapnya >

• Nama
• Seret dan Jatuhkan editor
• Editor bagian depan
• Mode tampilan pohon
• Pengeditan seluler
• Editor teks sebaris
• Bekerja dengan tema WordPress apa pun
• Dukungan Jenis Posting Kustom
• Dukungan multisitus
• Multibahasa siap
• Kompatibel dengan RTL
• Manajemen template
• Pilihan Desain
• Klon elemen
• Salin/Tempel
• Nama kustom elemen
• Sembunyikan elemen
• Pintasan keyboard
• Warna terbaru
• Urungkan/Ulangi
• Penyihir halaman kosong
• CSS khusus
• JavaScript Khusus
• Penggantian elemen
• Perpustakaan ikon
• Google Font
• Pembuat Grid
• Filter seperti Instagram
• Efek paralaks
• Latar belakang gradien
• Latar belakang tayangan slide
• Latar belakang korsel
• Perbesar/Perkecil latar belakang
• Latar belakang video
• Animasi elemen
• Posisi gambar latar belakang
• Pembagi bentuk
• Bayangan Kotak
• Ubah ukuran kolom instan
• Penumpukan kolom
• Penumpukan kolom terbalik
• Baris lebar/tinggi penuh
• Mode pratinjau responsif
• Responsif otomatis
• Dukungan SEO Yoast
• Dukungan kode pendek
• Dukungan widget WordPress
• Dukungan widget khusus
• Pembuat tajuk
• Pembuat footer
• Pembuat bilah sisi
• Tata letak halaman Komposer Visual
• Template Global
• Ekspor/Impor Template
• Dukungan WooCommerce
• Akses Hub Komposer Visual
• Kompatibilitas Gutenberg
• Elemen konten premium
• Template premium
• Blok template
• Hapus Percikan Stok Gambar
• Elemen kisi pos
• Elemen menu
• Elemen tajuk
• Elemen catatan kaki
• Elemen kompatibilitas dengan plugin populer
• widget facebook
• Elemen tabel harga
• Tab dan Akordeon
• Wadah yang dapat di-page
• Elemen bagian
• Balik / Arahkan kotak
• Testimonial
• Penyorot sintaks
• Korsel gambar
• Tombol premium
• Dukungan pelanggan online

• PEMBUAT WEBSITE KOMPOSER VISUAL PREMIUM

Baca lebih lanjut >

Versi gratis Visual Composer memiliki banyak fitur hebat yang dapat digunakan untuk membuat dan mengedit situs WordPress. Visual Composer Premium memiliki fitur lanjutan tambahan. Ini juga mencakup seperangkat alat yang nyaman untuk semua prioritas pembuatan halaman. Anda dapat membuat sidebar, footer, header, dan halaman arahan yang unik. Untuk info lebih lanjut, Anda dapat memeriksa perbandingan Visual Composer gratis vs premium.

Elementor vs Komposer Visual

Meskipun Elementor dan Visual Composer memiliki beberapa kesamaan, ada juga banyak fitur yang membedakannya. Di bawah ini saya telah membagi fitur menjadi beberapa kategori untuk menunjukkan apa yang ditawarkan setiap plugin.

Antarmuka pengguna

Antarmuka Pengguna adalah salah satu hal pertama yang harus dievaluasi saat meninjau alat apa pun. Antarmuka sering merupakan masalah pilihan pribadi . Jika Anda tidak dapat memahami atau menikmati antarmuka pengguna, kemungkinan besar Anda juga tidak akan menyukai alat ini.

Antarmuka pengguna yang baik mudah dipahami dan digunakan. Itu harus menjadi sesuatu yang dapat Anda pahami dengan relatif cepat. Setidaknya fitur dasar. Antarmuka pembuat halaman akan membantu Anda mencapai tujuan situs web yang ingin Anda capai.

Antarmuka pengguna bukan satu-satunya kunci keberhasilan plugin, tetapi merupakan elemen penting. Tampilan atau nuansa antarmuka terkadang dapat berarti keberhasilan dan kegagalan proyek.

UNSUR

Antarmuka pengguna Elementor dibagi menjadi bilah sisi dan pratinjau langsung laman/situs . Anda akan menemukan bilah sisi di sisi kiri layar. Anda dapat membuat halaman situs menggunakan pengaturan, widget, dan elemennya.

Opsi pratinjau langsung memungkinkan Anda memeriksa item secara visual setelah diseret dan dijatuhkan ke halaman. Untuk mengedit teks, cukup klik pada elemen teks yang Anda inginkan dan buat perubahan Anda. Anda juga dapat menggunakan bilah sisi untuk mengedit teks.

Di sisi kiri bawah layar, Anda akan menemukan pengaturan berikut yang dapat Anda gunakan:

1. Pengaturan Umum: Pengaturan ini akan menampilkan status publikasi halaman, judul, gambar unggulan, dan informasi lainnya.
2. Riwayat: Jika Anda ingin kembali ke revisi terakhir, Anda akan menggunakan pengaturan ini. Hanya perubahan yang telah dibuat selama sesi Anda saat ini yang akan ditampilkan.
3. Navigator: Pohon navigasi pop-up akan muncul setelah pengaturan ini dipilih untuk mempermudah navigasi Anda.
4. Mode Responsif: Setelan ini akan menunjukkan tampilan situs Anda di ponsel, tablet, dan perangkat seluler lainnya.

Melayang di atas elemen tertentu dan mengklik kanan akan menampilkan opsi tambahan. Anda dapat melihat elemen di navigator, menduplikasi elemen, menghapus elemen, menyimpan elemen sebagai elemen global (dalam pro Elementor), dll.

KOMPOSER VISUAL

Visual Composer Website Builder adalah editor frontend apa yang Anda lihat adalah apa yang Anda dapatkan (WYSIWYG). Ini berarti Anda tidak akan memiliki placeholder untuk mewakili blok halaman tertentu. Anda akan dapat melihat hasil edit Anda saat membuatnya. Anda dapat memastikan bahwa semua perubahan telah dilakukan dengan benar dan siap dipublikasikan sebelum Anda meninggalkan fungsi editor.

Antarmuka editor Visual Composer terdiri dari komponen-komponen berikut:

• Jendela edit elemen
• Editor frontend (yang mencakup kontrol elemen dan fungsionalitas seret dan lepas yang intuitif)
• Panel navigasi
• Pengaturan
• Pemandangan pohon, dan banyak lagi.

Perubahan dapat dilakukan menggunakan mode tampilan hierarki atau editor frontend. Tampilan hierarki memungkinkan Anda menavigasi berbagai elemen di halaman. Ini dapat menghemat banyak waktu dan tenaga.

Anda dapat menggunakan navigasi tampilan hierarki untuk melihat dan berinteraksi dengan konten halaman. Tata letak halaman akan disajikan dalam struktur yang lengkap dan kompak. Ini juga merupakan cara untuk mengedit bagaimana konten akan muncul di perangkat seluler.

Editor frontend memungkinkan Anda untuk menyelaraskan elemen yang berbeda menggunakan antarmuka seret dan lepas. Anda juga dapat menggunakan bilah navigasi untuk mengakses berbagai alat dan opsi dan menggunakan kontrol elemen untuk mengubah elemen yang sesuai.

Elemen individual dapat dipindahkan di sekitar halaman dengan menyeret ikon kontrol elemen atau menyeret elemen sebenarnya. Anda juga dapat menggunakan jendela Tambahkan Elemen untuk menarik dan melepas elemen ke tempat yang Anda inginkan.

Semua elemen Pembuat Situs Web Komposer Visual memiliki kontrolnya sendiri yang dapat digunakan. Kontrol dapat bervariasi sesuai dengan jenis elemen yang Anda gunakan. Ada tiga jenis kontrol yang berbeda : Kontrol kolom, Kontrol elemen, dan Kontrol baris.

Edisi premium Visual Composer memiliki opsi pengeditan tambahan. Ini termasuk editor sidebar, footer, dan header, yang merupakan nilai jual yang besar.

PEMENANG: Saya menyebut ini seri. Itu benar-benar tergantung pada preferensi individu Anda sendiri.

Elemen yang Tersedia

Elemen adalah apa yang digunakan untuk membuat halaman pembuat halaman. Pembuat halaman yang baik harus memiliki semua elemen yang Anda perlukan untuk membuat halaman situs web yang menarik dan efektif. Jangan lupa tentang fungsinya! Sangat menyenangkan memiliki banyak elemen untuk dipilih, tetapi itu tidak masalah jika Anda tidak memiliki fungsi yang Anda butuhkan.

UNSUR

Ada tiga tipe dasar elemen di Elementor : bagian, kolom, dan widget. Bagian peringkat tertinggi di antara tiga jenis elemen. Setiap bagian aktif memiliki kolom dan widget.

Kolom berada di peringkat kedua. Mereka berada tepat di tengah-tengah hierarki. Widget adalah yang terakhir dalam hierarki. Semua widget terletak di dalam kolom. Widget terdiri dari teks, gambar, dan tombol. Tata letak dibuat menggunakan berbagai bagian dan kolom.

Versi gratis Elementor memiliki lebih dari 30 widget berbeda. Ada lebih dari 50 widget yang disertakan dalam versi pro Elementor. Saat versi baru Elementor dirilis, jumlah widget yang tersedia terus meningkat.

Kolom dapat memiliki widget sebanyak yang Anda inginkan. Jika Anda membuat perubahan gaya di bagian tertentu, perubahan itu akan dibawa ke semua konten bagian itu. Hal yang sama juga berlaku untuk setiap perubahan gaya yang dibuat pada kolom.

Hanya ada beberapa perbedaan. Perbedaan pertama adalah bahwa setiap perubahan gaya yang dibuat pada widget tertentu tetap berada di dalam widget tersebut. Yang kedua adalah bahwa perubahan gaya apa pun pada kolom tidak akan ditransfer ke item yang berada di luar kolom tersebut.

KOMPOSER VISUAL

Elemen konten Visual Composer terkandung dalam blok konten (seperti ikon, tombol, blok teks, dll.). Anda dapat mengintegrasikan blok konten ini dalam tata letak Anda untuk membuat konten untuk halaman situs. Pergi ke bilah Navigasi dan mengklik jendela "Tambah Elemen" memungkinkan Anda menggunakan elemen konten tertentu.

Anda hanya dapat menempatkan elemen konten dalam kolom. Anda dapat menarik dan melepas elemen tersebut untuk menyesuaikan tata letak kapan pun Anda mau. Visual Composer hadir dengan satu set elemen konten. Anda perlu mengaktifkan Visual Composer Hub Free (terbatas) atau versi Premium untuk membuka lebih banyak elemen konten.

Elemen dibagi ke dalam grup logika berikut : Dasar, Media, Wadah (hanya berisi elemen baris/kolom), Sosial, WordPress, dan Konten.

Lebih dari 100 elemen konten yang berbeda disediakan di Visual Composer. Elemen-elemen ini dapat digunakan untuk melengkapi konten saat ini atau membantu Anda membuat situs yang sama sekali baru. Ada banyak wadah, media, WordPress, sosial, dan elemen lainnya untuk memenuhi kebutuhan Anda.

Templat Hub dan pustaka elemen berbasis cloud juga disertakan. Ini memungkinkan Anda untuk mengunduh dan hanya menggunakan elemen tertentu yang Anda inginkan. Anda tidak perlu khawatir memperlambat situs Anda dengan item yang tidak relevan. Anda dapat meningkatkan kecepatan situs web Anda karena Anda tidak memerlukan banyak plugin pihak ketiga, add-on, atau aset tambahan lainnya.

PEMENANG: Komposer Visual

Opsi Gaya

Anda dapat membuat situs Anda menonjol dengan gaya yang disesuaikan. Mengubah perataan, warna, font, dan elemen lainnya adalah bagian dari gaya. Semakin banyak waktu yang Anda habiskan untuk mengubah gaya situs Anda, semakin mudah untuk membedakan dari situs pesaing Anda.

UNSUR

Pengaturan default Elementor akan secara otomatis mengintegrasikan gaya globalnya dengan konten Anda yang ada. Anda dapat menyesuaikan pengaturan ini kapan saja. Jika Anda lebih suka menggunakan pengaturan gaya WordPress Anda sendiri, Anda selalu dapat menonaktifkan fungsi ini.

Elementor juga memungkinkan Anda mengelola pengaturan gaya untuk setiap bagian situs Anda. Anda dapat dengan mudah mengubah widget, bagian, dan kolom atau mengganti pengaturan global jika Anda mau. Yang perlu Anda lakukan adalah menggunakan tab yang sesuai:

• Lanjutan: Tab ini memungkinkan Anda untuk menambahkan kontrol responsif, margin dan padding khusus, indeks-Z, animasi, dan opsi lainnya.
• Konten: Anda dapat menyesuaikan perataan elemen, ukuran, dan pilihan lain menggunakan menu ini.
• Style: Tab ini dapat digunakan untuk mengedit warna, tipografi, dan fungsi terkait lainnya.

Ada begitu banyak pilihan gaya di Elementor sehingga saya tidak mungkin menyebutkan semuanya di artikel ini. Selain opsi margin dan padding khusus, beberapa opsi lain yang mungkin Anda gunakan secara teratur adalah:

• CSS Khusus : Anda dapat menggunakan Elementor Pro untuk menambahkan gaya CSS khusus di widget atau bagian tertentu dari situs Anda. Versi gratis Elementor memungkinkan Anda untuk mengintegrasikan kelas atau ID CSS. Namun, itu tidak akan membiarkan Anda menerapkan perubahan gaya tertentu ke elemen individual mana pun.
• Kontrol Responsif: Anda dapat menggunakan opsi ini jika Anda tidak ingin konten tertentu ditampilkan saat situs Anda dilihat di perangkat seluler.

Ikon perangkat bisa menjadi alat praktis lainnya. Ini akan memungkinkan Anda menerapkan berbagai macam pilihan gaya ke berbagai perangkat (komputer desktop, laptop, meja, ponsel, dll.).

KOMPOSER VISUAL

Elemen Opsi Desain adalah salah satu fitur Visual Composer Website Builder yang paling mengesankan. Ini adalah seperangkat parameter khusus yang dapat digunakan oleh semua elemen Komposer Visual.

Anda dapat menggunakan Opsi Desain untuk mengubah atau menambahkan gaya elemen konten Anda. Hal ini dicapai dengan menerapkan efek gaya dan properti yang paling umum digunakan pada elemen tersebut.

Pembuat Situs Web Komposer Visual memiliki jenis opsi desain berikut:

• Opsi Desain Kontainer (untuk kolom, baris, dan bagian)
• Opsi Desain Reguler (untuk semua elemen situs lainnya)

Semua elemen konten Anda dapat menggunakan Opsi Desain Reguler . Opsi ini mencakup kontrol Bawang untuk batas, radius batas, margin, dan bantalan. Anda juga dapat menggunakan Opsi Desain Reguler untuk mengelola animasi dan latar belakang CSS Anda.

Opsi Desain Kontainer memiliki semua Opsi Desain Reguler yang biasanya diharapkan. Mereka juga menyertakan fitur penataan latar belakang seperti hamparan gradien CSS, tayangan slide gambar, efek paralaks, dan latar belakang video. Elemen kolom dan baris keduanya dapat menggunakan Opsi Desain Kontainer.

Menggunakan Opsi Desain itu sederhana. Mulailah dengan memilih elemen konten tertentu yang Anda inginkan. Klik opsi "Edit" dari menu tarik-turun yang akan muncul. Saat Anda berada di menu edit, cari pilihan "Opsi Desain" untuk mengakses fitur ini.

PEMENANG: Baik Komposer Visual dan Elementor memiliki beragam pilihan gaya yang bagus untuk dipilih.

Template

Template adalah desain halaman yang sudah dibuat sebelumnya. Mereka dapat membantu Anda membuat halaman situs lebih cepat. Anda dapat menggunakan template ini dan menghindari keharusan untuk memulai dari awal setiap kali Anda ingin membuat atau menambahkan halaman baru ke situs web Anda.

UNSUR

Setiap kali Anda membuat halaman baru di Elementor, Anda dapat memilih apakah Anda ingin menggunakan template untuk membuat halaman atau menambahkan bagian . Ada sekitar 40 template dalam versi gratisnya. Elementor Pro mencakup lebih dari 300 templat blok dan halaman tambahan yang berbeda.

Anda dapat menggunakan template ini dengan masuk ke pilihan “Tambah Template”. Anda kemudian dapat mengakses menu template Elementor. Elementor memiliki templat Blok dan Halaman untuk dipilih.

Blok template digunakan untuk membuat bagian halaman tertentu. Formulir kontak dan formulir CTA adalah dua contoh templat blok. Templat halaman dimaksudkan untuk digunakan di seluruh halaman.

Anda juga dapat membuat template Anda sendiri dan menyimpannya untuk digunakan di kemudian hari. Template yang dibuat oleh pihak ketiga juga dapat diunggah dan ditambahkan ke situs Anda jika Anda mau. Hampir tidak ada batasan jumlah kemungkinan penyesuaian yang dapat Anda miliki.

KOMPOSER VISUAL

Visual Composer memiliki pilihan template WordPress premium dan gratis yang bagus. Template memiliki struktur yang telah ditentukan. Mereka adalah blok dengan elemen konten yang dapat digunakan kapan saja. Anda dapat pergi ke bilah Navigasi dan memilih ikon templat yang menggunakan fitur templat di Visual Composer.

Pembuat Situs Web Komposer Visual memiliki dua jenis templat : Templat yang telah ditentukan sebelumnya dan Templat pengguna.

Templat yang telah ditentukan sebelumnya adalah templat yang diunduh dari Visual Composer Hub. Template premium ini dapat digunakan kapan pun Anda mau. Anda dapat menemukannya di jendela Template atau dari Blank Page Wizard.

Template standar memungkinkan Anda mengganti konten saat ini. Mereka dirancang untuk dasar-dasar situs dan dapat digunakan untuk berbagai tujuan. Visual Composer memungkinkan Anda menggunakan jenis templat standar berikut ini: templat blok (atau bagian) dan templat halaman.

Template pengguna memungkinkan Anda menggunakan halaman Anda saat ini sebagai template. Yang harus Anda lakukan adalah menyimpan halaman itu. Buka jendela Template untuk menemukan semua template pengguna Anda. Anda juga akan menemukan template yang telah ditentukan sebelumnya di bagian ini. Ada beberapa opsi filter yang dapat digunakan juga.

Anda dapat menggunakan templat tertentu untuk menyimpan tata letak. Tata letak tersebut kemudian dapat digunakan lagi di berbagai posting, halaman, atau jenis posting khusus. Visual Composer Hub menampung semua template Anda. Hub adalah layanan berbasis cloud yang terhubung ke pembuat situs. Integrasi ini dibuat agar template tambahan, ekstensi, dan elemen konten lainnya dapat diunduh kapan pun diperlukan.

PEMENANG: Keduanya memiliki sesuatu untuk semua orang dalam hal template.

Integrasi WooCommerce

Menyesuaikan halaman toko WooCommerce dan tata letak toko dapat memakan banyak waktu dan usaha. Inilah mengapa ada baiknya ketika tema atau plugin dilengkapi dengan fitur bawaan untuk WooCommerce.

UNSUR

WooCommerce Builder Elementor menyederhanakan pembuatan toko online. Anda dapat membuat situs toko yang efektif dan menarik dalam waktu singkat. Anda dapat menggunakan widget Arsip Produk untuk menentukan produk mana yang akan ditampilkan dalam daftar. Anda juga dapat menyesuaikan tampilan untuk setiap item dalam daftar itu. Pengaturan tipografi, warna, kolom, dan fitur lainnya dapat diubah untuk membuat etalase online menjadi unik.

Anda juga dapat menyesuaikan halaman hasil pencarian produk . Hal ini memudahkan pengunjung situs Anda untuk menemukan barang yang ingin mereka beli.

Ada banyak widget tambahan yang bisa Anda gunakan. Tambahkan ke Keranjang, Informasi Tambahan, Breadcrumbs, Konten, Tab Data, Galeri, Gambar, Meta, Harga, Judul Produk, Peringkat, Terkait, Deskripsi Singkat, Stok, dan Upsell adalah beberapa widget yang Anda inginkan.

Keranjang menu adalah widget tambahan lainnya. Ini memungkinkan Anda untuk mengintegrasikan tombol "tambahkan ke troli" ke header. Anda dapat menyesuaikan tombol sesuai keinginan Anda. Siapa pun yang mengklik tombol tambahkan ke troli akan melihat menu pop-up yang muncul. Menu akan menampilkan daftar semua produk yang mereka tambahkan ke troli.

KOMPOSER VISUAL

Visual Composer Premium bekerja sangat baik dengan WooCommerce. Anda dapat membuat halaman produk unik jika Anda telah menginstal WooCommerce dan Visual Composer.

Elemen WooCommerce tersedia melalui Visual Composer Hub untuk membuat halaman produk. Anda dapat memilih dari opsi elemen berikut:

PEMENANG: Keduanya menawarkan banyak opsi penyesuaian WooCommerce.

Pembuat Tema

Plugin pembuat tema tertentu hanya memungkinkan Anda mengubah halaman dan memposting konten. Templat arsip blog, entri blog tunggal, footer, header, dan bagian lain yang ditentukan tema tidak dapat diubah. Elementor dan Visual Composer memungkinkan Anda untuk mengedit semua yang disebutkan.

UNSUR

Pembuat Tema adalah bagian dari pembaruan terbaru Elementor. Anda dapat menggunakan fungsi ini untuk menyesuaikan header dan footer situs . Template yang dibuat sebelumnya tersedia, atau Anda dapat memulai dari awal jika mau. Header dan footer yang Anda desain dapat ditunjuk untuk bagian tertentu dari situs atau untuk seluruh situs web.

Antarmuka pembuat halaman Elementor adalah tempat Anda dapat membuat footer dan header yang disesuaikan. Anda dapat memutuskan bagaimana tampilan header, apa pun tema yang Anda pilih. Antarmuka yang sama juga dapat digunakan untuk membuat header khusus, menu logo situs, dan konten relevan lainnya.

KOMPOSER VISUAL

Visual Composer Premium memiliki Editor Header, Footer dan Sidebar . Antarmuka editor ini hampir identik dengan editor konten biasa. Satu-satunya perbedaan adalah bahwa tinggi dan lebar header, footer, dan editor sidebar diarahkan ke sidebar, footer, dan header.

Sebelum Anda dapat mengakses Editor Header, Footer, dan Sidebar, Anda harus masuk ke Visual Composer Hub dan memastikan bahwa add-on Pembuat Tema telah diinstal. Setelah Anda memasuki editor ini, Anda dapat menemukan pilihan desain tambahan di panel pengaturan bilah Navigasi untuk seluruh footer dan header bilah sisi.

Kontrol header dan footer global Visual Composer memungkinkan:

• Gunakan footer dan header default tema.
• Terapkan footer dan header khusus ke seluruh situs web Anda.
• Terapkan footer dan header khusus per jenis posting.

Kontrol global memungkinkan Anda menyesuaikan footer dan header. Footer dan header untuk jenis posting kustom, posting, halaman, halaman WordPress default (halaman hasil pencarian, halaman kesalahan 404, halaman arsip, dll.), dan halaman WooCommerce dapat diubah.

Dalam beberapa kasus, mungkin lebih mudah untuk mengimplementasikan sidebar, header, dan footer yang siap pakai. Visual Composer Hub memiliki daftar template sidebar, footer, dan header yang dapat digunakan. Mulailah dengan masuk ke Visual Composer Hub dan unduh templat bilah sisi, footer, dan header yang Anda inginkan. Anda kemudian dapat menambahkan template tersebut di Header, Footer dan Sidebar Editor Anda.

PEMENANG: Komposer Visual menawarkan lebih banyak opsi penyesuaian untuk header, footer, dan bagian lain dari situs, biasanya dikontrol oleh tema.

Add-on yang tersedia

Add-on adalah ekstensi dan plugin yang dibuat oleh pihak ketiga. Mereka dapat meningkatkan fungsionalitas plugin yang ada.

UNSUR

Pembuat halaman Elementor sudah memiliki banyak fitur bermanfaat. Tetapi ada juga sejumlah besar add-on Elementor yang memberikan lebih banyak kemungkinan kreatif.

Beberapa addon Elementor memiliki blok, elemen, dan widget tambahan yang dapat Anda gunakan di salah satu desain Anda. Plugin lain memiliki pilihan desain baru untuk widget saat ini atau memperluas fitur Elementor yang sudah ada.

KOMPOSER VISUAL

Terkadang, widget atau template tambahan saja tidak cukup. Anda mungkin memerlukan fungsionalitas tambahan di luar kemampuan Visual Composer saat ini. Bagian Pengaya Visual Composer Hub adalah tempat Anda akan menemukan ekstensi eksklusif yang dapat Anda unduh secara gratis.

Mereka termasuk Template Global, Impor/Ekspor, Widget Template, Blok Template Gutenberg, Bidang Dinamis, Mode Pemeliharaan, Pembuat Tema, Preset Elemen, Pembuat Popup, Manajer Peran, Perpustakaan Ikon Premium, Opsi Desain Premium.

Elemen Komposer Visual hanya tersedia untuk diunduh ke pengguna versi Premium . Visual Composer sendiri tidak memiliki ekstensi atau plugin pihak ketiga.

Namun, ia memiliki elemen Kode Pendek yang memungkinkan Anda memasukkan kode pendek tertentu sehingga Anda dapat menambahkan addon pihak ketiga ke tata letak situs Anda. Versi Premium Visual Composer juga kompatibel dengan banyak plugin WordPress terkenal.

PEMENANG: Elementor sejauh ini memimpin dalam jumlah add-on, ekstensi, elemen, blok, widget pihak ketiga yang tersedia, dll.

Fitur unik

Plugin tertentu memiliki fitur uniknya sendiri. Fitur-fitur ini terkadang dapat meningkatkan nilai opsi yang ada.

UNSUR

Saya menyukai fakta bahwa tim pengembangan Elementor berkomitmen untuk membuat dan merilis fitur baru secara teratur. Fitur Sematkan Di Mana Saja dapat digunakan untuk menyematkan template yang telah Anda simpan menggunakan kode pendek. Desain elemen kemudian dapat ditambahkan ke sidebar, footer, atau bagian lain yang menerima kode pendek.

Fitur bermanfaat lainnya adalah Widget Global . Menyimpan desain sekali memungkinkan Anda untuk menggunakan desain yang sama di beberapa area situs web secara bersamaan. Saat menggunakan widget global, setiap pengeditan yang dilakukan pada desain tersebut akan diperbarui secara otomatis di mana pun widget tersebut digunakan di situs.

Elementor juga memiliki pembuat pop-up yang efektif. Antarmuka pembuat halaman Elementor memungkinkan Anda mendesain hello bar yang unik, tampilan layar penuh, fly-in, dan jenis pop-up lainnya.

Anda dapat menggunakan pop-up tersebut dan variannya yang sesuai untuk mendorong pengunjung situs melakukan tindakan tertentu. Anda dapat meminta mereka untuk mendaftar ke buletin atau melihat iklan atau pengumuman. Ada juga fitur bagus yang dapat digunakan untuk menempatkan situs dalam mode pemeliharaan dengan menggunakan halaman web Elementor yang dirancang khusus.

KOMPOSER VISUAL

Visual Composer Hub adalah salah satu alasan terbaik untuk menggunakan Visual Composer. Anda dapat menyimpan semua add-on, template, dan elemen di penyimpanan cloud mereka. Ini membantu Anda mendesain situs yang ringan, bersih, dan cepat. Anda hanya mengunduh barang-barang penting. Anda tidak perlu khawatir tentang menghambat situs dengan fitur atau konten yang tidak perlu.

Direktori mereka sederhana. Ini berisi addons, blok, elemen footer , header, gambar stok gratis, bilah sisi, dan templat yang dapat diunduh kapan saja. Barang-barang ini dapat digunakan untuk berbagai proyek profesional dan pribadi. Pengguna Visual Composer Premium memiliki akses tak terbatas ke Visual Composer Hub. Mereka juga menerima template dan elemen baru secara gratis setiap minggu.

Ada juga opsi untuk menambahkan GIF dari Giphy menggunakan editor Visual Composer, pembuat popup, dan berbagai integrasi dengan alat pihak ketiga.

PEMENANG: Ini seri. Keduanya menawarkan fitur unik yang dapat bermanfaat saat membuat situs.

Apa Yang Terjadi Saat Anda Menonaktifkan Plugin?

Beberapa pembuat halaman menggunakan kode pendek. Kode pendek ini menambahkan modul ke halaman yang Anda buat dengan pembuat halaman tertentu. Anda tidak akan melihat kode pendek tersebut di situs Anda selama pembuat halaman aktif.

Ada pembuat halaman yang meninggalkan kode pendek di situs web saat plugin pembuat halaman dinonaktifkan. Proses menghilangkan kode pendek tersebut dan mencoba membuat ulang konten apa pun yang dibuat menggunakan pembuat halaman tersebut bisa sangat rumit dan memakan waktu.

Penguncian terjadi pada situs saat Anda menonaktifkan plugin pembuat halaman yang Anda gunakan. Ini adalah sesuatu yang tidak boleh diabaikan karena dapat memengaruhi tampilan dan nuansa situs Anda secara signifikan. Dalam hal ini, Anda akan kehilangan gaya lanjutan pembuat halaman setelah dinonaktifkan.

Saat Anda menonaktifkan pembuat halaman, dua hal dapat terjadi:

1. Pembuat halaman meninggalkan kode bersih setelah penonaktifan.
2. Pembuat halaman meninggalkan kekacauan kode pendek untuk ditangani setelah penonaktifan.

Jika Anda menonaktifkan Elementor , Anda akan kehilangan gaya, tetapi konten akan tetap terlihat "normal". Seperti halnya Elementor, kasus yang sama dengan Visual Composer Website Builder. Karena plugin bertanggung jawab untuk tata letak dan gaya elemen, menghapus plugin mungkin memiliki efek negatif pada tampilan situs Anda.

PEMENANG: Kedua plugin tidak akan meninggalkan kode pendek yang berantakan saat dinonaktifkan, tetapi Anda masih akan kehilangan gaya dan penyesuaian yang dibuat dengan menggunakannya.

Perbedaan Harga

Versi gratis Elementor dapat diunduh secara gratis langsung dari repositori WordPress. Ini adalah salah satu plugin pembuat halaman gratis terbaik yang tersedia. Elementor Pro menyediakan fungsi dan fitur tambahan. Ini melengkapi versi gratis.

Elementor Pro dapat dibeli seharga $49/tahun untuk satu situs. Anda juga dapat membeli paket 3 situs seharga $99/tahun atau paket $199/tahun untuk digunakan di hingga 1.000 situs web.

Ada empat rencana lisensi untuk Visual Composer . Ada versi gratis dan satu lisensi situs premium yang mencakup dukungan pelanggan tak terbatas dan akses elemen seharga $49 per tahun. Anda juga dapat membeli lisensi tiga situs seharga $99 per tahun atau lisensi pengembang yang mencakup penggunaan hingga 1000 situs seharga $349.

PEMENANG: Elementor menawarkan paket yang lebih murah.

Kesimpulan Elementor vs Komposer Visual

Visual Composer adalah plugin pembuat situs web yang sangat efektif. Ini menyederhanakan proses pembuatan situs dan memberi Anda lebih banyak peluang desain.

Visual Composer adalah alat berbasis React . Ini tidak didasarkan pada kode pendek, tetapi memiliki elemen kode pendek yang dapat digunakan untuk menerapkan kode pendek WordPress ke tata letak situs.

Visual Composer memiliki pembaruan rutin. Ini mencakup lebih dari seratus elemen, ekstensi, fitur, dan template yang berbeda untuk membantu membuat situs profesional yang unik.

Tata letak halaman dapat diubah, dan beberapa tata letak halaman dapat diterapkan. Anda juga dapat menyesuaikan pilihan pengeditan seluler. Ini bekerja dengan Bidang Kustom Tingkat Lanjut, Formulir Gravitasi, Editor Gutenberg, WooCommerce, Yoast, dan banyak plugin terkenal lainnya.

Visual Composer dirancang dengan mempertimbangkan optimisasi mesin pencari (SEO). Template dan elemen mengikuti praktik SEO terbaik saat ini.

Ada edisi gratis Visual Composer yang memungkinkan Anda membuat situs web sederhana dan membuat kesan pertama yang kuat. Visual Composer Premium adalah peningkatan hebat jika Anda menginginkan dukungan pelanggan khusus, pembaruan rutin, dan akses tak terbatas ke semua fitur dan fungsionalitas inti Visual Composer.

Elementor adalah plugin yang bagus untuk mereka yang ingin mengelola situs web mereka tanpa mengedit atau menambahkan kode apa pun. Elementor membuat pembuatan situs web yang indah dan efektif menjadi mudah. Ini adalah pilihan yang menarik bahkan bagi mereka yang memiliki pengetahuan dan pengalaman teknis untuk mengkodekan seluruh situs mereka.

Anda dapat melakukan hampir semua hal menggunakan versi gratis Elementor . Saya sangat menyarankan untuk meningkatkan ke salah satu paket berbayar mereka jika Anda bermaksud menggunakan situs Anda sebagai aset bisnis inti Anda atau jika bisnis utama Anda membuat situs web untuk pelanggan. Opsi widget global dan kemampuan untuk membuat tema Anda sendiri membuat biaya tambahan sangat terjangkau dalam jangka panjang.

Versi gratis Elementor dapat membantu Anda membuat halaman bergaya dasar, dan mungkin memiliki fitur terbanyak dari versi pembuat halaman gratis lainnya.

Jika Anda memutuskan untuk menggunakan Elementor atau Visual Composer, saya sarankan menggunakan Elementor. Coba versi gratis pertama, dan jika Anda suka, Anda selalu dapat meningkatkan ke Pro.