Cara Menggunakan Variasi Swatch untuk WooCommerce
Diterbitkan: 2022-03-22Saat Anda ingin membuat toko online, tidak banyak alternatif yang sebagus WooCommerce. Namun, toko WooCommerce yang menggunakan fitur default WooCommerce dan tidak ada tambahan tidak akan menjadi yang terbaik yang akan Anda lihat.
Salah satu hal yang harus Anda lakukan untuk membuat toko Anda menonjol adalah menemukan cara untuk meningkatkan visual untuk tampilan item toko. Penjualan Anda akan mencerminkan betapa ramah pengguna tampilan produk Anda. Pengguna ingin melihat variasi produk dengan mulus, dan di sinilah contoh variasi plugin untuk WooCommerce masuk. Kami akan melihat cara menggunakan plugin semacam itu dengan ilustrasi dari salah satu yang terbaik – jika bukan yang terbaik – plugin tersebut. Jika Anda perlu menemukan plugin swatch variasi untuk WooCommerce, Berikut adalah daftar 10+ plugin swatch variasi WooCommerce terbaik.
Variasi Swatch untuk WooCommerce
Variasi Swatch untuk WooCommerce oleh RadiusTheme sangat ideal untuk memberikan keunggulan pada situs web Anda dalam penyajian variasi produk. Plugin ini menunjukkan fokus yang luar biasa untuk tetap ramah pengguna mungkin. Ini memiliki fungsi yang memungkinkan Anda mengubah variasi produk dari bidang pilih default WooCommerce menjadi gambar, label, dan warna. Dengan plugin, Anda tidak perlu menampilkan variasi di bidang dropdown biasa.
Variasi Swatch untuk WooCommerce memberi Anda alat untuk membuat batas kustom untuk contoh produk Anda yang sesuai dengan gaya situs web Anda. Jika Anda ingin meningkatkan latar belakang Anda, Anda dapat menambahkan gambar atau warna solid.
Anda dapat menambahkan tooltip untuk halaman produk dan kategori produk Anda. Tidak ingin menghapus variasi produk yang sudah habis? Dengan Variasi Swatch untuk WooCommerce, Anda bisa menggunakan tanda silang atau blur. Anda dapat memilih warna untuk salib dan mengontrol opacity blur.
Swatch Variasi WooCommerce hadir dengan fitur Quick View. Fitur ini ideal untuk menampilkan produk tanpa harus membuka halaman produk. Secara default, plugin ini berfungsi pada halaman detail produk. Anda kemudian dapat mengontrol tooltip, ukuran dan warna font, dan ukuran gambar. Plugin ini memungkinkan Anda memilih antara kotak persegi dan bulat.
Menggunakan Variasi Swatch untuk WooCommerce
Hal pertama yang harus Anda lakukan adalah mengunduh Variasi Swatch untuk plugin WooCommerce. Atau, Anda dapat menginstalnya dari backend langsung dari panel admin.
Untuk alternatif kedua, masuk saja ke dashboard admin Anda, masuk ke plugins , lalu tambahkan new . Buka kotak pencarian di halaman berikutnya dan cari contoh variasi untuk WooCommerce. Klik 'aktifkan' plugin yang bertuliskan Variasi Swatch untuk WooCommerce oleh RadiusTheme .
Tambah & Edit Atribut dan Ketentuan Atribut
Saat membuat atribut warna, Anda dapat melakukan tindakan secara global dengan menavigasi ke WooCommerce Products e Attributes . Bagian selanjutnya adalah menambahkan atribut yang Anda inginkan dengan memilih tombol, warna, gambar, atau radio yang Anda inginkan.
Untuk menambah atau mengedit istilah atribut baru, cukup klik pada Konfigurasi Persyaratan . Pilih warna yang Anda inginkan menggunakan pemilih warna jika Anda ingin mengedit atribut warna. Anda kemudian dapat mengatur teks dan jenis tooltip.
Tetapkan Atribut Produk
Saat dalam mode pengeditan, buka produk tertentu dan pilih Tanggal Produk e Variable Product . Selanjutnya adalah mengklik tambahkan opsi untuk menambahkan atribut produk khusus dan simpan. Namun, sebelum Anda melakukannya, pastikan untuk mencentang kotak "Digunakan untuk Variasi" .

Atur Variasi Produk
Saat mengatur variasi produk, pastikan Anda mengalokasikan gambar, harga, dan status stok untuk setiap variasi, jika tidak maka tidak akan muncul di frontend.
Masuk saja ke Data Produk , sebelum memilih Variasi, Variasi Default, Atribut yang dipilih, Harga, Gambar, dan Stok . Atur dengan benar untuk mencerminkan bagaimana produk Anda sebenarnya. Saat Anda akan Menambahkan Variasi , ketahuilah bahwa Anda memiliki opsi untuk menyetel satu demi satu variasi atau menyetel semuanya secara bersamaan. Anda mengambil opsi kedua ketika Anda mengklik Buat Variasi dari Semua Atribut .
Anda perlu mengatur bidang lain, seperti SKU, berat, deskripsi, dan pengiriman sesuai kebutuhan unik Anda.
Tetapkan Variasi Individu
Jika Anda lebih suka mengubah pengaturan setiap variasi secara terpisah daripada variasi global, buka saja tab Product Swatch dan pilih properti. Anda dapat memilih untuk menampilkan atribut yang Anda inginkan untuk mode katalog saja.
Pilih jenis gambar yang Anda inginkan, (dan jika Anda mau, atur tooltip sebagai gambar atau teks) dan warna tertentu yang Anda inginkan. Ketika Anda telah memilih properti tertentu yang Anda inginkan, tekan saja tombol Save Product Swatches .
Variasi Tampilan Depan
Saat mengontrol tampilan halaman toko atau arsip, buka WooCommerce e Settings e Product Swatches e Shop atau Archive Page . Anda kemudian dapat pergi ke frontend Anda dan mengagumi (atau mengkritik) hasil Anda.
Atribut Kustom
Menambahkan atribut khusus untuk produk Anda semudah menuju ke Atribut Produk Variabel , lalu menambahkan Atribut Produk Khusus . Klik tombol Tambah untuk menambahkan atribut produk khusus. Alokasikan nama dan nilai untuk setiap atribut khusus Anda sebelum mengklik tombol Simpan Atribut .
Saat menambahkan atribut khusus dalam variasi, cukup gunakan atribut khusus yang baru saja Anda tambahkan di langkah sebelumnya untuk menambahkan variasi. Dari sana, atur jenis atribut khusus dengan menuju ke tab Product Swatch di sebelah kiri.
Dari Product Swatches , mudah untuk mengganti pengaturan atribut global. Yang harus Anda lakukan adalah mengatur jenis atribut, apakah itu radio, gambar, tombol, atau warna. Atur properti dan tekan tombol Simpan Swatch Produk . Anda mungkin memerlukan galeri gambar variasi tambahan plugin terkait lainnya untuk WooCommerce
Menyimpulkan
Menggunakan WooCommerce adalah tugas yang cukup mudah dan Anda harus terbiasa dengan setiap sudut dan celahnya dalam waktu singkat. Saat memajukan penggunaan variasi produk Anda dengan plugin seperti Variasi Produk untuk WooCommerce, Anda dapat mengandalkan panduan ini untuk membantu Anda.
Saya harap saya telah menjadi panduan yang baik, membantu Anda menavigasi bagian yang mudah dan rumit dalam menggunakan plugin. Semua yang terbaik saat Anda membuat toko eCommerce pemukul dunia.