Cara Mengedit Halaman Toko WooCommerce dengan Elementor
Diterbitkan: 2022-01-26Jika Anda memiliki toko WooCommerce dan ingin mengembangkan bisnis Anda, kami di sini untuk menunjukkan cara mengedit halaman toko WooCommerce dengan Elementor.
Pada artikel ini, kami akan menunjukkan kepada Anda proses untuk mengedit halaman toko WooCommerce melalui beberapa langkah sederhana. Anda harus bersama kami sampai akhir untuk mempelajari prosesnya.
Saya berasumsi bahwa Anda telah menginstal WooCommerce dan menyiapkan halaman toko untuk bisnis Anda. Mari tunjukkan proses penyuntingan halaman ini.
Ada beberapa langkah sederhana untuk mengedit halaman toko. Anda tidak perlu khawatir tentang ini.
Langkah-langkahnya diberikan di bawah ini:
Langkah 1: Buat Template Produk Tunggal
Langkah 2: Pilih Template Halaman Produk Pra-Desain, atau buat dari awal
Langkah 3: Tambahkan Widget Produk yang akan membuat halaman Anda
Langkah 4: Pratinjau Halaman Produk Dengan Produk Lain
Langkah 5: Tetapkan Kondisi
Mari kita mulai!
Langkah 1: Buat Template Produk Tunggal
Mulai mendesain template produk tunggal di Elementor, ikuti prosedur yang sama seperti membuat template tunggal biasa.
Untuk melakukan ini, Anda harus pergi ke dashboard WordPress> Template> Add New. Kemudian Anda harus memilih Halaman Tunggal dari opsi templat dan klik tombol Buat.
Langkah 2: Pilih Template Halaman Produk Pra-Desain, atau buat dari awal
Ikuti cara termudah untuk memulai. Gunakan salah satu templat halaman produk yang telah dirancang sebelumnya, sesuaikan agar sesuai dengan situs Anda. Anda dapat memilih berbagai gaya karena ada beberapa gaya halaman produk yang berbeda untuk dipilih.
Sebelum Anda mulai menambahkan widget, pastikan Anda mengerjakan halaman produk lebar penuh, dengan beralih ke templat lebar penuh.
Gunakan Elementor untuk memiliki kontrol kustomisasi total atas tata letak dan gaya halaman produk.
Ada opsi lain untuk membangunnya dari awal. Di panel pengeditan, Anda dapat melihat widget khusus untuk produk.
Langkah 3: Tambahkan Widget Produk yang akan membuat halaman Anda
Sekarang, saatnya membangun elemen yang akan membentuk halaman produk Anda. Untuk daftar lengkap widget produk, kunjungi dokumentasi kami tentang masalah ini. Untuk tutorial ini, Anda akan menggunakan widget Elementor berikut dan tidak ada plugin lain:
- Widget Judul Produk
- Widget gambar produk
- Widget remah roti Woo
- widget deskripsi singkat
- Widget peringkat produk
- widget harga produk
- Widget meta produk
- Tambahkan ke keranjang widget
- terkait produk
- Tab data produk
- widget upsell
Anda memiliki kebebasan penuh untuk bermain-main dengan tata letak dan memindahkan elemen.
Anda memiliki kesempatan untuk menggunakan widget lain untuk membuat halaman produk Anda lebih efektif dan menarik. Anda dapat menambahkan tombol Bagikan, widget ajakan bertindak, gambar unggulan, menu tarik-turun, dan bahkan bidang khusus ke template menggunakan fitur konten dinamis.
Langkah 4: Pratinjau Halaman Produk Dengan Produk Lain
Kami menyarankan Anda mempratinjaunya dengan beberapa produk berbeda untuk memastikan template produk Anda memiliki desain yang tepat.
Anda harus mengklik ikon mata di panel kiri bawah, lalu pengaturan. Di bawah Pengaturan Pratinjau, pilih produk tertentu yang ingin Anda tampilkan. Sekarang, terapkan dan tinjau untuk melihat seperti apa tampilannya.
Langkah 5: Tetapkan Kondisi
Ini adalah tahap terakhir di mana Anda mengatur kondisi untuk menentukan di mana template produk Anda akan muncul. Secara default, template akan memengaruhi semua halaman produk di situs Anda. Anda juga dapat memilih kategori produk tertentu.
Klik Terbitkan – dan produk tunggal Anda sudah tayang!
Semua selesai! Anda telah berhasil mengedit halaman toko WooCommerce Anda menggunakan wsdgets. Sekarang Anda dapat mengharapkan lebih banyak pengunjung ke situs Anda daripada sebelumnya.
Kesimpulan
Anda bisa mendapatkan fleksibilitas desain untuk membuat dan menyempurnakan halaman produk Anda secara visual dengan WooCommerce Builder Elementor yang memberi Anda kesempatan. Ini membantu Anda menghemat waktu, dan secara signifikan mengurangi waktu yang diperlukan untuk beralih dari ide yang Anda miliki, ke toko WooCommerce online yang aktif dan berfungsi penuh.
Ada banyak tema WooCommerce yang dapat Anda lihat dan periksa contoh situs web WooCommerce ini untuk mendapatkan inspirasi.
Terima kasih untuk bersama kami. Semoga harimu menyenangkan.