Bab 3 · Pengalaman Belanja

Cart Popup

Menampilkan popup keranjang (slide/modal) secara AJAX saat pelanggan menambahkan produk ke keranjang.

  • 1 menit baca
  • 4 bagian
  • Diperbarui 8 Jun 2026
Di halaman ini 4 bagian
  1. Tampilan Halaman Pengaturan
  2. Cara Mengaktifkan
  3. Konfigurasi
  4. Tampilan di Frontend

Tujuan: Menampilkan popup keranjang (slide/modal) secara AJAX saat pelanggan menambahkan produk ke keranjang.

Tampilan Halaman Pengaturan

Pengaturan Cart Popup — AgenWebsite Storekit

Cara Mengaktifkan

Buka Dashboard WordPress > AgenWebsite > Storekit, pilih tab WooCommerce, lalu menu Cart Popup di sidebar.

  1. Centang Enable Feature.
  2. Pilih posisi & auto-close, lalu simpan.

Konfigurasi

PengaturanDefaultKeterangan
Popup PositionSlide from RightPosisi popup: geser dari kanan atau modal tengah.
Auto Close (seconds)0Tutup otomatis setelah sekian detik (0 = tidak menutup otomatis).

Tampilan di Frontend

Tampilan Cart Popup di sisi pelanggan
Tampilan Cart Popup di sisi pelanggan (frontend).

Saat produk ditambahkan via AJAX, popup terbuka menampilkan isi keranjang, subtotal, serta tombol View Cart dan Checkout. Konten diperbarui otomatis (cart fragments).

⚠️ Catatan: Cart Popup terpicu oleh event AJAX add to cart klasik WooCommerce. Pada tema berbasis WooCommerce Blocks (tombol “Add to cart” dari blok Product Collection), event ini tidak terpicu sehingga popup mungkin tidak terbuka. Untuk hasil optimal, gunakan tampilan shop/arsip klasik WooCommerce.

Apakah halaman ini menjawab pertanyaan Anda? Jawaban Anda membantu kami memperbaiki panduan ini.

Lainnya di bab "Pengalaman Belanja"

  1. 13 Wishlist Memungkinkan pelanggan menyimpan produk favorit untuk dibeli kemudian.
  2. 15 Infinite Scroll Memuat produk berikutnya secara otomatis saat pengunjung menggulir halaman shop (tanpa klik halaman).
  3. 16 Sticky Buttons Menampilkan bilah “Add to Cart” yang menempel di bawah layar mobile agar tombol beli selalu terjangkau.
  4. 17 Google Login Memungkinkan pelanggan login/registrasi menggunakan akun Google (OAuth) untuk mempercepat proses masuk.
Masih butuh bantuan?

Belum ketemu jawabannya?

Tanyakan ke asisten AI kami soal pengaturan plugin, error, lisensi, atau saldo: dijawab langsung. Kalau masih buntu, tim support siap membantu lewat WhatsApp.

Chat tim support

Atau lewat halaman kontak.