Cara Membuat Slider Produk WooCommerce – Panduan Lengkap [2020]

Diterbitkan: 2019-12-12

Anda perlu membuat Slider Produk WooCommerce di situs web Anda untuk meningkatkan penjualan, tetapi Anda tidak tahu cara membuatnya. Akibatnya, Anda berada dalam ketegangan dan Anda mencari panduan untuk membuat Slider Produk WooCommerce lengkap langkah demi langkah.

Jika Anda berpikir demikian, jangan khawatir, tutorial ini dapat memenuhi kebutuhan Anda. Saya telah menjelaskan panduan lengkap langkah demi langkah dalam artikel ini, sehingga siapa pun dapat dengan mudah membuat Slider Produk tanpa memiliki pengetahuan pengkodean.

Namun, prosedur ini akan membantu Anda membuat penggeser produk yang luar biasa dengan cara termudah. Jadi, mari kita mulai sekarang untuk penggeser produk yang lebih baik.

Garis besar artikel secara singkat

Saya telah membagi seluruh artikel menjadi beberapa bagian. Anda dapat mengambil ikhtisar dari daftar berikut-

  • Langkah awal
  • Memilih plugin terbaik
  • Instalasi dan aktivasi plugin WooCommerce Product Slider
  • Buat Slider Produk pertama Anda
  • Kustomisasi Penggeser Produk
  • Memublikasikan Slider Produk
  • Cara Mendapatkan Opsi Kustomisasi Tanpa Batas

Langkah Awal

Saat kita membahas penggeser produk WooCommerce, jadi sebelum melanjutkan secara mendetail, periksa satu hal adalah bahwa plugin WooCommerce diinstal dan diaktifkan di tema WordPress Anda.

Ini adalah tindakan pencegahan sederhana untuk melanjutkan. Mudah-mudahan, plugin WooCommerce diinstal dan diaktifkan di tema WordPress Anda.

Memilih Plugin Terbaik

Saya harap, Anda akan selalu menyukai dan mencoba menemukan cara termudah untuk membuat slider Produk WooCommerce di situs web Anda. Jadi, cara terbaik dan termudah adalah menemukan plugin yang lebih baik yang memungkinkan Anda membuat slider produk yang luar biasa.

Ada sejumlah plugin yang tersedia tetapi semuanya tidak dikodekan dengan baik dan diperbarui. Jadi, sulit untuk mencari tahu yang terbaik untuk Anda. Tapi, jangan khawatir, saya telah melakukan bagian ini dan menemukan salah satu plugin WooCommerce Product Slider terbaik. Ini super cepat, keren, dan praktis.

Penggeser Produk untuk WooCommerce adalah plugin pilihan terbaik sebagai sumber terbuka yang memungkinkan Anda membuat penggeser produk yang mengagumkan dan menarik untuk situs web e-niaga Anda.

Instalasi dan Aktivasi Slider Produk WooCommerce

Karena kami telah menemukan plugin yang kami harapkan dan terbaik, sekarang kami harus menginstal dan mengaktifkannya.

Ingin mempelajari lebih lanjut tentang proses instalasi? Anda dapat melihat dokumentasi ini tentang cara menginstal Product Slider untuk WooCommerce di WordPress .

Terakhir, saya harap Anda telah berhasil menginstal dan mengaktifkan WooCommerce Product Slider di dashboard WordPress Anda.

Buat Slider Produk WooCommerce Pertama Anda

Akhirnya, Anda benar-benar siap untuk membuat Slider Produk WooCommerce pertama Anda. Ini sangat mudah dan cepat. Hal ini dapat dilakukan dalam beberapa menit. Saya akan menjelaskan semua langkahnya satu per satu. Jadi, Anda hanya perlu mengikuti instruksi saya. Ayo lakukan sekarang juga.

Langkah-1: Buat Kode Pendek Penggeser Produk

Pertama, Anda perlu membuat slider produk baru. Segera setelah Anda membuat penggeser produk baru, kode pendek akan dibuat secara otomatis. Jadi, ikuti langkah-langkah berikut untuk membuat slider produk baru.

  1. Klik pada menu Semua Slider .
  2. Klik tombol Tambahkan Slider Baru .

Langkah-2: Pengaturan Slider Produk

Setelah Anda mengklik tombol Add New Slider , Anda akan melihat semua opsi pengaturan untuk satu produk slider. Jadi, inilah saatnya untuk menyesuaikan slider produk Anda sesuai kebutuhan Anda. Sekarang, ikuti saja instruksi saya satu per satu.

  1. Ketik Judul Kode Pendek yang digunakan sebagai Judul Bagian untuk penggeser atau kisi produk Anda (opsional).
  2. Sesuaikan bidang pengaturan apa pun sesuai kebutuhan Anda.
  3. Terakhir, klik tombol Publish di sisi kanan.

Saat Anda akan mempublikasikan penggeser produk Anda, Anda akan menemukan bahwa ada kode pendek di area atas. Sekarang, Anda hanya perlu mengikuti langkah terakhir untuk menampilkan slider produk Anda.

Langkah-3: Tampilkan Slider Produk

Akhirnya, Anda benar-benar siap untuk menampilkan slider produk Anda. Cukup salin kode pendek dan tempel di posisi yang Anda inginkan seperti posting, halaman, atau di mana pun Anda inginkan.

Dapatkan Opsi Kustomisasi Tanpa Batas

Saya harap, Anda telah menemukan bahwa plugin WooCommerce Product Slider memiliki beberapa batasan dalam hal penyesuaian. Banyak fitur yang tidak tersedia dalam versi freemium dari plugin ini.

Anda mungkin merasa perlunya lebih banyak fitur dan opsi penyesuaian tak terbatas untuk penggeser produk Anda. Jangan khawatir, plugin WooCommerce Product Slider juga menawarkan versi premium yang dapat menghilangkan batasan ini dan Anda akan mendapatkan opsi penyesuaian tanpa batas.

Versi Premiumnya mencakup fitur-fitur menarik dan mengagumkan berikut-

Tata Letak Slider dan Grid: Anda dapat menampilkan produk Anda dalam 2 tata letak unik yang berbeda seperti Slider dan Grid.

30+ Tema Pra-desain: 30+ tema pra-desain profesional disertakan yang memberi Anda lebih banyak fleksibilitas.

Tipografi Tingkat Lanjut: 840+ Google Font dengan opsi berbeda disertakan.

Memfilter Produk di Slider dan Kotak: Anda dapat memfilter daftar produk berdasarkan fitur apa pun seperti Unggulan, Kategori, Tag, Produk Tertentu, Dijual!, Terbaru atau Terbaru, Terlaris atau Populer, Upsells, Cross-sells, Produk Terkait , Nilai Tertinggi, Paling Banyak Dilihat, Baru Dilihat, Produk Gratis, Berdasarkan ID Produk atau SKU, Produk dari Atribut, Kecualikan Kategori & Tag, dll.

Pemfilteran Produk menurut Jenis: Anda juga dapat memfilter produk menurut jenis produk yang berbeda, seperti Produk Sederhana, Produk yang Dikelompokkan, Produk Eksternal/Afiliasi, Produk Variabel.

Penggeser Kategori dan Subkategori: Anda dapat dengan mudah menampilkan penggeser atau kisi kategori dan subkategori di mana pun Anda inginkan.

Opsi Sembunyikan dan Tampilkan Eksklusif: Cukup tunjukkan produk tersembunyi dengan mudah. Selain itu, Anda dapat menyembunyikan Kehabisan Stok dan Produk gratis.

Slider Produk Duplikat: Fitur ini akan mengurangi waktu dan energi Anda. Sekarang Anda dapat dengan mudah menduplikasi atau mengkloning slider produk apa pun.

WPML Ready: Beberapa bahasa didukung. Anda dapat dengan mudah mendukung bahasa apa pun.

Nama Produk Batasan Kata: Opsi batasan kata membantu Anda membatasi kata untuk nama atau judul produk

Beberapa Baris Produk Slider: Dengan tata letak Slider, Anda dapat menampilkan beberapa baris produk slider.

Mendukung Multisite: Fitur multisite juga didukung.

Pagination Ajax untuk Product Grid: Jenis pagination Ajax yang berbeda disertakan. Ini adalah – pagination nomor Ajax, Load more button (ajax), Load more or infinite on scroll (ajax), No ajax (normal pagination).

Opsi Kontrol Slider: Opsi slider yang berbeda seperti AutoPlay on/off, Kontrol kecepatan slide, margin Kustom untuk setiap produk, Stop on hover, dan banyak lagi opsi disertakan.

Product Image Flip dan Lightbox: Opsi Product Image Flip juga disertakan. Hasilnya, Anda dapat mengatur perilaku membalik untuk gambar produk.

Pilihan Warna dan Gaya yang Tak Terhitung: Warna dan gaya tak terbatas tersedia dalam versi pro ini. Anda dapat melakukan apa yang Anda bayangkan.

Responsiveness: Ini menyediakan slider produk yang sepenuhnya responsif yang kompatibel dengan perangkat modern apa pun.

Super Cepat dan SEO Friendly: Ini super cepat, ringan, SEO friendly dan dioptimalkan untuk meningkatkan peringkat situs web.

Dukungan dan Pembaruan Gratis Seumur Hidup: Dukungan Khusus yang Cepat dan Ramah untuk permintaan apa pun. Selain itu, Dokumen dan Tutorial Online Ekstensif juga tersedia.

Akhirnya, saya hanya ingin mengatakan bahwa saya telah mencantumkan beberapa fitur utama tetapi sebenarnya, versi pro berisi sejumlah besar fitur. Anda dapat menyebutnya sebagai plugin master lengkap untuk membuat Slider Produk WooCommerce.

Jadi, hancurkan batasannya dan dapatkan semua fitur untuk WooCommerce Product Slider, cukup periksa WooCommerce Product Slider Pro .

Dapatkan Sekarang Demo Langsung