Bagaimana cara menyesuaikan halaman toko WooCommerce (checkout & produk)?

Bisakah Anda menyalahkan WooCommerce karena tidak adanya opsi lanjutan untuk menyesuaikan toko, produk, atau halaman checkout? Tentu saja, Anda tidak seharusnya melakukannya. Faktanya, lebih baik menambahkan lebih banyak penyesuaian dengan plugin, juga dengan ekstensi gratis untuk WooCommerce.

Daftar isi

• Kustomisasi halaman toko WooCommerce
• Sesuaikan produk WooCommerce
• Rancang halaman checkout dengan bidang khusus

Kustomisasi halaman toko WooCommerce

Singkatnya, pengaturan dan penyesuaian halaman toko di WooCommerce akan ditutup dalam 4 langkah berikut:

Bagaimana cara menyesuaikan halaman toko?

1. Pilih halamannya

   Untuk menampilkan halaman toko, seseorang harus memilikinya. Ini bisa berupa halaman yang sudah ada atau halaman baru.

   

2. Sesuaikan opsi katalog produk

   Halaman produk dapat didesain di menu Appearance → Customize → WooCommerce → Product catalog .

   

3. Tambahkan halaman ke menu atau widget

   WooCommerce memungkinkan menampilkan tautan ke katalog produk di menu atau/dan widget ( Penampilan → Menu/ Widget ).

   

4. Kustomisasi katalog produk

   Apakah ada opsi lain untuk menyesuaikan halaman?

   Ya. Misalnya, penataan css, penambahan konten, kode pendek, pengalihan, atau kode khusus.

   Dengan demikian, tata letak halaman standar dapat ditingkatkan dengan bagian atau elemen baru.

   

   

Sesuaikan produk WooCommerce

Bagian nyata dari penggunaan WooCommerce adalah menambahkan produk baru. Secara default, atribut dan variasi dapat digunakan. Atribut akan terlihat di informasi tambahan (tergantung tema).

Tentu saja, variasi dapat membantu (mereka juga menggunakan atribut):

Namun untuk membuat produk dengan opsi dan bidang khusus yang lebih dapat disesuaikan, WooCommerce saja tidak akan cukup.

Seperti yang saya sebutkan di pendahuluan, ada elemen dasar untuk memperluas kemampuan WooCommerce, yang disebut plugin. Dan ada satu plugin gratis untuk menambahkan bidang khusus dan menyesuaikan halaman produk WooCommerce.

Bagaimana cara menyesuaikan halaman produk WooCommerce dengan plugin?

Setelah mengunduh, menginstal, dan mengaktifkan ekstensi, halaman produk dapat disesuaikan dalam beberapa langkah.

1. Tambahkan grup bidang untuk produk tertentu

   Pertama, dimungkinkan untuk memilih satu atau lebih produk untuk bidang baru (terlihat pada gambar di bawah).

2. Pilih lokasi lapangan

   Selain itu, plugin ini memungkinkan menampilkan opsi produk baru sebelum atau sesudah tombol tambahkan ke troli.

   

3. Sesuaikan halaman produk WooCommerce dengan kolom khusus

   Fitur inti dari plugin ini adalah menambahkan kolom baru. Dalam versi gratis Bidang Produk Fleksibel, terdapat 18 jenis bidang.

   

   Setiap bidang memiliki pengaturannya sendiri, misalnya label, placeholder, tooltips, kelas css, jumlah karakter maksimal, dll. Bidang ini mungkin wajib diisi atau opsional.

   

4. Kustomisasi halaman produk WooCommerce - contoh

   Efek akhir untuk satu atau lebih produk (dengan plugin gratis).

   

Seperti yang Anda lihat, halaman produk WooCommerce dapat disesuaikan dengan plugin gratis. Anda dapat mengunduhnya atau membaca lebih lanjut di repositori WordPress.

Singkatnya, plugin Bidang Produk Fleksibel memungkinkan pembuatan produk khusus di WooCommerce.

Rancang halaman checkout dengan bidang khusus

Terlebih lagi, WP Desk juga memiliki plugin gratis untuk menyesuaikan halaman checkout WooCommerce.

Bidang Checkout Fleksibel memungkinkan pengelolaan bidang yang ada serta menambahkan bidang khusus baru ke halaman checkout.

Panduan cepat penyesuaian halaman checkout WooCommerce

(setelah menginstal & mengaktifkan plugin)

1. Formulir pembayaran default

   Halaman checkout standar (klasik) berisi kolom yang telah ditentukan sebelumnya.

   

2. Sesuaikan formulir

   Dengan menghapus atau menambahkan kolom baru, halaman checkout WooCommerce dapat disesuaikan.

   

3. Atur ulang dan kelola bidang checkout

   Editor halaman checkout visual memungkinkan penyesuaian formulir dengan cepat. Plugin gratis ini mendukung lebih dari 10 bidang khusus.

   

4. Lebih sedikit bidang di kasir

   Lihatlah efek akhirnya - bentuk yang lebih sederhana.

   

Ringkasan

Ada beberapa cara untuk menyesuaikan WooCommerce, termasuk penyesuaian pada halaman toko, halaman produk, dan formulir pembayaran. Dengan plugin gratis, tidak perlu menulis kode khusus.