AgenWebsite Storekit (Penglaris Toko) adalah plugin WooCommerce lengkap yang menyediakan fitur-fitur peningkatan penjualan dan integrasi marketing untuk toko online Anda. Plugin ini mencakup 10 fitur WooCommerce dan 4 integrasi marketing yang dirancang untuk meningkatkan konversi, membangun kepercayaan pelanggan, dan mengoptimalkan strategi pemasaran Anda.
Fitur Utama
Plugin ini terbagi menjadi dua kategori utama:
Fitur WooCommerce (10 Fitur)
Fitur
Deskripsi
Tipe
Sales Notification
Popup notifikasi pembelian real-time untuk social proof
FREE
Trust Indicators
Indikator rating, review, dan jumlah penjualan
FREE
Sale Countdown
Timer countdown untuk produk diskon
FREE
Stock Progress
Progress bar stok produk untuk urgency
FREE
Cart Popup
Popup keranjang AJAX saat menambah produk
FREE
Infinite Scroll
Auto-load produk di halaman shop
FREE
Sticky Buttons
Tombol beli fixed di mobile
FREE
Marketplace Buttons
Link ke Tokopedia, Shopee, TikTok Shop, dll
FREE
Wishlist
Fitur simpan produk favorit
PRO
Variation Swatches
Variasi warna visual menggantikan dropdown
PRO
Integrasi Marketing (4 Integrasi)
Integrasi
Deskripsi
Meta Pixel
Facebook/Instagram tracking dengan dukungan Conversion API (CAPI)
Google Tag Manager
GTM container dan data layer untuk e-commerce
Google Analytics 4
GA4 e-commerce event tracking
Google Ads
Conversion tracking untuk pembelian
Persyaratan Sistem
PHP: 7.4 atau lebih tinggi
WordPress: 5.0 atau lebih tinggi
WooCommerce: 5.0 atau lebih tinggi
HPOS: Kompatibel penuh dengan High-Performance Order Storage
Instalasi Plugin
Langkah-Langkah Instalasi
Akses Dashboard WordPress
Login ke dashboard WordPress Anda
Navigasi ke menu Plugins > Add New
Upload Plugin
Klik tombol Upload Plugin di bagian atas
Pilih file agenwebsite-storekit.zip yang telah Anda unduh
Klik Install Now
Aktivasi Plugin
Setelah instalasi selesai, klik Activate Plugin
Plugin akan otomatis mengarahkan Anda ke Setup Wizard
Setup Wizard
Setelah aktivasi, plugin akan menampilkan Setup Wizard yang memandu Anda melalui 4 langkah konfigurasi awal.
Langkah 1: Welcome
Halaman selamat datang yang memperkenalkan fitur-fitur utama plugin. Klik Get Started untuk melanjutkan.
Langkah 2: Pilih Paket
Pilih paket yang sesuai kebutuhan Anda:
FREE — Akses ke 8 fitur dasar (Sales Notification, Trust Indicators, Sale Countdown, Stock Progress, Cart Popup, Infinite Scroll, Sticky Buttons, Marketplace Buttons)
PRO — Semua fitur FREE + Wishlist dan Variation Swatches. Membutuhkan lisensi aktif.
Langkah 3: Setup
Di langkah ini Anda dapat:
Memasukkan License Key (untuk pengguna PRO)
Memilih fitur-fitur yang ingin diaktifkan
Langkah 4: Finish
Wizard selesai. Anda akan diarahkan ke halaman pengaturan plugin untuk konfigurasi detail masing-masing fitur.
Aktivasi Lisensi
Untuk mengakses fitur PRO (Wishlist dan Variation Swatches), Anda perlu mengaktivasi lisensi.
Status akan berubah menjadi LICENSE ACTIVE berwarna hijau jika berhasil
Setelah lisensi aktif, Anda akan melihat informasi:
License Key — Kunci lisensi Anda (tersembunyi sebagian)
Status — LICENSE ACTIVE
Domain — Domain website yang terdaftar
Untuk menonaktifkan lisensi (misalnya untuk pindah domain), klik tombol Deactivate.
Navigasi Pengaturan
Halaman pengaturan plugin dapat diakses melalui menu Penglaris Toko di sidebar WordPress. Halaman ini terbagi menjadi 3 bagian utama melalui navigasi atas:
WooCommerce — Pengaturan 10 fitur WooCommerce dengan sidebar kiri untuk navigasi antar fitur
Mengaktifkan atau menonaktifkan fitur Sales Notification
Nonaktif
Position
Posisi popup di layar. Pilihan: Bottom Left, Bottom Right, Top Left, Top Right
Bottom Left
Initial Delay (seconds)
Waktu tunggu sebelum popup pertama muncul setelah halaman dibuka
5 detik
Display Duration (seconds)
Berapa lama setiap popup ditampilkan
5 detik
Interval (seconds)
Jeda waktu antar popup notifikasi
10 detik
Max Orders to Show
Jumlah maksimal pesanan yang ditampilkan dalam antrian (1–50)
10
Mask Customer Name
Menyembunyikan sebagian nama pelanggan untuk privasi (contoh: “J**n D.”)
Aktif
Notification Text — Line 1
Template teks baris pertama. Placeholder: {name}, {city}
{name} from {city}
Notification Text — Line 2
Template teks baris kedua. Placeholder: {product}
just purchased {product}
Background Color
Warna latar belakang popup
#ffffff (putih)
Notification Cache
Tombol untuk membersihkan cache data pesanan dan me-regenerate dari pesanan terbaru
—
Virtual Orders (Pesanan Virtual)
Fitur ini sangat berguna untuk toko baru yang belum memiliki pesanan nyata. Virtual Orders akan menampilkan notifikasi palsu dengan nama dan kota yang Anda tentukan sendiri, sehingga toko Anda tetap terlihat ramai.
Catatan: Notifikasi virtual hanya ditampilkan ketika tidak ada pesanan nyata di toko Anda. Begitu pesanan nyata mulai masuk, sistem akan otomatis menggunakan data pesanan asli.
Pengaturan
Deskripsi
Enable Virtual Orders
Mengaktifkan notifikasi virtual saat tidak ada pesanan nyata
Customer Names
Daftar nama pelanggan virtual (satu nama per baris). Contoh: Budi Santoso, Siti Nurhaliza, dll.
Customer Cities
Daftar kota virtual (satu kota per baris). Contoh: Jakarta, Surabaya, Bandung, dll.
Sistem akan mengacak kombinasi nama, kota, dan produk dari toko Anda untuk menghasilkan notifikasi yang terlihat natural.
Cara Kerja
Plugin mengambil data pesanan terbaru dari WooCommerce dan menyimpannya dalam cache
Saat pengunjung membuka halaman, popup muncul setelah Initial Delay
Setiap popup ditampilkan selama Display Duration
Popup berikutnya muncul setelah Interval
Jika pengunjung mengklik popup, mereka akan diarahkan ke halaman produk
2. Trust Indicators
Tipe: FREE
Tujuan: Menampilkan indikator kepercayaan berupa rating bintang, jumlah review, dan total penjualan di halaman produk untuk meningkatkan keyakinan pembeli.
Tampilan di Frontend
Trust Indicators muncul di bawah harga produk pada halaman detail produk. Indikator menampilkan hingga 3 informasi:
Star Rating — Rating bintang produk berdasarkan review
Review Count — Jumlah total review
Sales Count — Jumlah total penjualan (contoh: “15 Sold”)
Angka ditampilkan dengan format singkat: 1.000 menjadi 1K, 1.000.000 menjadi 1M.
Tampilkan juga di halaman shop dan kategori (tidak hanya di halaman detail produk)
Nonaktif
Icon Color
Warna ikon indikator
#f59e0b (kuning/amber)
Pengaruh di Frontend
Halaman Produk: Muncul tepat di bawah harga produk dengan ikon berwarna
Halaman Shop/Kategori: Jika opsi “Show in Shop Loop” diaktifkan, indikator juga akan muncul di setiap kartu produk pada grid toko
3. Sale Countdown
Tipe: FREE
Tujuan: Menampilkan timer countdown pada produk yang sedang diskon dengan tanggal akhir, menciptakan urgensi agar pelanggan segera membeli.
Tampilan di Frontend
Countdown timer akan muncul di halaman detail produk hanya pada produk yang sedang Sale dan memiliki tanggal akhir diskon. Timer menampilkan hitungan mundur real-time dengan format:
Days — Sisa hari
Hours — Sisa jam
Minutes — Sisa menit
Seconds — Sisa detik (bergerak real-time)
Konfigurasi
Akses: Penglaris Toko > WooCommerce > Sale Countdown
Pengaturan
Deskripsi
Default
Enable Feature
Mengaktifkan fitur Sale Countdown
Nonaktif
Countdown Text
Teks yang ditampilkan sebelum timer countdown
Sale ends in:
Background Color
Warna latar belakang bar countdown
#ef4444 (merah)
Text Color
Warna teks dan angka timer
#ffffff (putih)
Cara Mengatur Diskon dengan Tanggal Akhir
Agar countdown timer muncul, pastikan produk Anda memiliki Sale Price dengan Schedule di WooCommerce:
Edit produk di Products > All Products
Di tab General, isi Sale Price
Klik Schedule dan atur tanggal mulai dan akhir diskon
Simpan produk
Catatan: Timer hanya muncul jika tanggal akhir diskon masih di masa depan. Jika diskon sudah berakhir, timer tidak akan ditampilkan.
4. Stock Progress
Tipe: FREE
Tujuan: Menampilkan progress bar level stok produk untuk menciptakan urgensi pembelian ketika stok menipis.
Tampilan di Frontend
Progress bar muncul di halaman detail produk menampilkan:
Teks status stok (contoh: “Only 5 left in stock!”)
Bar visual yang menunjukkan persentase stok tersisa
Catatan: Progress bar hanya muncul pada produk yang:
Memiliki manajemen stok aktif (Stock Management enabled)
Progress bar hanya muncul ketika stok di bawah angka ini
20
Initial Stock
Angka stok awal untuk kalkulasi persentase. Formula: (stok saat ini / initial stock) × 100%
100
Progress Bar Color
Warna bar progress
#ef4444 (merah)
Text Template
Template teks status. Gunakan {stock} untuk menampilkan angka stok
Only {stock} left in stock!
Contoh Kalkulasi
Jika Initial Stock = 100 dan stok saat ini = 15:
Persentase: (15 / 100) × 100% = 15%
Teks: “Only 15 left in stock!”
Bar akan terisi 15% dari total lebar
5. Wishlist
Tipe: PRO (membutuhkan lisensi aktif)
Tujuan: Memungkinkan pelanggan menyimpan produk favorit untuk dilihat nanti, meningkatkan engagement dan potensi pembelian berulang.
Tampilan di Frontend
Fitur Wishlist menampilkan dua elemen utama:
Tombol Wishlist — Muncul di bawah tombol “Add to Cart” pada halaman produk, dengan ikon hati (heart) dan teks kustomisasi
Halaman Wishlist — Halaman khusus yang menampilkan semua produk yang disimpan pelanggan, menggunakan shortcode
Your wishlist is empty.
Cara Kerja
Pengunjung tamu (guest): Wishlist disimpan di cookie browser selama 30 hari
Pengguna login: Wishlist disimpan di user meta database
Sinkronisasi otomatis: Ketika pengunjung tamu login, wishlist dari cookie otomatis digabungkan (merge) dengan data di database
AJAX toggle: Menambah/menghapus produk dari wishlist tanpa reload halaman
Konfigurasi
Akses: Penglaris Toko > WooCommerce > Wishlist
Pengaturan
Deskripsi
Default
Enable Feature
Mengaktifkan fitur Wishlist
Nonaktif
Add to Wishlist Text
Teks tombol saat produk belum ada di wishlist
Add to Wishlist
Remove from Wishlist Text
Teks tombol saat produk sudah ada di wishlist
Remove from Wishlist
Icon Color
Warna ikon hati
#ef4444 (merah)
Wishlist Page ID
ID halaman WordPress yang berisi shortcode
Your wishlist is empty.
0
Membuat Halaman Wishlist
Buat halaman baru di Pages > Add New
Beri judul “Wishlist” atau sesuai keinginan
Tambahkan shortcode
Your wishlist is empty.
di konten halaman
Publish halaman
Catat Page ID dari halaman tersebut
Masukkan Page ID di pengaturan Wishlist Page ID
6. Variation Swatches
Tipe: PRO (membutuhkan lisensi aktif)
Tujuan: Mengubah dropdown variasi warna menjadi swatch visual (bulatan warna) yang lebih menarik dan mudah dipilih pelanggan.
Tampilan di Frontend
Dropdown variasi warna pada produk variabel akan diubah menjadi swatch visual berupa bulatan, kotak, atau rounded yang menampilkan warna sesungguhnya. Pelanggan cukup klik swatch untuk memilih variasi.
Bentuk swatch. Pilihan: Circle (bulat), Square (kotak), Rounded (kotak dengan sudut bulat)
Circle
Swatch Size (px)
Ukuran swatch dalam piksel (20–60)
32
Mengatur Warna Swatch per Atribut
Plugin secara otomatis mendeteksi atribut warna (mengandung kata “color” atau “warna”) dan menebak warna berdasarkan nama. Untuk warna kustom:
Buka Products > Attributes > Color
Edit term warna yang diinginkan
Isi field Swatch Color dengan kode warna hex
Simpan
Warna yang dikenali otomatis: hitam, putih, merah, biru, hijau, kuning, oranye, pink, ungu, coklat, abu-abu, navy (dalam bahasa Indonesia dan Inggris).
7. Cart Popup
Tipe: FREE
Tujuan: Menampilkan popup keranjang belanja saat pelanggan menambahkan produk ke cart, tanpa meninggalkan halaman.
Tampilan di Frontend
Ketika pelanggan mengklik “Add to Cart”, popup akan muncul menampilkan:
Daftar produk di keranjang dengan gambar, nama, kuantitas, dan harga
Subtotal keranjang
Tombol “View Cart” dan “Checkout”
Tombol hapus item dari keranjang
Konfigurasi
Akses: Penglaris Toko > WooCommerce > Cart Popup
Pengaturan
Deskripsi
Default
Enable Feature
Mengaktifkan fitur Cart Popup
Nonaktif
Popup Position
Posisi popup. Pilihan: Slide from Right (drawer dari kanan) atau Center Modal (modal di tengah layar)
Slide from Right
Auto Close (seconds)
Waktu otomatis menutup popup. Set 0 untuk menonaktifkan auto close
0 (nonaktif)
8. Infinite Scroll
Tipe: FREE
Tujuan: Memuat produk berikutnya secara otomatis saat pengunjung scroll ke bawah halaman shop, menggantikan navigasi pagination tradisional.
Tampilan di Frontend
Fitur ini hanya aktif di halaman Shop, Category, dan Tag. Saat pengunjung scroll mendekati bagian bawah halaman:
Loading spinner muncul di bawah produk terakhir
Produk dari halaman berikutnya dimuat dan ditambahkan ke grid
Proses berlanjut sampai semua produk ditampilkan
Pesan “No more products” muncul saat sudah mencapai akhir
Jarak dari bawah halaman (dalam piksel) untuk memicu pemuatan produk berikutnya. Semakin besar angka, semakin cepat produk dimuat sebelum pengunjung sampai di bawah
Tipe: FREE
Tujuan: Menampilkan bar fixed di bagian bawah layar pada perangkat mobile yang menampilkan harga dan tombol “Add to Cart”, sehingga pelanggan bisa langsung membeli tanpa harus scroll ke atas.
Tampilan di Frontend (Mobile)
Sticky bar muncul di bagian bawah layar hanya pada halaman detail produk dan hanya pada perangkat mobile. Bar menampilkan:
Harga produk (opsional)
Tombol “Add to Cart” untuk produk simple
Tombol “Select Options” untuk produk variabel (scroll ke form variasi saat diklik)
Tipe: FREE
Tujuan: Menampilkan tombol link ke marketplace Indonesia (Tokopedia, Shopee, TikTok Shop, Lazada, Blibli) di halaman produk, memudahkan pelanggan memilih platform pembelian.
Tampilan di Frontend
Tombol marketplace muncul di bawah tombol “Add to Cart” pada halaman detail produk. Setiap tombol memiliki warna brand masing-masing marketplace:
Tokopedia — Hijau (#42b549)
Shopee — Oranye/Merah (#ee4d2d)
TikTok Shop — Hitam (#000000)
Lazada — Biru Tua (#0f146d)
Blibli — Biru (#0095da)
Tombol hanya muncul untuk marketplace yang URL-nya sudah diisi di produk tersebut.
Konfigurasi Global
Akses: Penglaris Toko > WooCommerce > Marketplace
Pengaturan
Deskripsi
Default
Enable Feature
Mengaktifkan fitur Marketplace Buttons
Nonaktif
Section Title
Judul yang ditampilkan di atas tombol marketplace
Also available on:
Button Style
Gaya tampilan tombol. Pilihan: Icon + Text, Icon Only, Text Only
Icon + Text
Mengisi URL Marketplace per Produk
URL marketplace diatur per produk melalui editor WooCommerce:
Edit produk di Products > All Products
Scroll ke bawah ke bagian Product Data
Cari tab/section Marketplace Links
Isi URL untuk setiap marketplace yang tersedia:
Tokopedia URL — Link ke produk di Tokopedia
Shopee URL — Link ke produk di Shopee
TikTok Shop URL — Link ke produk di TikTok Shop
Lazada URL — Link ke produk di Lazada
Blibli URL — Link ke produk di Blibli
Simpan produk
Catatan: Hanya marketplace yang URL-nya sudah diisi yang akan ditampilkan. Jika sebuah produk hanya dijual di Tokopedia dan Shopee, maka hanya kedua tombol tersebut yang muncul.
Integrasi Marketing
AgenWebsite Storekit menyediakan 4 integrasi marketing yang membantu Anda melacak perilaku pengunjung dan mengoptimalkan kampanye iklan. Semua integrasi dapat diakses melalui tab Integrations di halaman pengaturan.
1. Meta Pixel (Facebook/Instagram)
Tujuan: Melacak aktivitas pengunjung dari Facebook dan Instagram Ads, termasuk dukungan Conversion API (CAPI) untuk tracking server-side yang lebih akurat.
Tujuan: Memasang container GTM dan menyediakan data layer e-commerce untuk pengelolaan tag yang fleksibel.
Data Layer yang Disediakan
pageType — Tipe halaman saat ini (home, product, category, cart, checkout, thank_you, shop, other)
siteName — Nama website
view_item — Event saat halaman produk dibuka
purchase — Event saat pesanan berhasil di halaman terima kasih
Konfigurasi
Akses: Penglaris Toko > Integrations > Google Tag Manager
Pengaturan
Deskripsi
Enable Google Tag Manager
Mengaktifkan GTM tracking
Container ID
GTM Container ID Anda dengan format GTM-XXXXXXX
3. Google Analytics 4
Tujuan: Melacak event e-commerce GA4 secara native tanpa memerlukan Google Tag Manager.
Event yang Dilacak
Event
Kapan Dikirim
view_item
Halaman produk dibuka
add_to_cart
Produk ditambahkan ke keranjang
purchase
Pesanan berhasil (halaman terima kasih)
Konfigurasi
Akses: Penglaris Toko > Integrations > Google Analytics
Pengaturan
Deskripsi
Enable Google Analytics 4
Mengaktifkan GA4 tracking
Measurement ID
GA4 Measurement ID Anda dengan format G-XXXXXXXXXX. Dapatkan dari Google Analytics > Admin > Data Streams
Catatan: Jika Anda sudah menggunakan Google Tag Manager, Anda tidak perlu mengaktifkan GA4 secara terpisah di sini karena GA4 dapat dikonfigurasi melalui GTM.
4. Google Ads
Tujuan: Melacak konversi pembelian dari kampanye Google Ads untuk optimasi bidding dan ROAS.
Event yang Dilacak
Google Ads hanya melacak satu event: conversion (pembelian) yang dikirim pada halaman terima kasih setelah pesanan berhasil. Data yang dikirim:
value — Total pesanan
currency — Mata uang
transaction_id — Nomor pesanan
Konfigurasi
Akses: Penglaris Toko > Integrations > Google Ads
Pengaturan
Deskripsi
Enable Google Ads
Mengaktifkan Google Ads conversion tracking
Conversion ID
Google Ads Conversion ID dengan format AW-XXXXXXXXX
Buat atau pilih conversion action untuk “Purchase”
Di bagian setup tag, pilih Install the tag yourself
Salin Conversion ID dan Conversion Label
Catatan: Kedua field (Conversion ID dan Conversion Label) harus diisi agar tracking berfungsi.
Pencegahan Duplikat Tracking
Semua integrasi marketing memiliki mekanisme pencegahan tracking duplikat. Setiap kali event purchase dikirim, plugin menyimpan flag di order meta:
_aws_metapixel_tracked — Meta Pixel
_aws_gtm_tracked — Google Tag Manager
_aws_ga4_tracked — Google Analytics 4
_aws_gads_tracked — Google Ads
Jika pelanggan me-refresh halaman terima kasih, event purchase tidak akan dikirim ulang.
FAQ (Pertanyaan Umum)
Umum
Q: Apakah plugin ini kompatibel dengan tema saya?
A: Ya, AgenWebsite Storekit dirancang untuk bekerja dengan semua tema WooCommerce yang mengikuti standar WooCommerce hooks.
Q: Apakah plugin ini mempengaruhi kecepatan website?
A: Tidak signifikan. CSS dan JavaScript hanya dimuat di halaman yang membutuhkan. Sales Notification menggunakan sistem cache untuk mengurangi query database.
Q: Bisakah saya menggunakan beberapa fitur sekaligus?
A: Ya, semua fitur dapat diaktifkan secara bersamaan tanpa konflik.
Lisensi
Q: Fitur apa saja yang membutuhkan lisensi PRO?
A: Hanya Wishlist dan Variation Swatches yang membutuhkan lisensi PRO aktif. 8 fitur lainnya dan semua integrasi marketing tersedia gratis.
Q: Bagaimana cara memindahkan lisensi ke domain baru?
A: Klik Deactivate di tab License pada domain lama, lalu aktivasi dengan license key yang sama di domain baru.
Fitur
Q: Sales Notification tidak muncul, kenapa?
A: Pastikan: (1) Fitur diaktifkan di pengaturan, (2) Toko memiliki pesanan yang sudah selesai, atau (3) Aktifkan Virtual Orders jika toko masih baru. Coba juga klik “Clear Cache” di pengaturan Sales Notification.
Q: Sale Countdown tidak muncul pada produk diskon saya?
A: Countdown hanya muncul pada produk dengan Sale Schedule (tanggal akhir diskon) yang masih aktif. Pastikan Anda telah mengatur jadwal diskon di editor produk WooCommerce.
Q: Variation Swatches tidak muncul pada produk variabel saya?
A: Pastikan: (1) Lisensi PRO aktif, (2) Atribut produk mengandung kata “color” atau “warna” dalam namanya, (3) Produk menggunakan global attributes (bukan custom product attributes).
Dukungan & Bantuan
Jika Anda membutuhkan bantuan atau menemukan masalah:
Instalasi Plugin Langkah 1: Mengunduh Plugin Kunjungi halaman akun AgenWebsite di https://www.agenwebsite.com/account Unduh file plugin AgenWebsite Payments dalam format .zip Langkah 2: Mengunggah Plugin ke WordPress Masuk ke Dashboard WordPress…
Instalasi Plugin Langkah-Langkah Instalasi Aktivasi Lisensi Tujuan Aktivasi Lisensi Aktivasi lisensi diperlukan untuk mengaktifkan seluruh fitur premium plugin, termasuk pengiriman international, kurir instant, asuransi, tracking, dan fitur-fitur lanjutan lainnya. Langkah-Langkah…
Instalasi Plugin Langkah 1: Unduh dan Pasang Plugin Masuk ke Dashboard WordPress Anda Navigasi ke Plugins > Add New (Plugin > Tambah Baru) Klik tombol Upload Plugin di bagian atas…
