Bump Offer

Menawarkan produk tambahan satu-klik langsung di halaman checkout — tanpa redirect, tanpa mengisi ulang data.

Bump offer adalah penawaran tambahan yang tampil di halaman checkout — pembeli cukup centang satu checkbox untuk menambahkannya ke pesanan, tanpa mengisi ulang data, tanpa pindah halaman. Centang lagi untuk membatalkan.

Satu Kontrol, Dua Arah

Kartu bump memakai checkbox Semantic UI inline (bukan tombol). Satu kontrol, dua arah:

  • Centang → baris produk bump masuk tabel Detail Pesanan + total ter-update.
  • Hilangkan centang → baris hilang, total kembali seperti semula.

State selalu terbaca dari checkbox-nya sendiri — konsisten di semua permukaan (halaman native, offcanvas buy-now, dan /checkout).

Dua Jenis Bump

1. Bump Per Produk

Diaktifkan di tab Commerce editor produk → Bump Offers:

  • Bump products — pilih produk yang ditawarkan (digital maupun fisik, dengan label tipe). Bump hanya tampil jika produk pemicu ada di keranjang.
  • Custom price — harga khusus untuk penawaran (kosongkan untuk harga normal).
  • Marketing description — teks penjualan singkat (mendukung HTML inline).
  • Button text — teks label accept.

2. Bump Global

Diaktifkan di Advanced Settings → Bump Offers:

  • Enable global bump offer — tampilkan penawaran di semua checkout Commerce.
  • Global bump product — produk yang ditawarkan.
  • Custom bump price — opsional.

Bump fisik beda origin

Bump fisik tidak harus satu gudang dengan produk utamanya. Saat bump diterima, kutipan ongkir diulang dari keranjang terkini — produk bump dari origin berbeda membentuk paket terpisah dengan grup origin dan pilihan kurirnya sendiri, di semua permukaan checkout (native, offcanvas, dan halaman checkout Commerce). Pembeli memilih kurir untuk tiap paket, dan seluruh pilihan per paket ikut dalam order. Melepas bump menghapus paket tersebut dari kutipan.

Bump di Halaman Checkout Native

Untuk produk yang tetap memakai checkout native Sejoli (/product/{slug}), bump Commerce bisa ditawarkan tanpa mengubah funnel Anda:

  • Aktifkan tab Commerce editor produk → Bump Offers → Show bump offer on native checkout page (first applicable offer only).
  • Yang tampil di halaman native hanya satu penawaran: bump dengan prioritas tertinggi — bump per produk lebih dulu, baru bump global.
  • Bump lain tidak hilang — begitu pembeli berpindah ke checkout Commerce, seluruh bump yang berlaku tetap ditawarkan.
  • Penawaran tampil sebagai kartu kuning (aksen sama dengan checkout Commerce).

Urutan Seksi Halaman Native

FisikDigital
Hero produkTabel produk dibeli
★ Bump★ Bump
Kode DiskonInformasi Pelanggan
Informasi PelangganMetode Pembayaran
Tujuan PengirimanTotal + Submit
Layanan Pengiriman
Metode Pengiriman
Metode Pembayaran
Total + Submit

Perilaku per Kombinasi Produk

MainBumpPerilaku
DigitalDigitalIn-place — baris bump masuk tabel, total di-preview Commerce, submit di halaman yang sama.
FisikFisikIn-place — form tujuan core tetap dipakai; kutipan paket Commerce per gudang; kurir core ter-auto-map; baris Biaya Pengiriman dari preview.
FisikDigitalIn-place — bump digital masuk tanpa ongkir, hanya main fisik yang dikutip.
DigitalFisikRedirect ke /checkout — halaman digital tidak punya form tujuan; checkout Commerce menyediakan form lengkap.

Pra-Tujuan (Fisik)

Menambahkan bump sebelum mengisi tujuan pengiriman tetap berfungsi — baris bump + total akurat langsung tampil (tanpa ongkir). Setelah tujuan diisi, ongkir otomatis menyusul. Intent accept tidak pernah tersandung oleh status ongkir.

Kupon di Kartu Bump

  • Auto-apply: kupon terpasang otomatis saat pembeli berhenti mengetik (1 detik, paritas core).
  • Kartu bump ikut mencoret harga — harga pra-kupon dicoret, final price tampil, label hemat muncul.
  • Kupon hanya berlaku bila produk bump berada dalam scope-nya.

Akun Buyer

Mengikuti setting Tampilan produk di core Sejoli:

  • Isian email aktif → core merender field email → Commerce membuat akun buyer.
  • Isian email nonaktif + fisik → Commerce menangani guest checkout tanpa akun (policy allow_no_email).
  • Digital → akun wajib (untuk akses member); template digital sudah menampilkan email/login.

Bump di Buy-Now Offcanvas

Offcanvas buy-now (di halaman detail Commerce) juga selesai in-place:

  • Urutan: Detail Pesanan → Informasi Pelanggan → Bump → Kupon → Metode Pembayaran (accordion) → Total.
  • Gateway accordion: button menampilkan metode terpilih; expand = semua radio (ui list SUI).
  • Qty stepper di dalam kartu Detail Pesanan.
  • Kupon tanpa tombol hapus — kosongkan field = hapus.
  • Notice .ui.message native di dekat pemicunya.

Label Asal Pengiriman

Label asal paket dinormalisasi {kecamatan}, {kota} (contoh: "Ngemplak, Sleman", "Sakra Timur, Lombok Timur"). Produk tanpa kota dipulihkan otomatis dari id destination.

Wording

Semua teks bump dapat diubah di Advanced Settings → Bump Offers:

LabelDefault
Bump section titleSpecial Offer
Accept buttonYes, Add This!
Savings labelYou save {amount}!

Last updated Sep 27, 2026