Apa itu builder elementor? Elementor merupakan page builder secara khusus dibuat untuk website WordPress. Fungsi elementor yaitu mempermudah pemilik website untuk mengubah ataupun merubah desain tampilan website. Oleh karena itu sangat disarankan untuk membuat desain web WooCommerce dengan elementor gratis dari WordPress, supaya Anda bisa mendesain ulang website ketika sudah bosan dengan tampilan lama.
Mengubah tampilan website sangat dibutuhkan, karena dapat mempengaruhi peningkatan pengunjung website. Misalkan setiap 6 bulan sekali, Anda merubah desain pada website toko online yang bisa memberikan kejutan tampilan kepada pengunjung. Mereka senang dengan tampilannya dan tidak bosan mengunjungi website Anda. Buat perubahan desain web WooCommerce dengan elementor secara rutin agar pengunjung web meningkat.
Membuat Desain Web WooCommerce dengan Elementor
Elementor page builder menjadi solusi bagi Anda yang ingin mendesain website dengan mudah. Oleh karena itu, elementor dilengkapi dengan fitur yang mendukung proses desain. Adapun beberapa fitur utama yang ada di dalam elementor yaitu tab option, page settings, dan elements library. Setelah mengetahui beberapa fiturnya, Anda bisa melanjutkan ke cara pembuatan desain web WooCommerce dengan elementor.
Berikut merupakan cara desain web WooCommerce dengan elementor.
-
Install Elementor Page Builder
Bagi Anda yang tidak memiliki elementor, sebaiknya install terlebih dahulu. Caranya mudah, tinggal tambahkan elementor pada website Anda. Kemudian klik pada menu plugins dan klik new. Setelah itu, muncul kolom pencarian di sebelah kanan atas. Tuliskan “elementor” pada kolom pencarian tersebut, lalu install now. Tunggu proses install hingga selesai dan aktif.
-
Mendesain Memakai Template
Jika instalasi elementor sudah selesai, plugin aktif kemudian secara otomatis elementor muncul pada halaman dashboard web. Anda bisa menggunakannya untuk mendesain halaman website, caranya dengan klik tombol edit menggunakan elementor. Selanjutnya, Anda dihadapkan pada halaman desain khusus yang bisa digunakan untuk mengedit.
Edit halaman website juga bisa menggunakan template yang telah disediakan oleh elementor. Klik tombol yang gambarnya folder, setelah itu muncullah ribuan template yang dapat dipakai oleh Anda. Tentukan template yang akan digunakan, klik tombol insert dan edit template serta tambahkan kata-kata jika ada. Pastikan desain yang dibuat sudah fix sebelum disimpan. Klik save draft atau save as template. -
Membuat Desain Mulai dari Nol
Desain web WooCommerce dengan elementor dapat dilakukan mulai dari awal tanpa memakai templat. Anda klik tombol + yang ada di sebelah kiri. Klik struktur halaman, pilih struktur yang sesuai dengan website kemudian klik save draft.
Itulah cara desain web WooCommerce dengan elementor. Sebagai pemula biasanya merasa bingung ketika mendesai menggunakan elementor, karena terlalu lengkapnya fitur dan tombol membuat pemakainya merasa bingung. Maksudnya yaitu bingung untuk memulai desain dari bagian mana. Namun, lama kelamaan Anda bisa terbiasa membuat desain web WooCommerce dengan elementor jika berlatih terus menerus.
Cara Kerja Desain Web WooCommerce dengan Elementor
Bagi yang belum mengenal elementor page builder pasti menganggap bahwa sulit sekali menggunakannya. Padahal cara mengaplikasika elementor ke website begitu mudah. Anda tinggal mengikuti langkah-langkahnya saja. Selain pengaplikasiannya yang mudah, cara kerja elementor juga mudah. Apabila dirangkum mengenai seluruh cara kerja elementor maka bisa ditulis secara singkat seperti berikut.
-
Elementor Mengubah Tampilan
Cara kerja elementor yang pertama yaitu dapat mengubah tampilan website dengan memakai sistem berbeda “drag and drop”. Sistem pengubahan yang dipakai elementor menawarkan variasi tombol website, spacer, galeri, video, teks dan lainnya.
-
Elementor Memberikan Opsi
Cara kerja selanjutnya yaitu memberikan opsi atau pilihan kepada pengguna untuk mengubah tampilan setiap halaman website. Tujuannya agar setiap halaman terlihat berbeda serta menarik perhatian pengunjung. Beberapa opsi yang bisa dipakai dalam pengubahan tampilan website yaitu pages, custom post types, dan post. Opsi elementor sangat membantu, karena mampu memberikan nuansa indah bagi tampilan website.
-
Bekerja Pada Front End Website
Cara kerja yang terakhir yaitu aktif di front end website. Maksudnya ketika Anda mengustomisasi web yang menjadi tampilan bisa dilihat pengunjung secara langsung. hal ini dapat dikatakan lebih efektif dibandingkan dengan cara biasa yang Anda lakukan ketika mendesain. Terutama saat menggunakan sistem lain seperti back end yang menyita waktu.
Nah itulah cara kerja desain web WooCommerce dengan elementor. Cara kerjanya cukup sederhana, tidak membingungkan jika sudah terbiasa mendesain menggunakan elementor.
Jadi bagaimana? Apa Anda tertarik menggunakan elementor untuk mendesain website. Banyak keuntungan yang didapatkan jika menggunakannya seperti setiap perubahan desain bisa direkam dengan baik, dapat mengembalikan desain sebelumnya hanya sekali klik, fitur yang ditawarkan elementor gratis (meskipun gratis tetapi fiturnya lengkap) dibandingkan dengan page builder lain.
