WooCommerce + Elementor: Mari Membangun Barang Keren

Apakah Anda ingin mengubah dan mendesain situs web WordPress Anda tanpa menyewa pengembang? Kabar baik: sangat mungkin dengan plugin pembuat halaman WordPress.

Plugin pembuat halaman WordPress hadir dengan antarmuka seret dan lepas yang intuitif untuk membuat halaman dan situs web khusus yang indah. Jadi, terlepas dari keahlian atau pengetahuan teknis Anda, plugin pembuat halaman membuat merancang situs web ideal Anda menjadi mudah tanpa menulis satu baris kode pun.

Sekarang, jika Anda bertanya-tanya plugin pembuat halaman WordPress mana yang harus Anda pertimbangkan, Anda berada di tempat yang tepat. Dalam artikel ini, kami akan meninjau salah satu opsi paling populer: Elementor, yang dianggap sebagai standar emas. Elementor adalah plugin WordPress yang paling banyak diinstal kedua dengan 2 juta instalasi aktif – digunakan oleh sekitar 15,9% situs WordPress.

Kami akan mulai dengan ikhtisar singkat Elementor dan meninjau lebih lanjut antarmuka, fitur, dan harga plugin untuk membantu Anda menentukan apakah itu pilihan yang tepat untuk situs Anda. Ayo pergi!

Plugin Elementor: Ikhtisar Singkat

Elementor adalah plugin pembuat halaman WordPress drag-and-drop visual yang memungkinkan Anda membuat halaman web dan posting unik dibandingkan dengan templat halaman standar yang disertakan dengan tema WooCommerce atau WordPress Anda.

Itu tidak memerlukan pengkodean dan memungkinkan Anda untuk dengan mudah mengonfigurasi pengaturan dan mengatur konten dan elemen halaman Anda dengan alat seret dan lepas.

Mari kita mulai dengan tinjauan plugin dengan melihat cara kerja antarmuka Elementor.

Memahami Antarmuka Plugin Elementor

Dibandingkan dengan banyak plugin pembuat halaman lainnya, Elementor memiliki salah satu antarmuka yang paling sederhana dan paling mulus. Saat pertama kali meluncurkan plugin, Anda akan mendarat di halaman seperti ini:

Area abu-abu seperti titik-titik adalah area konten Anda. Di luar area ini, tema biasa Anda akan muncul, sedangkan di dalam area bertitik, Anda dapat menambahkan widget dan membuat desain Anda sendiri.

Di sisi kiri, Anda akan melihat widget, yang berfungsi sebagai blok penyusun yang dapat Anda kumpulkan untuk mendesain halaman Anda. Di bawah widget ini, Anda akan menemukan pengaturan umum untuk melihat pratinjau desain Anda, membatalkan perubahan, atau mengaktifkan mode responsif, seperti yang ditunjukkan pada gambar.

Berikut cara sederhana untuk menarik dan melepas elemen yang diinginkan pada halaman:

Saat Anda menjatuhkan elemen di halaman Anda – Elementor membagi elemen menjadi dua struktur tata letak, memberikan dua elemen struktural yang berbeda, seperti yang ditunjukkan di bawah ini.

Elemen struktural tersebut antara lain:

• Bagian: ditandai dengan warna biru.
• Kolom: duduk di dalam bagian yang ditandai dengan warna hitam. Anda dapat menambahkan kolom sebanyak yang diperlukan dalam bagian tersebut.

Setelah Anda menjatuhkan elemen, Anda dapat dengan mudah menyesuaikan tata letaknya dengan menyesuaikan lebar dan mengubah celah dan tinggi kolom.

Selain itu, Anda juga dapat memilih struktur bagian yang sesuai dengan kebutuhan spesifik Anda dan menambahkan elemen lain, seperti gambar, video, atau ikon, di dalam kolom.

Misalnya, saya telah menambahkan gambar dan memilih salah satu dari pustaka gambar Elementor default, seperti yang ditunjukkan di bawah ini pada gambar. Anda dapat mengubah ukuran dan perataan gambar, menambahkan keterangan, dan menautkan URL yang sesuai.

Untuk penataan elemen, struktur, atau kolom lebih lanjut – Anda dapat menggunakan tab Gaya dan Lanjutan di bilah sisi. Cukup klik pada konten yang ingin Anda gaya dan klik pada tab sidebar untuk membuat perubahan.

Anda juga dapat menavigasi dari tab ke bilah sisi elemen hanya dengan mengklik ikon kuadrat yang ditampilkan di sudut kanan bilah sisi.

Dengan demikian, Elementor cukup mudah digunakan dan dengan drag-and-drop sederhana dan opsi penyesuaian yang mudah – Anda dapat membangun situs web impian Anda dalam waktu singkat.

Sekarang tanpa menghabiskan banyak waktu, mari langsung masuk ke fitur pembuat halaman Elementor.

Fitur Elementor Teratas yang Menjadikannya Pembuat Halaman Luar Biasa Untuk WooCommerce

Berikut adalah beberapa manfaat Elementor luar biasa yang menjadikannya salah satu pembuat halaman paling populer di antara situs web WordPress dan WooCommerce.

1. Pustaka templat pra-dibuat yang luas

Elementor menyediakan berbagai macam template. Klik ikon Tambahkan template di bawah ini untuk menambahkan template.

Pilih dari lebih dari 300 template dari perpustakaan template Elementor dan tambahkan ke halaman Anda dengan satu klik.

Sejak rilis Elementor 2.0, template ini hadir dalam dua format:

• Blok: berikan desain untuk bagian tertentu alih-alih seluruh halaman. Misalnya, Anda dapat menambahkan bagian Tentang perusahaan atau bagian kontak yang dibuat sebelumnya ke tata letak halaman yang ada menggunakan blok.

• Halaman – Tawarkan desain halaman penuh, yang dapat Anda impor dengan satu klik dan sesuaikan kebutuhan.

Anda juga dapat menyimpan beberapa desain Anda sebagai blok dan template untuk digunakan kembali nanti di halaman atau situs web lain – membuatnya sangat nyaman untuk mempertahankan desain template umum di seluruh situs web Anda.

Ini juga menghilangkan kerumitan membangun desain halaman baru dari awal setiap kali.

2. Kontrol desain responsif dan pratinjau seluler

Penggunaan seluler tumbuh secara konsisten setiap bulan, dan sekitar 73,1% perancang web percaya bahwa desain halaman yang tidak responsif adalah salah satu alasan terbesar di balik pengabaian situs web.

Semua desain dan halaman yang Anda buat di Elementor secara otomatis responsif dan terlihat bagus di perangkat seluler. Selain itu, Anda dapat dengan cepat melihat pratinjau tampilan situs web Anda di perangkat lain tanpa keluar dari antarmuka.

Klik tombol mode Responsif di bagian bawah bilah sisi dan pratinjau versi desktop, seluler, dan tablet situs web Anda dengan mengeklik tombol yang disorot pada gambar di bawah.

Ini memungkinkan Anda untuk menyesuaikan desain halaman Anda berdasarkan jenis perangkat dan memungkinkan Anda menampilkan atau menyembunyikan widget tertentu pada perangkat tertentu. Misalnya, jika versi desktop situs web Anda memiliki gambar pahlawan yang besar, Anda mungkin menghindari menampilkan gambar itu di versi seluler situs Anda. Anda dapat memilih gambar itu atau bagian mana pun yang ingin Anda sembunyikan dan sembunyikan di perangkat seluler menggunakan kontrol desain responsif Elementor dengan satu klik sakelar.

Oleh karena itu, ini memastikan situs web Anda 100% responsif – sehingga terlihat bagus di semua perangkat, termasuk desktop, tablet, dan perangkat seluler.

3. Opsi penyesuaian tanpa batas

Kustomisasi tidak terbatas dengan Elementor, dan tidak ada batasan bagaimana Anda dapat mendesain situs web dan elemennya.

Menu Gaya dan Lanjutan di editor Elementor memberikan banyak opsi penyesuaian gaya. Anda dapat menata konten sesuai beberapa atribut, termasuk warna, lebar, ukuran, filter CSS, dan batasnya.

Pada saat yang sama, menu Lanjutan memungkinkan Anda untuk mengelola tata letak, efek gerakan, latar belakang, batas, atribut, dan faktor lainnya, seperti yang ditunjukkan di bawah ini.

4. Kontrol tata letak terperinci

Menyelam lebih dalam ke opsi penyesuaian, Elementor memberi Anda kontrol terperinci atas desain tata letak Anda, jadi Anda tidak perlu berkompromi pada fleksibilitas desain Anda karena ketidakmampuan untuk menulis kode khusus.

Elementor memudahkan untuk memposisikan bagian, widget, dan kolom Anda tepat di tempat yang Anda inginkan dengan banyak opsi kontrol intuitif.

Dengan menggunakan kontrol tata letak di menu Lanjutan, Anda dapat:

• Atur margin dan padding untuk bagian, widget, dan kolom secara manual.
• Pilih lebar bagian – default, lebar penuh, sebaris, dan khusus.
• Sesuaikan posisi widget di dalam kolom – default, fixed, dan absolute.
• Sesuaikan jarak antar kolom dan buat ruang kosong untuk tata letak yang bersih.

Jadi, tanpa keterampilan pengkodean, Anda dapat dengan mudah menyesuaikan penempatan widget dan menyesuaikan kolom dan bagian sesuai kebutuhan.

5. Lengkapi riwayat revisi kemajuan dengan membatalkan/mengulangi perubahan

Salah satu fitur terbaik Elementor adalah memungkinkan Anda melihat pratinjau seluruh riwayat semua perubahan yang Anda buat, sehingga mencatat setiap tindakan dalam riwayat.

Selanjutnya, Anda dapat dengan mudah membatalkan perubahan dan kembali ke versi sebelumnya kapan pun diperlukan. Juga, setiap kali Anda menyimpan desain baru, Anda dapat dengan mudah kembali ke revisi yang sama sekali baru jika diperlukan.

6. Meninggalkan kode bersih

Jika Anda ingin menonaktifkan Elementor di masa mendatang karena alasan tertentu, Anda tidak perlu khawatir akan meninggalkan banyak kode pendek seperti Divi Builder.

Elementor meninggalkan kode bersih, memastikan kinerja dan kecepatan halaman yang optimal.

Lebih Banyak Fitur Elemen

Berikut adalah beberapa fitur lain dari plugin pembuat halaman Elementor:

• Editor header dan footer: Anda dapat dengan mudah mengedit header dan footer situs Anda dengan Elementor tanpa keahlian coding.
• Pengeditan teks sebaris: Fitur ini memungkinkan Anda untuk mengedit teks secara langsung di layar – membuatnya mudah untuk mengedit konten teks yang ada atau menulis posting blog.
• RTL dan terjemahan siap: Elementor hadir dalam 23 bahasa terjemahan, dan Anda dapat dengan mudah menerjemahkannya ke bahasa tambahan karena dukungan penuh bahasa RTL.
• Widget WooCommerce: Ini menyediakan widget WooCommerce bawaan, seperti daftar harga dan tabel harga, untuk membuat situs web eCommerce menjadi mudah.
• Integrasi pihak ketiga: Elementor mendukung integrasi pihak ketiga, termasuk ActiveCampaign dan MailChimp.
• Pilihan warna dan tipografi global: Elementor memungkinkan Anda mengatur tipografi dan warna global untuk membuat desain komprehensif di semua halaman. Selain itu, Anda juga dapat memilih dari 800+ font Google untuk desain situs web Anda.
• Mode pemeliharaan: Anda dapat memanfaatkan templat mode pemeliharaan Elementor untuk mengatur situs web Anda pada mode pemeliharaan.

Ulasan Elementor Pro

Meskipun pembuat halaman Elementor inti adalah open-source dan gratis, Anda dapat meningkatkan ke versi Elementor Pro – yang menyediakan fungsionalitas tambahan yang bermanfaat.

Berikut sekilas beberapa fitur plugin Elementor Pro baru:

• Ini memungkinkan Anda membangun seluruh tema WordPress.
• Ini memiliki widget yang lebih menarik, termasuk bilah geser, tombol berbagi sosial, formulir, penghitung waktu mundur, dan formulir masuk.
• Ini menyediakan banyak template Elementor Pro premium berkualitas tinggi.

Jadi, jika Anda menginginkan lebih banyak fitur, template premium, dan widget global – Anda dapat menggunakan plugin Elementor Pro, mulai dari $49.

Ulasan Harga Elemen

Jika Anda ingin membangun situs web sederhana dan bergaya dasar, versi gratis dari plugin harus mencukupi kebutuhan Anda – mengingat sebagai pembuat halaman bebas biaya yang paling kaya fitur.

Namun, untuk membuat situs web yang lebih profesional, Elementor menawarkan empat paket premium dengan fitur premium, seperti dukungan VIP dan Profil Ahli Elementor.

Paket Essential, Expert, Studio, dan Agency dari plugin Elementor berharga $49, $199, $499, dan $999 per tahun. Jadi, Elementor adalah untuk semua orang, dan apakah Anda seorang desainer web, pengembang, atau pemilik agensi – Elementor menyediakan fitur untuk setiap kebutuhan dan permintaan.

Kesimpulan: Putusan Akhir

Setelah tinjauan komprehensif ini, dapat dikatakan bahwa Elementor menyediakan semua fitur penting yang diperlukan untuk membangun situs web WordPress atau WooCommerce.

Muncul dengan antarmuka yang ringan, sederhana, mudah dipahami, dan tidak membengkak, memungkinkan perancang situs web tanpa pengalaman pengkodean untuk membangun situs web yang indah. Dan bagian terbaiknya adalah ia hadir dengan paket harga untuk kebutuhan semua orang. Selain itu, pengembang Elementor terus merilis dan meluncurkan fitur dan peningkatan baru.

Setelah meninjau kemudahan penggunaan plugin, fitur keseluruhan, kinerja, dukungan, antarmuka, dan harga, kami memberi peringkat Elementor di bagian atas plugin pembuat halaman WordPress. Jadi periksa dan coba plugin Elementor sendiri dan pilih paket yang sesuai dengan kebutuhan bisnis spesifik Anda.