# WordPress Elementor Playbook — BayarQR

Playbook praktis untuk user advanced yang pakai Elementor sebagai landing page.

## Goal

Bikin flow bayar jadi:
- cepat dipasang,
- minim error slug/link mati,
- bisa dites sebelum campaign live.

## Flow Rekomendasi

1. Buat payment link di BayarQR.
2. Buka helper `/wordpress-pack`.
3. Isi slug.
4. Jalankan:
   - `Cek slug aktif`
   - `Test buka checkout`
5. Salin snippet button/card.
6. Tempel ke Elementor HTML widget.
7. Publish dan test transaksi kecil.

## Pattern Elementor yang Disarankan

### 1) Hero CTA Button (paling simpel)
- Letakkan 1 tombol utama di fold pertama.
- Gunakan text jelas: `Bayar Sekarang`.
- Arahkan ke hosted checkout BayarQR.

### 2) Pricing Section + tombol bayar per paket
- 1 card paket = 1 payment link slug.
- Hindari reuse slug yang sama untuk paket nominal beda.

### 3) Popup Checkout Trigger
- Tombol utama buka popup edukasi singkat.
- CTA di popup menuju checkout BayarQR.
- Jangan embed script berat di popup (jaga performa mobile).

### 4) Multi-step Form Redirect
- Setelah user isi form (nama/WA), arahkan ke checkout BayarQR.
- Simpan data lead di form tool dulu; pembayaran tetap di BayarQR.

## Checklist Pre-Live

- [ ] Semua slug lolos validasi helper.
- [ ] Tidak ada slug placeholder di halaman produksi.
- [ ] Checkout bisa dibuka di mobile 4G.
- [ ] 1 test payment sukses dan tervalidasi di dashboard BayarQR.
- [ ] Copy CTA konsisten (tidak membingungkan buyer).

## Checklist Post-Live

- [ ] Pantau link yang klik tinggi tapi payment rendah.
- [ ] Cek status payment link (ACTIVE/PAID/EXPIRED).
- [ ] Jika campaign selesai, arsipkan link lama untuk menjaga kebersihan dashboard.