Bagaimana Cara Menambahkan Mini Floating Cart di Toko Online Anda?

Diterbitkan: 2023-09-14

Mencari perjalanan belanja yang lebih lancar dan menyenangkan? Temukan kenyamanan keranjang apung mini kami – teman berbelanja yang sempurna.

Tambahkan keranjang mengambang mini ajax ke situs e-niaga Anda yang menyediakan cara yang ramah pengguna, nyaman, dan menarik bagi pembeli untuk berinteraksi dengan keranjang mereka sepanjang perjalanan belanja mereka. Dengan mengatasi masalah umum dan menyederhanakan prosesnya, hal ini dapat meningkatkan kemungkinan pengguna menyelesaikan pembelian mereka.

Daftar isi

Apa itu Kereta Apung Mini?

Keranjang belanja mini terapung adalah fungsi yang sering digunakan di situs web e-niaga, yang bertujuan untuk meningkatkan pengalaman pengguna. Ini menawarkan akses mudah bagi pengguna untuk meninjau item yang mereka pilih untuk dibeli dan memungkinkan mereka membuat perubahan pada pilihan mereka sambil terus berbelanja.

Keuntungan Menambahkan Gerobak Mini Mengambang

Mari kita lihat beberapa kelebihan mini floating cart yang memungkinkan Anda mengetahui cara mudah memfungsikan plugin ini setelah Anda menginstalnya di situs Anda.

  • Memungkinkan pengguna dengan mudah melihat item pilihan mereka tanpa perlu menavigasi ke halaman terpisah.
  • Menambahkan kode diskon/promo langsung ke keranjang menyederhanakan proses belanja, membantu pengguna berbelanja dan berhemat dengan mudah.
  • Ubah jumlah produk dan keluarkan item yang tidak diinginkan langsung dari keranjang apung mini yang nyaman.
  • Anda dapat membuat keranjang tanpa batas dan menampilkan masing-masing keranjang di halaman selektif.
  • Ubah ukuran tombol dan ikon, tombol, dan warna teks agar sesuai dengan citra merek Anda.
  • Pilih dari banyak ikon buka/tutup keranjang.

Tambahkan Mini Floating Cart di Toko Online Anda

Sekarang setelah Anda menyadari pentingnya mengintegrasikan keranjang mengambang mini ke dalam toko e-niaga Anda untuk meningkatkan pengalaman pengguna, mari kita uraikan proses sederhana untuk menambahkan plugin ke situs WordPress Anda.

Jika Anda sudah familiar dengan WooCommerce, Anda dapat melanjutkan dengan instalasi plugin mini floating cart . Namun, jika Anda baru mengenalnya, kami merekomendasikan panduan langkah demi langkah yang komprehensif untuk pemahaman Anda.

Langkah 1: Instal Plugin WooCommerce

WooCommerce adalah plugin e-commerce sumber terbuka yang terintegrasi dengan WordPress, melayani kebutuhan pedagang online mulai dari usaha kecil hingga perusahaan besar. Plugin yang diakui secara luas ini dikenal dengan beragam fiturnya, yang meningkatkan situs web e-niaga dengan berbagai cara.

Jika Anda belum mengintegrasikan Woo Commerce ke situs web Anda, langkah pertama adalah menginstal alat ini.

Langkah 2: Pilih Tema yang Kompatibel

Pilih tema WordPress yang kompatibel dengan WooCommerce. Mini Ajax Cart kompatibel dengan hampir semua tema.

Langkah 3: Instal Plugin Keranjang Mengambang Mini WooCommerce

Untuk meningkatkan fungsionalitas keranjang dan pengalaman pengguna Anda, pertimbangkan untuk memasang plugin keranjang mini khusus WooCommerce. Di sini, kami akan memandu Anda melalui langkah-langkah untuk menginstal plugin mini AJAX cart.

Dalam tutorial ini, kita akan menggunakan plugin Mini Ajax Cart WooCommerce sebagai referensi keranjang.

Mari memandu Anda melalui proses instalasi plugin dan melakukan penyesuaian yang diperlukan untuk memulai. Anda dapat langsung mendownload pluginnya dengan mengklik link ini.

  • Buka dasbor WordPress Anda.
  • Navigasikan ke “Plugin” > “Tambahkan Baru.”
  • Cari Keranjang Mini AJAX” .
  • Klik “Instal Sekarang ” lalu aktifkan plugin yang dipilih.
tambahkan keranjang apung mini

Sekarang, Anda telah menginstal dan mengaktifkan plugin untuk membuat mini cart terlihat di situs web Anda:

  • Buka dasbor WordPress Anda
  • Navigasi ke Mini Ajax Cart > Pengaturan Utama .
  • Tambahkan Judul Keranjang
  • Aktifkan tombol “Aktifkan kereta mini ”.
  • Pastikan Anda “Memublikasikan/Memperbarui” semua perubahan penting yang telah Anda buat.

Perlu menampilkan keranjang hanya pada halaman yang dipilih? Siapa Takut. Anda dapat menampilkan atau menyembunyikan keranjang secara selektif hanya pada halaman tertentu. Konfigurasikan opsi “Tampilkan/Sembunyikan di Halaman” sesuai kebutuhan. Tampilkan juga keranjang di semua perangkat atau di desktop, tablet, atau seluler secara selektif.

Kunjungi situs e-niaga Anda dan Anda dapat melihat bahwa keranjang terapung mini terlihat untuk pengalaman pengguna yang mudah.

Kini, pengguna dapat dengan mudah melihat dan memodifikasi item keranjang yang ditambahkan ke keranjang dari halaman mana pun tanpa perlu membuka halaman Toko.

Langkah 4: Konfigurasikan Kereta Mini

Langkah selanjutnya adalah mengkonfigurasi plugin mini cart. Setelah Anda menginstal dan mengaktifkan plugin mini cart, Anda dapat mengonfigurasi perilaku keranjang yang diinginkan. Mari kita lihat secara singkat perubahan apa yang dapat Anda lakukan pada masing-masing bagian.

i) Keranjang Keranjang/Pengaturan Tombol

Bagian ini memungkinkan Anda mempersonalisasi tampilan tombol keranjang belanja di situs web e-niaga Anda. Di antara berbagai pilihan ikon keranjang yang disediakan, pilihlah yang paling sesuai dengan preferensi Anda. Selain itu, Anda memiliki fleksibilitas untuk mengubah bentuk tombol agar sesuai dengan preferensi desain Anda dan menentukan penempatannya pada halaman

Catatan: Jika Anda menginginkan opsi penyesuaian lebih lanjut, pertimbangkan untuk meningkatkan ke versi pro untuk pengaturan yang ditingkatkan.

ii) Panel Gerobak

Di bagian pengaturan ini, Anda memiliki kemampuan untuk menyempurnakan animasi dan melihat perubahan yang terlihat di situs web e-niaga Anda. Pilih animasi yang sesuai dengan identitas merek Anda.

iii) Isi Keranjang

Apakah Anda lebih suka menampilkan isi keranjang dalam format daftar atau kisi, Anda memiliki fleksibilitas untuk menyesuaikan tata letak produk sesuai keinginan Anda.

Perhatikan bidang kupon diskon, karena bidang tersebut memainkan peran penting ketika Anda ingin menawarkan penawaran menarik kepada pelanggan berharga Anda. Pelanggan dapat dengan mudah memasukkan kode promo untuk menerima barang dengan harga diskon. Jika Anda tidak memerlukan fitur ini, Anda cukup mematikan kolom kupon.

Di bagian konfigurasi tombol pengaturan, Anda memiliki kebebasan untuk memasukkan tombol-tombol yang penting untuk presentasi. Anda dapat dengan mudah mengaktifkan/menonaktifkan tombol yang ingin Anda tampilkan dengan mengaktifkan/menonaktifkannya.

Dalam video tutorial di atas, Anda dapat melihat perubahan apa saja yang dapat Anda lakukan di bagian konten keranjang.

Langkah 5: Sesuaikan Penampilan

Sebagian besar plugin keranjang apung mini memungkinkan beberapa penyesuaian dalam hal warna, gaya, dan tata letak. Mari kita lihat lebih jauh secara detail penyesuaian apa saja yang bisa Anda lakukan.

Desain

Bagian ini memungkinkan Anda mengubah warna keranjang keranjang. Memilih warna dan gaya yang sesuai dengan merek dan produk perusahaan Anda membantu menciptakan citra merek Anda sendiri.

Anda memiliki opsi untuk mengubah tipografi dengan berbagai cara. Anda dapat memilih dari beragam tipografi dan juga memilih warna yang selaras dengan desain Anda. Anda juga dapat mengubah spasi huruf, ukuran font, dan tinggi garis.

Selain itu, Anda memiliki fleksibilitas untuk memilih skema warna untuk berbagai elemen, seperti Tipografi Tombol, Tombol Kupon, Tombol Lanjutkan Belanja, Tombol Keranjang/Checkout, dan Tombol Hapus Produk di Tata Letak Kotak.

Langkah 6: Uji Kereta Mini

Sebelum meluncurkan kereta mini terapung di situs web langsung Anda, sangat penting untuk melakukan pemeriksaan kualitas secara menyeluruh. Verifikasi bahwa semuanya berfungsi dengan sempurna seperti yang diharapkan: menambah dan menghapus produk, menyesuaikan jumlah, dan memastikan bahwa tombol tambah ke troli responsif dan beroperasi penuh.

Dengan mengikuti langkah-langkah ini dan menggunakan kombinasi WooCommerce yang tepat, tema yang kompatibel, dan plugin mini cart, Anda dapat dengan mudah menambahkan mini cart AJAX ke situs web e-commerce WordPress Anda tanpa memerlukan pengkodean.

Buka Kunci Fitur Premium

Versi gratisnya memiliki fitur dasar yang diperlukan untuk menerapkan keranjang apung mini di situs Anda. Namun selalu merupakan keputusan yang lebih baik untuk meningkatkan ke versi Pro untuk memanfaatkan plugin sepenuhnya.

Mari kita lihat beberapa fitur versi Pro:

  • 15+ templat siap pakai untuk kemudahan impor
  • Opsi checkout Ajax di panel keranjang
  • 3 tata letak panel keranjang yang berbeda: Geser Masuk, Mengambang, Popup
  • Elemen tambahan untuk kustomisasi keranjang: Header, Produk Keranjang, Kupon, Bilah Pengiriman, Tombol, Item yang Disarankan
  • Ikon yang dapat disesuaikan untuk keranjang/tombol keranjang
  • 11 bentuk tombol keranjang yang berbeda
  • Berbagai animasi tombol keranjang, termasuk animasi hover dan idle
  • Animasi panel keranjang dan animasi masuk/keluar
  • Posisi tombol keranjang yang dapat disesuaikan
  • Kompatibilitas elemen dengan 15+ elemen Ajax Cart
  • Pengaturan impor/ekspor antar troli
  • Memicu panel keranjang dari elemen situs web yang berbeda menggunakan nama kelas
  • Pilihan untuk menyembunyikan keranjang troli saat troli kosong
  • Buka panel troli ketika produk ditambahkan ke troli
  • Tampilkan/sembunyikan dan sesuaikan bilah gulir yang mewah
  • Tampilkan kode kupon aktif dan formulir kupon
  • Konfigurasikan kolom tata letak kisi untuk item keranjang
  • Hapus semua item dari keranjang dengan satu tombol
  • Sesuaikan ikon dan teks saat keranjang kosong
  • Latar belakang Morfisme Kaca untuk tombol keranjang dan panel keranjang
  • Opsi CSS khusus untuk penataan gaya lebih lanjut

Gerobak apung Mini Ajax memiliki fitur yang minim dan Anda dapat tetap menggunakannya jika Anda puas. Namun, jika Anda membutuhkan lebih banyak fitur, Anda dapat meningkatkan ke versi premium untuk memanfaatkan plugin ini sebaik-baiknya.

Jadi, mengapa tidak meningkatkannya untuk membawa keranjang belanja Anda ke level selanjutnya? Klik tombol di bawah untuk melihat demo dan meningkatkan ke versi premium.

Beli Versi Premium