Cara Mengatasi Keranjang Belanja WooCommerce Kosong Sendiri Saat Checkout: Solusi Cache cPanel & LiteSpeed

Bayangkan skenario ini: seorang calon pembeli sudah memilih tiga produk di toko online Anda, menekan tombol checkout dengan antusias, tetapi saat halaman kasir terbuka, muncul pesan mengecewakan: “Keranjang belanja Anda saat ini kosong.” Pembeli bingung, merasa website Anda rusak, dan akhirnya membatalkan transaksi untuk berpindah ke marketplace kompetitor.

Masalah keranjang belanja WooCommerce yang tiba-tiba kosong sendiri (cart empties on refresh) adalah salah satu mimpi buruk terbesar pemilik toko online berbasis WordPress di Indonesia.

Kabar baiknya: produk Anda tidak hilang dan database Anda tidak rusak. Dalam 95 persen kasus yang kami tangani di klien antond.net, biang kerok utamanya adalah konfigurasi caching server yang terlalu agresif di cPanel atau plugin LiteSpeed Cache yang secara keliru menyimpan halaman dinamis milik pembeli ke dalam memori cache statis.

Panduan teknis ini akan memandu Anda langkah demi langkah mengatasi masalah ini langsung dari cPanel dan dashboard WordPress tanpa merusak fungsionalitas website Anda.

Mengapa Keranjang Belanja WooCommerce Bisa Tiba-Tiba Kosong?

WooCommerce mengandalkan cookie browser dan sesi PHP dinamis untuk mengingat barang apa saja yang dimasukkan oleh masing-masing pengunjung. Cookie penting ini meliputi woocommerce_items_in_cart, woocommerce_cart_hash, dan wp_woocommerce_session_*.

Ketika Anda memasang sistem cache seperti LiteSpeed Cache, Nginx fastcgi cache, atau WP Rocket di hosting cPanel, sistem bertujuan mempercepat loading web dengan cara menyimpan halaman HTML statis.

Jika sistem cache tersebut tidak dikecualikan secara benar, server akan menyajikan halaman statis kosong kepada pembeli baru, atau menimpa sesi belanja pembeli A dengan sesi milik pembeli B. Akibatnya, setiap kali halaman di-refresh atau pembeli berpindah ke halaman checkout, keranjang belanja langsung ter-reset menjadi kosong.

Langkah 1: Kecualikan Halaman Kritis WooCommerce dari Cache LiteSpeed

Jika hosting cPanel Anda menggunakan web server LiteSpeed (sangat umum di penyedia hosting Indonesia) dan Anda memasang plugin LiteSpeed Cache, ikuti langkah berikut:

• Masuk ke dashboard admin WordPress Anda.
• Buka menu LiteSpeed Cache → pilih tab Page Optimization atau Cache.
• Klik submenu Excludes (Pengecualian).
• Pada kolom Do Not Cache URIs, pastikan URL berikut sudah terdaftar:
• “`text
• /cart/
• /checkout/
• /my-account/
• /keranjang/
• /pembayaran/
• “`
• (Sesuaikan slug dengan bahasa yang digunakan di website toko online Anda).
• Gulir ke bawah ke bagian Do Not Cache Cookies, lalu masukkan nilai cookie berikut:
• “`text
• woocommerce_items_in_cart
• woocommerce_cart_hash
• wp_woocommerce_session_
• “`
• Klik tombol Save Changes, lalu klik tombol Purge All di menu bar atas admin.

Langkah 2: Tambahkan Aturan Bypass Cache pada Berkas .htaccess

Jika Anda menggunakan hosting cPanel berbasis Apache atau LiteSpeed dan ingin memastikan server tidak pernah meng-cache halaman keranjang belanja di tingkat web server, Anda bisa menambahkan aturan langsung di berkas .htaccess.

• Login ke akun cPanel hosting Anda.
• Buka menu File Manager → masuk ke direktori public_html.
• Klik menu Settings di pojok kanan atas, lalu centang Show Hidden Files (dotfiles) agar berkas .htaccess terlihat.
• Klik kanan pada .htaccess dan pilih Edit.
• Tambahkan baris kode proteksi berikut di bagian paling atas berkas sebelum blok # BEGIN WordPress:

# Bypass cache untuk halaman dinamis WooCommerce
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{REQUEST_URI} ^/(cart|checkout|my-account|keranjang|pembayaran) [NC]
    RewriteRule .* - [E=Cache-Control:no-cache]
</IfModule>

Aturan di atas memaksa web server mengirim header no-cache setiap kali pengunjung membuka halaman keranjang, kasir, atau akun pelanggan, sehingga data belanjaan tetap tersimpan utuh di sesi browser.

Berikut adalah tabel diagnosa penyebab keranjang WooCommerce kosong dan tindakan perbaikannya:

Langkah 3: Bersihkan Sesi dan Transients yang Korup di WooCommerce

Kadang kala, tabel transients di database WordPress menumpuk dan menyebabkan sesi belanja baru gagal dibuat. Anda bisa membersihkannya secara aman langsung dari dalam WordPress tanpa perlu menyentuh basis data MySQL:

• Di dashboard admin WordPress, buka menu WooCommerce → klik Status.
• Pilih tab Tools di bagian atas.
• Cari opsi WooCommerce transients → klik tombol Clear transients.
• Cari opsi Clear customer sessions → klik tombol Clear.
• Uji coba kembali toko online Anda menggunakan mode Incognito / Jendela Pribadi di browser untuk memastikan keranjang belanja sekarang menyimpan barang secara normal.

Langkah 4: Periksa Konsistensi URL Domain (HTTP vs HTTPS & WWW)

Penyebab sepele yang sering terlewatkan adalah perbedaan URL antara pengaturan WordPress dan protokol SSL. Jika toko online Anda diakses lewat https://tokosaya.com tetapi tombol keranjang belanja mengirimkan request AJAX ke https://www.tokosaya.com, browser modern akan memblokir cookie sesi karena aturan keamanan lintas domain.

Pastikan di menu Pengaturan → Umum, kedua kolom WordPress Address (URL) dan Site Address (URL) menggunakan format yang persis sama, diawali dengan https:// dan tidak memiliki perbedaan penulisan www.

—

Mengelola toko online yang menghasilkan penjualan aktif membutuhkan infrastruktur web yang stabil dan bebas gangguan teknis. Jika keranjang belanja WooCommerce Anda masih sering bermasalah, loading website lambat saat checkout, atau Anda membutuhkan optimasi performa toko online agar konversi penjualan meningkat, tim spesialis web antond.net siap membantu. Kami menyediakan layanan audit teknis, pemeliharaan rutin, dan perbaikan tuntas untuk website bisnis dan UMKM di seluruh Indonesia. Hubungi kami untuk konsultasi langsung mengenai website bisnis Anda.