Blok WooCommerce: Apa Itu dan Bagaimana Menggunakannya Secara Efektif

Diterbitkan: 2022-08-28

pengantar

Blok WooCommerce adalah cara baru untuk membuat dan mengelola konten untuk toko WooCommerce Anda. Dengan blok, Anda dapat dengan mudah menambahkan konten dinamis ke halaman Anda, membuatnya mudah untuk membuat halaman yang menarik dan menarik secara visual yang membantu menjual produk Anda.

Blok dibuat di Editor Blok baru, yang memungkinkan Anda untuk dengan cepat menarik dan melepaskan blok apa pun ke dalam tata letak Anda kapan saja. Ada dua jenis blok yang dapat Anda gunakan di situs web Anda: dasar dan lanjutan. Blok dasar mudah dibuat tetapi cakupannya terbatas. Blok lanjutan jauh lebih dapat disesuaikan dan membutuhkan waktu lebih lama untuk dibuat.

Blok dasar adalah cara yang bagus untuk menambahkan posting blog, informasi produk, dan promosi toko. Blok lanjutan mencakup alat untuk membuat formulir dan galeri terintegrasi, menambahkan ulasan produk, dan bahkan membuat konten khusus untuk situs web Anda.

Dalam posting ini, saya akan menunjukkan kepada Anda bagaimana menggunakan tujuh blok WooCommerce secara efektif untuk menciptakan pengalaman pengguna yang luar biasa bagi pelanggan Anda. Jadi, mari kita mulai!

Apa itu Blok WooCommerce?

Blok WooCommerce memunculkan cara baru untuk menyesuaikan situs web. Fitur ini diperkenalkan dengan versi WooCommerce yang lebih baru, dan sejak itu, penerapan fungsi baru dan lanjutan menjadi lebih mudah. Misalnya, Anda dapat membuat berbagai situs web eCommerce dengan tata letak yang berbeda dengan menggunakan blok WooCommerce dalam kombinasi yang unik.

Blok WooCommerce adalah elemen yang dapat Anda tambahkan ke halaman web Anda untuk membantu Anda meningkatkan pengalaman pengguna di situs web Anda. Beberapa fitur utama dari blok ini adalah memilih posisi, ukuran, kustomisasi, palet warna, dan bahkan efek animasi. Efek animasi untuk blok ini telah membawa pengembangan situs web eCommerce ke tingkat yang sama sekali baru.

Blok WooCommerce dapat ditambahkan ke header, footer, atau sidebar halaman web Anda. Anda juga dapat memilih beberapa posisi untuk blok ini dan memilih salah satu yang paling sesuai dengan kebutuhan Anda. Jika Anda ingin menggunakan WooCommerce sebagai mesin eCommerce untuk blog Anda, Anda dapat menambahkan ikon keranjang belanja ke bilah sisi. Ini akan menyertakan tautan langsung ke halaman checkout WooCommerce dan dapat digunakan oleh pengunjung reguler blog Anda.

Manfaat Menggunakan Blok di WooCommerce

Blok adalah cara yang bagus untuk membumbui halaman Anda. Berikut adalah beberapa manfaat menggunakannya!

  • Mudah digunakan

Blok mudah digunakan. Cukup seret dan letakkan di tempat yang Anda inginkan. Tidak perlu belajar! Menyesuaikan blok sama mudahnya. Yang Anda butuhkan hanyalah mengklik blok yang ingin Anda edit, sesuaikan dengan preferensi Anda, dan tekan "Terbitkan".

  • Memungkinkan Anda membuat halaman lebih cepat

Blok adalah opsi bawaan untuk menampilkan produk di sebagian besar tema dan plugin, jadi tidak banyak waktu atau energi yang diperlukan untuk membuat halaman. Mereka sempurna untuk menampilkan produk Anda dengan cara yang mudah dibaca dan dinavigasi.

  • **Fleksibilitas saat menampilkan produk

Blok fleksibel dalam arti bahwa Anda dapat mencampur dan mencocokkannya, menimpa blok yang ada, menghapusnya, atau bahkan mengubah propertinya. Anda juga dapat menampilkan blok yang berbeda kepada pengunjung Anda tergantung pada halaman yang sedang mereka buka. Ini memungkinkan Anda memberi mereka pengalaman yang dipersonalisasi!

  • Tidak memerlukan pengalaman pengkodean

Di masa lalu, desainer akan membutuhkan pengalaman pengkodean untuk membuat tampilan konten yang memanfaatkan produk individual di WooCommerce. Sekarang, sebagian besar ditangani oleh blok produk di versi WooCommerce yang lebih baru. Sebagian besar desain dibuat untuk Anda, jadi Anda tidak perlu banyak berpikir.

7 Blok WooCommerce Teratas (dan cara menggunakannya)

Sebagai pemilik toko, Anda harus memutuskan bagaimana menampilkan produk di situs web Anda. Ada banyak jenis blok WooCommerce. Blok ini dapat ditambahkan ke halaman atau posting mana pun di situs web Anda. Blok yang Anda pilih harus bergantung pada produk apa yang ingin Anda tampilkan dan bagaimana Anda ingin menampilkannya.

Blok produk terlaris

Blok produk terlaris dapat digunakan untuk menampilkan produk terlaris di situs web Anda. Ini juga menunjukkan produk terlaris dari setiap kategori. Anda dapat memilih agar blok ini menampilkan atau tidak menampilkan ulasan, harga, dan deskripsi produk Anda.

terbaik

Produk terlaris didukung secara default di WooCommerce. Anda perlu mengklik 'Produk' lalu 'Penjual Terbaik' untuk menampilkannya di situs web Anda. Ini akan menampilkan produk terlaris sepanjang masa, bulan demi bulan. Anda dapat memilih untuk mengurutkan daftar ini berdasarkan tanggal atau penjualan.

Blok produk unggulan

Blok produk unggulan menampilkan produk tertentu yang ingin Anda fokuskan. Produk yang Anda pilih untuk produk unggulan harus unik; mungkin itu adalah produk baru, atau mungkin Anda memberikan perhatian khusus untuk beberapa promosi khusus. Anda dapat menggunakan blok ini untuk menampilkan produk yang baru-baru ini ditampilkan dalam berita atau produk yang ditampilkan di situs web Anda untuk waktu yang terbatas.

unggulan

Blok produk berperingkat teratas

Blok produk dengan peringkat teratas hanya menampilkan produk dengan peringkat tertinggi dari semua produk Anda. Ini menampilkan ulasan dan peringkat bintang, sehingga Anda akan melihat bintang rata-rata yang telah diterima produk Anda.

Produk berperingkat teratas didukung secara default di WooCommerce. Anda perlu mengklik 'Products' lalu 'Top Rated' untuk menampilkannya di website Anda. Daftar ini dibuat secara otomatis dengan semua produk Anda dalam urutan numerik peringkatnya. Anda dapat mengurutkan daftar ini berdasarkan tanggal melalui tab peringkat teratas atau menurut abjad melalui tab populer.

peringkat teratas

Semua ulasan diblokir

Blok semua ulasan memungkinkan Anda untuk hanya menampilkan ulasan terbaru untuk setiap produk. Ini menunjukkan berapa kali suatu produk dilihat sebelum seseorang meninggalkan ulasan, kapan mereka mengulas, berapa kali mereka memfavoritkannya. Selain itu, ini mencakup semua gambar yang dilampirkan pada ulasan itu, termasuk yang berasal dari galeri gambar produk. Untuk menampilkan semua blok ulasan di situs web Anda, Anda perlu mengklik 'Produk' lalu 'Semua Ulasan'.

semua ulasan

Filter produk berdasarkan blok harga

Filter produk menurut blok harga memungkinkan Anda memfilter produk menurut kisaran harga minimum dan maksimum tertentu yang Anda tetapkan. Anda dapat memilih untuk menampilkan blok ini atau tidak menampilkan ulasan, peringkat, dan deskripsi produk Anda. Untuk memasukkan nilai numerik minimum atau maksimum, masukkan angka ke dalam kotak teks meskipun tidak ada digit sebelum koma. Misalnya, saat memasukkan nilai numerik, ingatlah bahwa nilai tersebut inklusif; yaitu, ketika menetapkan kisaran harga minimum $10 - $20, artinya semua produk yang akan ditampilkan kurang dari $10 atau lebih dari $20.

Untuk menampilkan produk filter menurut blok harga di situs web Anda, klik 'Produk' lalu 'Filter Harga'. Daftar ini menampilkan semua filter saat ini yang disiapkan untuk setiap produk. Anda dapat menyimpan daftar ini sebagai prasetel sehingga Anda dapat dengan mudah menggunakannya kembali nanti atau membagikannya dengan pengguna lain di toko Anda.

Saring

Produk berdasarkan Kategori Blok

Blok produk menurut kategori adalah cara praktis untuk melihat semua produk dalam kategori tertentu sekaligus. Ini dapat membantu untuk menemukan produk dengan cepat atau mendapatkan gambaran umum tentang semua produk dalam kategori tertentu. Untuk menggunakan blok ini, buka halaman Produk di WooCommerce dan klik blok Produk berdasarkan Kategori. Ini akan menampilkan semua produk dalam kategori yang diberikan, dengan deskripsi singkat dan gambar mini untuk setiap produk.

produk

Blok Produk Terbaru

Blok produk terbaru memungkinkan Anda untuk menampilkan hanya produk yang paling baru ditambahkan dari semua produk Anda. Produk terbaru didukung secara default di WooCommerce. Anda perlu mengklik 'Produk' lalu 'Terbaru' untuk menampilkannya di situs web Anda. Daftar ini dibuat secara otomatis dengan semua produk Anda dalam urutan numerik dari tanggal penambahannya; yang terakhir ditambahkan ditampilkan terlebih dahulu, dan yang lebih lama ditampilkan di bawah. Anda dapat mengurutkan daftar ini berdasarkan tanggal melalui tab terbaru atau menurut abjad melalui tab terlama.

Terbaru

Catatan Akhir

Blok WooCommerce adalah cara yang bagus untuk meningkatkan tampilan dan nuansa toko WooCommerce Anda. Mereka memungkinkan Anda untuk menambahkan elemen desain khusus seperti tombol, tab, dan lainnya.

Blok dibagi menjadi dua kategori: blok dasar, yang menyediakan konten penting dari halaman atau posting, dan blok lanjutan.

Sebagian besar blok tersedia di editor klasik dan Gutenberg. Selain itu, bloknya mudah digunakan karena memiliki antarmuka yang intuitif. Anda dapat menambah dan mengedit blok hanya dengan beberapa klik.

Saya harap panduan ini membantu Anda memahami lebih banyak tentang blok WooCommerce dan tip untuk menggunakannya secara efektif.

Jika Anda memiliki pertanyaan tentang topik ini, silakan komentar di bawah. Saya akan dengan senang hati membantu.

Terima kasih telah membaca!

Apa itu blok Gutenberg?

Blok Gutenberg adalah bagian konten yang dapat digunakan kembali yang dapat ditempatkan di mana saja pada halaman. Blok dapat digunakan untuk teks, gambar, video, atau jenis konten lainnya. Untuk menambahkan blok Gutenberg, klik tanda plus (+) di sebelah kiri halaman. Ini akan memunculkan perpustakaan blok yang dapat Anda gunakan.

Apa itu blok Elementor?

Blok elemen adalah cara baru untuk membuat halaman dengan Elementor. Mereka memungkinkan Anda untuk menambahkan widget pra-bangun ke halaman Anda, menghemat waktu dan tenaga Anda. Anda dapat menambahkan blok ke halaman Anda dengan dua cara, baik dengan menggunakan bilah alat di bagian atas layar Anda atau mengklik tombol "tambahkan blok" di sudut kiri bawah.

Bagaimana cara mengedit blok WooCommerce?

Anda dapat mengedit blok WooCommerce dengan mengklik ikon "pensil" di sebelahnya di Pengelola Blok. Setelah Anda melakukan ini, pengaturan blok akan muncul, dan Anda dapat mengubah teks atau HTML apa pun. Setelah ini, klik "Perbarui" untuk menyimpan perubahan Anda.

Panduan Fixed.net
Panduan Fixed.net