# Pasang “Anti Fake WA” di Checkout Scalev

### Apa yang dilakukan fitur ini?

Script akan **mengecek valid/aktif tidaknya nomor WhatsApp** saat user mengisi form checkout.

* **Nomor valid** → tombol submit **aktif** dan bisa diklik.
* **Nomor tidak valid** → tombol submit **terkunci** dan muncul notifikasi error (teks bisa dikustom).

***

### Langkah Implementasi (5 menit kelar)

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2FK2ASF443hPweaRfpMvzQ%2Fimage.png?alt=media&#x26;token=7b764949-9e27-4e42-965f-064c66f0ef8f" alt=""><figcaption></figcaption></figure>

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2Fk5B9Mv9zoOc3mMKQwLpU%2Fimage.png?alt=media&#x26;token=6d6d61b8-393d-49a7-9b09-c1df539ed80e" alt=""><figcaption></figcaption></figure>

* **Login ke Scalev**
  * Masuk ke akun **Scalev** → buka menu **Landing Page**
  * Pilih halaman yang mau dipasang → klik **Edit**

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2FupjcJn4oS7wlJxkxzevM%2Fimage.png?alt=media&#x26;token=6acea570-f54c-4bb6-aef0-24c4d8e84d8a" alt=""><figcaption></figcaption></figure>

* **Tambah Widget HTML**
  * Di editor, klik **Tambah Widget** → pilih **HTML** (bukan Text/Markdown)
  * Pastikan widget HTML **mengizinkan `<script>`** (umumnya iya)
* **Copy Script Resmi**
  * Buka: [**https://pastebin.com/U0Eyw3M8**](https://pastebin.com/U0Eyw3M8)
  * Klik **Raw** (biar tidak kepotong format), lalu **copy semua isi script**
* **Paste di Widget HTML**
  * Kembali ke editor Scalev → di widget **HTML** tadi → **paste** script yang sudah dicopy

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2FRYQ22TJaTDlYL9u7DHN3%2Fimage.png?alt=media&#x26;token=8ce2ea2d-3e39-46c9-ace9-a9cd4c0b3914" alt=""><figcaption></figcaption></figure>

* **Isi Konfigurasi (WAJIB)**

  * Buka [**https://app.balesotomatis.id/rest-api**](https://app.balesotomatis.id/rest-api) → salin **Number ID / Number Key** kamu, pastikan **numberId** yang dipilih **statusnya CONNECTED/TERHUBUNG**

  * Di script yang barusan ditempel, cari bagian **CONFIG** lalu isi nilai berikut:
    * `numberId`

  * (Opsional) Ubah teks error, misal: `"Nomor WA tidak valid"` agar sesuai brand-mu

  > Contoh blok konfigurasi yang biasa ada di awal script:

  ```html
  <script>
    window.WA_VALIDATION_CFG = {
      numberId: 'BO-xxxxx',
      invalidButtonText: 'No WA Invalid - Hubungi CS'
    };
  </script>
  <script src="https://cdn.balesotomatis.id/scripts/scalev-antispam.js"></script>
  ```
* **Save & Publish**
  * Klik **Save** → **Publish** halaman
  * Buka halaman checkout → **uji coba**:
    * Masukkan nomor WA **valid** → tombol submit **aktif**
    * Masukkan nomor WA **tidak valid** → submit **terkunci** + muncul notifikasi error

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2FbzHhoxgKBuC9yN0B362C%2Fimage.png?alt=media&#x26;token=14109a3f-60ed-4b2e-a382-b84c0473c389" alt=""><figcaption></figcaption></figure>

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2F2WaNX3ovRFLOIb8oE4WT%2Fimage.png?alt=media&#x26;token=57c1853a-caff-4041-a5c0-9249aab4078e" alt=""><figcaption></figcaption></figure>

* **Butuh Bantuan?**
  * Langsung chat CS: [**https://link.balesotomatis.id/support-bo-official**](https://link.balesotomatis.id/support-bo-official)

***

### Tips Format Nomor (penting biar akurat)

* Gunakan format **kode negara +62** (tanpa `+` juga umumnya didukung, tergantung field), **tanpa spasi/tanda baca**
  * Benar: `6281234567890`
  * Hindari: `0812 3456 7890`, `+62-812-...`, `(+62) 812 ...`
* Kalau user tetap input `0` di depan, script biasanya sudah menormalkan, tapi **format +62** paling aman.

***

### Uji Coba Cepat (Checklist)

* [ ] Nomor valid (contoh: nomor WhatsApp aktif sendiri) → tombol submit **aktif**
* [ ] Nomor fiktif (acak) → tombol submit **non-aktif** + muncul pesan **invalid**
* [ ] Pesan error tampil **tepat di area input/tombol** (sesuai script)
* [ ] Coba di **mobile** & **desktop**
* [ ] Reload halaman: perilaku tetap konsisten

### Pertanyaan Umum

**Q: Apakah ini menghambat submit manual pakai bot/otomasi?**\
A: Script menangkap event klik & submit (termasuk beberapa trik otomasi), lalu **membatalkan submit** jika nomor **invalid**.

**Q: Perlu akses server/endpoint khusus di Scalev?**\
A: **Tidak perlu.** Cukup tempel script di widget HTML, semua validasi berjalan di sisi front-end dengan panggilan API validasi.

**Q: Aman nggak?**\
A: Script hanya memvalidasi nomor WA. Pastikan tetap patuhi kebijakan privasi dari Scalev.id