Cara Menambahkan Kereta Terapung WooCommerce ke WordPress dalam 3 Langkah Sederhana

Diterbitkan: 2023-04-09

Ingin memperlancar pengalaman berbelanja pelanggan Anda dan meningkatkan rasio konversi? Anda mungkin bertanya-tanya, tetapi menambahkan keranjang apung ke situs web WooCommerce Anda akan melakukan pekerjaan ini secara efektif!

Keranjang apung adalah widget kecil yang muncul di layar saat pelanggan menambahkan produk ke keranjang. Ini menampilkan tampilan yang ringkas namun terperinci dari isi keranjang mereka dan melanjutkan ke checkout tanpa memuat ulang seluruh halaman web.

Sekarang pertanyaannya adalah, “Bagaimana cara menambahkan WooCommerce Floating Cart ke WordPress?” Anda dapat menambahkan gerobak apung menggunakan widget keranjang terbang lengket ShopEngine hanya dengan mengikuti 3 langkah sederhana.

Mari kita lihat bagaimana Anda dapat menambahkan keranjang apung WooCommerce yang nyaman dan menarik secara visual menggunakan ShopEngine untuk menciptakan pengalaman berbelanja yang lebih menarik dan ramah pengguna bagi pelanggan Anda.

Isi disembunyikan
1 Cara Menambahkan Kereta Terapung WooCommerce ke WordPress – Panduan Langkah-demi-Langkah
1.1 Langkah 1: Pasang dan aktifkan plugin yang Diperlukan
1.2 Langkah 2: Aktifkan Widget Sticky Fly Cart dari ShopEngine
1.3 Langkah 3: Sesuaikan Pengaturan
1.4 Cara Menguji Kereta Apung Baru di Situs Web WooCommerce Anda
2 5 Manfaat Utama Menambahkan Sticky Fly Cart ShopEngine ke WordPress
2.1 1. Akses Mudah ke Troli
2.2 2. Daya Tarik Visual
2.3 3. Meningkatkan Penjualan
2.4 4. Daya Tanggap Perangkat
2.5 5. Meningkatkan Pengalaman Pengguna
3 FAQ
3.1 Apakah Perlu Menambahkan Kereta Terapung ke Situs Web E-Commerce Saya?
3.2 Bisakah Saya Menambahkan Kereta Terapung ke Halaman Web Tertentu menggunakan ShopEngine?
3.3 Apakah Gratis Menggunakan Widget Sticky Fly Cart dari ShopEngine?
4 Intinya

Cara Menambahkan Kereta Terapung WooCommerce ke WordPress – Panduan Langkah demi Langkah

Sekarang, saatnya menjelaskan langkah-langkah menambahkan keranjang apung WooCommerce ke WordPress. Dan cara termudah untuk menambahkan kereta apung ke toko WooCommerce Anda adalah dengan menggunakan widget keranjang terbang lengket dari ShopEngine.

ShopEngine adalah pembuat halaman WooCommerce lengkap untuk meningkatkan fungsionalitas toko online Anda. Anda dapat mendesain dan membangun seluruh toko Anda dengan semua fitur dan fungsionalitas yang diperlukan menggunakan template dan modul ShopEngien.

Diantaranya, widget sticky fly cart akan memungkinkan Anda menambahkan keranjang apung ke situs web Anda. Plus, itu akan membuat proses checkout lebih lancar bagi pelanggan Anda.

Selain itu, sangat mudah untuk diintegrasikan dengan situs web WordPress Anda dalam 3 langkah .

Mari kita mulai-

Langkah 1: Instal dan aktifkan plugin yang Diperlukan

Untuk menambahkan floating cart ke website WordPress Anda, prasyaratnya adalah menginstal 3 plugin berikut.

WooCommerce: Unduh WooCommerce
ShopEngine (Gratis): Unduh ShopEngine
ShopEngine Pro: Dapatkan ShopEngine Pro

Login ke dashboard WordPress Anda, lalu arahkan ke Plugins -> Add New . Setelah itu, cari WooCommerce dan aktifkan. WooCommerce adalah platform eCommerce sumber terbuka untuk membuat toko di WordPress. Ini gratis dan sepenuhnya dapat disesuaikan.

Selanjutnya, cari plugin ShopEngine dan instal. Setelah itu aktifkan lisensinya.

Plugin ShopEngine

Setelah Anda selesai dengan aktivasi, Anda dapat memanfaatkan fitur dan molekul yang paling menarik untuk merancang situs web WooCommerce yang cantik dan fungsional termasuk opsi keranjang apung.

Langkah 2: Aktifkan Widget Sticky Fly Cart dari ShopEngine

Secara default, widget sticky fly cart dimatikan. Jadi, sekarang, Anda harus mengaktifkan widget Sticky Fly Cart dari ShopEngine.

  • Arahkan kursor ke ShopEngine -> Klik Modul. Anda dapat melihat widget Sticky Fly Cart.
  • Klik ikon roda gigi (pengaturan) dan sidebar akan muncul. Nyalakan " Aktifkan Modul".
Aktifkan Sticky Fly Cart Widget dari ShopEngine

Fitur Utama Kereta Terbang Lengket

  • Tampilkan detail keranjang dengan setiap item
  • Tunjukkan jumlah subtotal
  • Dapat menambah atau menghapus item
  • Navigasi halaman keranjang
  • Lakukan operasi check-out

Langkah 3: Sesuaikan Pengaturan

Bagian terbaik dari kereta terbang lengket ini adalah banyaknya pilihan penyesuaian. Setelah mengaktifkan widget sticky fly cart, Anda dapat mengubah properti atau mempertahankan nilai default.

Sesuaikan Pengaturan

Berikut adalah opsi penyesuaian utama:

Aktifkan/nonaktifkan Animasi Terbang

Aktifkan opsi ini untuk menyetel animasi ke kereta terbang lengket ini atau nonaktifkan jika Anda tidak menyukai animasi.

Aktifkan/Nonaktifkan Ajax Add to Cart di Halaman Tunggal

Mengaktifkan opsi ini akan memungkinkan pelanggan menambahkan produk (tunggal atau variabel) tanpa memuat ulang seluruh situs.

Lihat juga – Cara Menambahkan Produk Variabel WooCommerce ke Situs Web Anda

Kecualikan Halaman

Jika Anda ingin mengecualikan halaman mana pun dari fitur ini, Anda dapat menambahkan halaman di kolom ini.

Laci Dari

Atur posisi fly cart di sisi kiri atau kanan.

Tombol Lengket dan Penghitung Tombol Lengket

Selanjutnya, Anda dapat melihat 2 opsi ini untuk menyesuaikan properti tombol tempel dan penghitung tombol tempel. Anda dapat menyesuaikan yang berikut ini:

  • Ukuran tombol dan ikon
  • Warna teks dan latar belakang
  • Posisi atas, kiri, kanan, dan bawah

Badan Gerobak

  • Sesuaikan warna dan tautkan warna hover
  • Mengubah warna latar belakang
  • Setel lebar dan padding bodi keranjang kustom

Tajuk Keranjang

  • Sesuaikan nilai padding

Item Keranjang

  • Ubah nilai padding (kiri, kanan, atas, bawah).
  • Sesuaikan lebar, jenis, dan warna batas bawah
  • Tetapkan ukuran font khusus

Tombol Keranjang

  • Sesuaikan nilai padding pembungkus
  • Setel padding tombol
  • Sesuaikan warna tombol, latar belakang
  • Setel warna latar belakang hover kustom

Setelah semua penyesuaian, klik Simpan Perubahan . Semua properti akan muncul di keranjang apung baru di situs web WordPress Anda.

Cara Menguji Kereta Apung Baru di Situs Web WooCommerce Anda

Untuk memastikan, Anda menambahkan kereta terbang lengket ke situs web Anda dan berfungsi dengan baik,

  • Buka halaman toko situs web WooCommerce Anda
  • Kereta apung akan muncul di posisi yang dipilih
  • Pilih satu atau beberapa produk dan tambahkan ke keranjang
  • Kemudian, uji semua fitur. Tambahkan, hapus, navigasikan halaman keranjang, dan periksa untuk memastikan semua fitur ini bekerja dengan sempurna.
Cara Menguji Kereta Apung Baru di Situs Web WooCommerce Anda

Ingin menambahkan sistem checkout multi-langkah ke toko WooCommerce Anda?
Lihat blog ini – Cara Menambahkan WooCommerce Multi-Step Checkout dalam 5 Langkah

5 Manfaat Utama Menambahkan Sticky Fly Cart ShopEngine ke WordPress

5 Manfaat Utama Menambahkan Keranjang Terapung ShopEngine ke WordPress

Fitur floating cart mungkin terlihat seperti perubahan kecil pada situs WordPress Anda. Tetapi menambahkan widget keranjang terbang lengket dari ShopEngine ke toko WooCommerce Anda akan membantu Anda dalam berbagai cara.

Berikut adalah 5 manfaat yang signifikan:

1. Akses Mudah ke Kereta

Dengan sticky fly cart ShopEngine, pelanggan dapat dengan mudah melihat semua detail konten keranjang mereka. Untuk akses yang mudah dan cepat, mereka dapat menambah, menghapus, atau memeriksa produk dengan lebih mudah.

Juga, mereka dapat melacak halaman keranjang tanpa menavigasi seluruh situs web. Akibatnya, ini akan mengurangi kemungkinan meninggalkan keranjang mereka karena kerumitan navigasi situs WooCommerce.

2. Daya Tarik Visual

Kereta terbang lengket ini menambah tampilan elegan dan profesional ke situs web Anda. Anda juga dapat menyesuaikan setiap elemen dan fiturnya untuk menciptakan tampilan yang paling kohesif.

Untuk daya tarik visual yang ramah pengguna, proses keranjang akan lebih menarik dan menarik bagi pelanggan.

3. Meningkatkan Penjualan

Ketika pelanggan Anda mendapatkan tampilan yang bagus dengan akses mudah ke konten keranjang, itu akan meningkatkan tingkat konversi dan penjualan.

Selain itu, ikon sticky fly cart dari ShopEngine ditempatkan di lokasi yang menonjol di halaman web. Akibatnya, ini mengingatkan pelanggan Anda tentang produk yang telah mereka tambahkan dan meningkatkan peluang penjualan potensial.

4. Daya Tanggap Perangkat

Selanjutnya, widget sticky fly cart ini sepenuhnya responsif perangkat termasuk pc, tab, atau smartphone. Jadi, pelanggan Anda akan mendapatkan pengalaman berbelanja yang mulus di perangkat apa pun yang mereka gunakan.

5. Tingkatkan Pengalaman Pengguna

Dalam hal akses yang mudah, desain yang menarik, daya tanggap perangkat, dan waktu pemuatan yang lebih sedikit, menambahkan keranjang terbang lengket ini ke situs web WooCommerce Anda akan meningkatkan pengalaman pengguna pelanggan Anda secara keseluruhan.

FAQ

Apakah Perlu Menambahkan Kereta Terapung ke Situs Web E-Commerce Saya?

Menambahkan keranjang apung ke toko WooCommerce Anda diperlukan untuk meningkatkan pengalaman pengguna dan meningkatkan tingkat konversi. Pengguna dapat melacak item keranjang mereka dan melakukan tindakan lain tanpa memuat seluruh situs web.

Bisakah Saya Menambahkan Kereta Terapung ke Halaman Web Tertentu menggunakan ShopEngine?

Ya, Anda dapat menambahkan keranjang apung ke halaman tertentu di situs web Anda. ShopEngine menawarkan opsi fleksibel untuk menyesuaikan penempatan keranjang apung di halaman mana pun. Anda juga dapat mengecualikan halaman dari opsi "Kecualikan halaman".

Apakah Gratis Menggunakan Widget Sticky Fly Cart dari ShopEngine?

ShopEngine menawarkan berbagai fitur gratis untuk mendesain toko WooCommerce Anda, tetapi widget sticky fly cart adalah fitur premium dari ShopEngine. Anda dapat menambahkan widget ini untuk membuat keranjang dan proses pembelian lebih lancar. Dan, kami dapat memastikan, Anda tidak akan menyesal menghabiskan widget ini untuk integrasi super mudah, fitur unggulan, dan berbagai opsi penyesuaian.

Periksa Paket Harga ShopEngine

Intinya

Waktu untuk menyelesaikan!

Lihat betapa mudahnya menambahkan kereta apung ke situs web WordPress Anda menggunakan widget kereta terbang lengket ShopEngine. Cukup ikuti 3 langkah sederhana dan Anda siap beraksi!

Ini menawarkan cara mudah untuk melihat dan memperbarui konten keranjang pelanggan Anda. Juga, ini akan membantu mendorong mereka untuk menyelesaikan pembelian mereka.

Jadi, mengapa Anda menunggu? Tambahkan keranjang terbang lengket ShopEngine ke situs web Anda dan buat lebih fleksibel dan ramah pengguna!