WooCommerce: Bagaimana Memulai Blok WooCommerce – BAGIAN 1

Sejak WordPress 5.0, editor halaman/posting default telah sepenuhnya dikembangkan kembali. Tentunya, Anda pernah mendengar tentang Gutenberg.

Berita buruknya adalah WooCommerce bergabung dengan pengalaman pengeditan baru jauh lebih lambat, dan masih ada hal-hal besar yang harus dikembangkan untuk membuatnya ramah Gutenberg.

Kemajuan kompatibilitas dapat dilacak melalui plugin resmi Blok WooCommerce, yang menyatakan “ Anda dapat menggunakan plugin ini jika Anda ingin mengakses semua blok yang tersedia untuk WooCommerce – termasuk yang eksperimental. Blok "stabil" kami saat ini digabungkan ke dalam WooCommerce, dan dapat ditambahkan dari bagian "WooCommerce" di penyisipan blok ", karena Anda dapat menemukan blok "beta" mereka di sana, yang mereka sebut "eksperimental" dan itu akan secara resmi dirilis ke WooCommerce setelah disetujui.

Dalam artikel ini, kami akan secara khusus menyelam jauh ke dalam Blok WooCommerce – apa itu, mengapa itu penting, berapa banyak blok yang tersedia, dan bagaimana Anda dapat menggunakannya.

Karena ini adalah topik besar – kami memiliki dua puluh Blok WooCommerce untuk dibahas – kami membaginya menjadi dua bagian. Artikel ini akan mengevaluasi sepuluh Blok pertama yang dapat Anda gunakan di toko Anda. Tapi pertama-tama, mari kita kenali apa itu blok WooCommerce dan selidiki mengapa blok itu begitu penting.

Apa itu Blok WooCommerce, dan mengapa begitu penting?

WooCommerce secara otomatis membuat halaman seperti halaman kategori dan halaman toko untuk menampilkan produk Anda. Namun, kemungkinan situs web WooCommerce lain mungkin tampak mirip dengan toko eCommerce Anda – jika mereka memilih halaman dan tata letak produk yang sama dengan milik Anda.

Namun, dengan Blok WooCommerce, Anda dapat membuat toko Anda unik dan memamerkan produk Anda dengan cara dan tata letak yang Anda inginkan.

Blok WooCommerce memberi Anda kontrol lebih besar atas desain toko Anda. Integrasinya dengan Editor Blok memungkinkan Anda untuk menyesuaikan toko Anda tanpa menulis satu baris CSS, menambahkan kode, atau memerlukan keahlian desain grafis.

Anda dapat dengan mudah menambahkan blok dengan metode drag-and-drop sederhana. Menggunakan antarmuka WooCommerce Block yang mudah digunakan, Anda dapat:

• Buat halaman toko khusus
• Buat halaman arahan untuk menampilkan koleksi produk
• Tambahkan blok produk di halaman tertentu atau bahkan posting blog
• Tambahkan rekomendasi produk, review produk, dan banner promo dimanapun Anda suka

Jadi, mari kita lihat Blok WooCommerce yang berbeda. Anda mendapatkan 20 Blok WooCommerce bawaan saat Anda menginstal WooCommerce . Berikut adalah sepuluh blok pertama dan bagaimana Anda dapat menggunakannya.

Daftar Blok WooCommerce penting [Bagian 1]

1. Filter Produk Aktif

Filter produk memfasilitasi pencarian produk untuk pelanggan Anda. Tanpa mereka, ada risiko kehilangan pelanggan – karena mereka harus mencari produk pilihan mereka secara manual. Sayangnya, proses ini memakan waktu dan membuat situs web Anda kurang bermanfaat dan interaktif bagi audiens target Anda.

Blok Filter Produk Aktif menampilkan filter produk yang sedang aktif dalam tampilan saat ini (jadi, filter yang dipilih pada langkah sebelumnya). Selain itu, blok ini akan secara otomatis mengambil atribut produk Anda – memungkinkan pelanggan Anda memfilter produk yang aktif menurut atribut apa pun.

Anda dapat menata judul blok dan memilih untuk menampilkan filter sebagai chip (mirip dengan tombol) atau daftar. Dengan demikian, blok ini memudahkan untuk menambahkan filter seperti ukuran, bentuk, atau warna produk – membuatnya sangat nyaman bagi pelanggan Anda.

2. Semua Ulasan

Menampilkan ulasan pelanggan adalah cara terbaik untuk menunjukkan kredibilitas dan keaslian produk Anda. Ini bertindak sebagai kesaksian produk yang lebih dipercaya pembeli daripada klaim produk – meningkatkan peluang pengguna membeli produk.

Menurut Trustpilot, 89% pelanggan membaca ulasan online sebelum membeli produk. Ini menunjukkan peran integral yang dimainkan ulasan pelanggan dalam penjualan eCommerce Anda.

Dengan demikian, menyertakan Blok Semua Ulasan di situs web WooCommerce Anda dapat bertindak sebagai pengubah permainan untuk penjualan produk Anda.

Blok ini akan memungkinkan Anda untuk menampilkan seluruh daftar semua ulasan produk yang Anda terima di manapun di toko Anda – seperti posting blog atau halaman arahan.

Muncul dengan banyak opsi penyesuaian di mana Anda dapat memilih untuk menyembunyikan atau menampilkan nama produk, nama pengulas, tanggal ulasan, peringkat produk, konten ulasan, dan gambar produk.

Anda dapat menyesuaikan pengaturan dengan mengizinkan pengguna untuk memesan berdasarkan peringkat terendah atau peringkat lebih tinggi, atau bahkan mengatur jumlah ulasan untuk ditampilkan dan menambahkan opsi 'muat lebih banyak ulasan' untuk pelanggan Anda.

3. Semua Produk

Blok Semua Produk menampilkan semua produk di toko WooCommerce Anda, dan dilengkapi dengan opsi pengurutan dan pagination. Anda dapat menyelaraskan blok ini dengan blok Filter Produk Aktif untuk menampilkan dropdown penyortiran.

Menggunakan opsi pagination bawaan, pelanggan Anda dapat dengan mudah menavigasi produk Anda maju dan mundur untuk melihat seluruh halaman produk jika Anda tidak ingin menampilkan semua produk pada satu halaman.

Anda mendapatkan pilihan untuk memilih Urutan Penyortiran Produk default – baik itu untuk mengurutkan berdasarkan produk terbaru atau popularitas produk. Anda juga dapat menyembunyikan Sorting Dropdown jika diperlukan. Selain itu, blok ini juga memungkinkan Anda untuk menambahkan konten tambahan seperti gambar, teks, dan video.

4. Kategori Unggulan

Blok Kategori Unggulan memungkinkan Anda memilih produk dari kategori produk tertentu yang ingin Anda siapkan dan tampilkan sebagai kategori unggulan atau dalam spanduk ajakan bertindak.

Ini adalah solusi sempurna untuk menyoroti kategori produk tertentu di halaman arahan atau posting blog Anda – untuk mengarahkan lalu lintas dan memaksimalkan penjualan kategori produk tertentu itu.

Salah satu fitur terpentingnya adalah Focal Point Picker yang memungkinkan Anda menyeret titik fokus gambar produk untuk menempatkannya dengan sempurna di dalam wadah latar belakang. Blok ini juga memberi Anda opsi seperti menyembunyikan atau menampilkan deskripsi produk, menambahkan warna overlay, dan mengubah opacity.

Jadi, jika Anda baru saja meluncurkan koleksi produk baru – blok Kategori Unggulan dapat membantu Anda menampilkan koleksi di beberapa tempat di toko Anda dan mendorong penjualan.

5. Produk Unggulan

Blok Produk Unggulan memungkinkan Anda untuk menampilkan produk toko Anda dalam spanduk yang rapi, berdampak baik, dan dirancang dengan baik dengan Call To Action (CTA).

Muncul dengan banyak pengaturan dan opsi untuk menampilkan atau menyembunyikan harga dan deskripsi produk, mengontrol perataan teks, menambahkan warna overlay, menyesuaikan pemosisian latar belakang dan opacity, menimpa foto produk, dan mengubah tombol CTA.

Blok ini adalah cara sempurna untuk menampilkan produk tertentu di posting blog atau halaman arahan Anda dan menarik perhatian pelanggan – menarik mereka untuk melakukan pembelian.

6. Produk Berdasarkan Kategori

Blok Produk Menurut Kategori memungkinkan Anda menampilkan produk dari kategori atau kategori yang dipilih dalam kisi.

Ini memungkinkan Anda mengubah jumlah baris dan kolom kisi dengan opsi untuk menyembunyikan atau menampilkan judul produk, harga, peringkat, dan tombol tambahkan ke troli. Blok ini dapat membuat bagian berbeda yang menampilkan berbagai kategori produk di beranda Anda.

7. Produk Terlaris

Blok Produk Terlaris memungkinkan Anda untuk menampilkan produk terlaris toko Anda dalam kotak.

Desain blok ini sangat mirip dengan blok Produk Berdasarkan Kategori dengan opsi penyesuaian yang identik. Misalnya, Anda dapat mengatur opsi filter yang sesuai untuk produk – seperti filter berdasarkan warna, ukuran, dan harga.

Menggunakan blok ini – Anda dapat mendorong pelanggan untuk menelusuri produk terlaris Anda dan menarik mereka untuk membeli produk untuk diri mereka sendiri.

8. Filter Produk berdasarkan Harga

Blok ini menampilkan penggeser yang mudah digunakan yang memungkinkan pelanggan memfilter produk berdasarkan harga. Misalnya, menyeret gagang kiri ke kanan meningkatkan harga, sementara menyeret gagang kanan ke kiri menguranginya.

Anda dapat mengedit kisaran harga minimum dan maksimum dan menambahkan tombol untuk mengatur level heading. Ini bekerja sempurna dalam kombinasi dengan blok Semua Produk.

9. Filter Produk berdasarkan Atribut

Blok ini menambahkan filter yang memungkinkan pelanggan Anda memfilter produk berdasarkan atribut. Atribut tersebut dapat berupa warna, ukuran, atau bahkan rasa makanan.

Anda memiliki pilihan untuk menampilkan filter sebagai daftar atau dropdown. Selain itu, Anda dapat memilih tingkat judul, menyertakan jumlah kata, atau menambahkan tombol.

10. Produk Terbaru

Anda dapat menggunakan blok ini untuk menampilkan semua peluncuran terbaru dan produk terbaru Anda dalam kotak. Pelanggan dapat menyaring produk berdasarkan kategori yang relevan.

Blok ini sangat cocok untuk memamerkan dan memasarkan stok baru toko Anda di beranda dan menarik lebih banyak perhatian. Opsi penyesuaiannya mirip dengan Blok Produk Terlaris.

Kesimpulan

Baik Anda seorang ahli teknologi atau profesional non-teknis – menggunakan Blok WooCommerce adalah cara termudah dan paling hemat biaya untuk menampilkan produk Anda dengan cara yang menarik dan membawa toko Anda ke tingkat berikutnya.

Anda dapat mempromosikan produk Anda di halaman dan posting blog apa pun di situs web Anda. Yang harus Anda lakukan adalah menyeret blok ke tempat tertentu di halaman – dan halaman diperbarui secara real-time.

Jadi, jika Anda ingin meramaikan toko WooCommerce Anda dan menarik lebih banyak perhatian – gunakan Blok WooCommerce yang disebutkan di atas.

Kami juga memiliki bagian 2 dari artikel ini dengan sepuluh Blok WooCommerce lagi dan cara untuk menambahkan dan mengeditnya dengan mudah. Lihat itu saat ditayangkan minggu depan!