# Tutorial Integrasi WABA dengan Follow-Up Scalev (via WebHook)

### Yang perlu disiapkan dulu

Sebelum mulai, pastikan:

* Kamu sudah punya akun **BalesOtomatis** dan bisa login.
* Nomor **WhatsApp Official (WABA)** sudah **terkoneksi** di BalesOtomatis.
* Kamu punya akses ke **Dashboard Scalev** (menu Developers).

***

### A. Buat Webhook di BalesOtomatis

Webhook itu “alamat” yang dipakai Scalev untuk mengirim notifikasi order ke BalesOtomatis.

* Login ke **BalesOtomatis**\
  Buka: `https://app.balesotomatis.id`

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2FQKs6YaGhefEPYGl8YKAz%2Fimage.png?alt=media&#x26;token=53ec0ebe-c530-4bb1-80d3-ac8b6b5b89c3" alt=""><figcaption></figcaption></figure>

* Di dashboard, klik menu **Scalev Integrations**
* Klik tombol **Buat WebHook Baru**

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2Ft3ZiiIFBo8qanGbVZD7m%2Fimage.png?alt=media&#x26;token=5c7f1b06-5ac1-42ae-8c51-be5acdb063a4" alt=""><figcaption></figcaption></figure>

* Isi form webhook:
  * **Nama WebHook**: bebas (contoh: `Webhook Scalev - WABA`)
  * **Nomor**: pilih **Nomor WABA** yang sudah kamu koneksikan sebelumnya

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2FbuH29QFjqVK24GJyUlvN%2Fimage.png?alt=media&#x26;token=54ef57fb-86bb-4814-987a-a9c9bbb6a3ea" alt="" width="375"><figcaption></figcaption></figure>

* Klik **Simpan**\
  Setelah tersimpan, akan muncul **URL WebHook**.
* **Copy URL WebHook** tersebut (nanti ditempel di Scalev)

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2FvYHWDftq6fFiUeTryMeh%2Fimage.png?alt=media&#x26;token=bcc0c5d2-a309-47f8-a1da-f63796122c96" alt="" width="563"><figcaption></figcaption></figure>

***

### B. Tempel Webhook ke Scalev

Sekarang kita masukkan URL webhook dari BalesOtomatis ke Scalev.

* Login ke **Dashboard Scalev**
* Masuk menu:\
  **Settings → Developers**

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2FY9RFlX3N73fOFpzrYEzH%2Fimage.png?alt=media&#x26;token=07ac2d86-0a16-4c64-9b1b-7dd4fc349e13" alt=""><figcaption></figcaption></figure>

* Cari bagian **Webhook URL**\
  Biasanya kamu perlu **scroll ke bawah** sampai ketemu kolom **Webhook URL**.
* Tempel **URL WebHook** yang tadi kamu copy dari BalesOtomatis ke kolom **Webhook URL**

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2FS9ps4xYghCjaOrlIjKZG%2Fimage.png?alt=media&#x26;token=44526a9b-c8cf-4791-9715-c3d630bd1532" alt=""><figcaption></figcaption></figure>

* Pilih event yang mau dikirim (WAJIB dicentang sesuai kebutuhan)\
  Centang event berikut agar notifikasinya aktif:

  ✅ **Order Created** (Pesanan Dibuat)\
  ✅ **Order Updated** (Pesanan Diperbarui)\
  ✅ **Order Deleted** (Pesanan Dihapus)\
  ✅ **Order Status Changed** (Status Pesanan Berubah)\
  ✅ **Order Payment Status Changed** (Status Pembayaran Berubah)\
  ✅ **Order E-Payment Created** *(WAJIB dicentang kalau pakai metode E-Payment)*
* Aktifkan webhook di Scalev
  * Ubah status webhook menjadi **Aktif** (biasanya tombol/slider di dekat kolom Webhook URL)
  * Klik **Save**

***

### C. Aktifkan Webhook di BalesOtomatis

Setelah selesai di Scalev, balik lagi ke BalesOtomatis untuk menyalakan webhook-nya.

* Kembali ke `https://app.balesotomatis.id`
* Buka lagi menu **Scalev Integrations**
* Cari webhook yang tadi kamu buat
* Ubah **State** menjadi **ON**

***

### D. Atur Template Pesan Follow-Up (pakai WABA)

Bagian ini untuk memastikan pesan follow-up dikirim via **Official WhatsApp (WABA)** dan memakai template resmi.

* Klik tombol **Configure Templates**

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2FsjBr8UKKlziE5o5jVOHB%2Fimage.png?alt=media&#x26;token=1304e4ff-0677-4538-9442-fde1f6d9f60f" alt=""><figcaption></figcaption></figure>

* Pilih jenis Follow-Up (FU) yang mau kamu atur\
  Contoh: **Welcome Message**
* Aktifkan opsi **Use Official WhatsApp (WABA)**
* Pilih **Template WABA** yang sudah kamu buat sebelumnya
* Sesuaikan **Map Variables**\
  (Ini untuk mencocokkan data dari Scalev—misalnya nama, nomor order, status—ke variabel template WhatsApp.)

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2Fu7Y81TnSaWmkAYBU0htb%2Fimage.png?alt=media&#x26;token=49dfb209-6be4-4c79-bcb1-c9042238a355" alt=""><figcaption></figcaption></figure>

* Klik **Save Changes**