> For the complete documentation index, see [llms.txt](https://docs.balesotomatis.id/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.balesotomatis.id/e-commerce/setup-payment-method-supaya-order-bisa-dibayar-lewat-link-tagihan.md).

# Setup Payment Method: Supaya Order Bisa Dibayar Lewat Link Tagihan

### Untuk apa halaman ini?

Halaman **Payment Method** dipakai untuk **menghubungkan BalesOtomatis dengan Mayar**.\
Tujuannya supaya saat Anda bikin order, Anda bisa membuat **link pembayaran (invoice)** otomatis.

Kalau belum di-setup:

* Anda tetap bisa lihat dan bikin order,
* tapi pilihan **“Bayar lewat Mayar / Mayar Invoice”** biasanya **tidak aktif**.

***

### Yang perlu disiapkan dulu

Sebelum mulai, pastikan:

1. Anda sudah punya akun **Mayar** (daftar gratis di website Mayar).
2. Anda bisa **login** ke dashboard member **BalesOtomatis**.
3. Anda siap menyalin **API Key** dari Mayar (anggap ini “kunci rahasia penghubung”).

> Ingat gampangnya: **Tanpa API Key Mayar, BalesOtomatis tidak bisa bikin link pembayaran otomatis.**

***

### Cara membuka halaman Payment Method

1. Buka browser (Chrome / Edge / Firefox).
2. Login ke dashboard member BalesOtomatis.
3. Di menu kiri, klik **Ecommerce**.
4. Klik submenu **Payment Method**.

Alternatif: kalau Anda tahu alamatnya, biasanya bisa lewat `member/payment-method.php`.

***

### Apa yang terlihat di halaman ini?

Biasanya ada:

* Judul besar **Payment Method**
* Kotak input **API Key**
* Tombol **Simpan**
* Badge/status kecil di bagian Mayar (misalnya: *Memuat…*, *API Key tersimpan*, dll)

***

### Cara mendapatkan **API Key** dari Mayar

1. Di halaman Payment Method, cari kalimat seperti:
   * **“Belum punya API key? Buka halaman API Keys Mayar.”**
2. Klik link **“Buka halaman API Keys Mayar”**.
3. Tab baru akan terbuka ke dashboard Mayar (login jika diminta).
4. Di halaman API Keys Mayar:
   * Buat API key baru, **atau**
   * Salin API key yang sudah ada.
5. Setelah API key terlihat:
   * Blok teksnya → **Copy** (Ctrl+C).

***

### Cara mengisi dan menyimpan API key di BalesOtomatis

1. Balik ke tab **Payment Method** BalesOtomatis.
2. Klik kotak **API Key** lalu tempel (Ctrl+V).
3. (Opsional) Klik ikon **mata**:
   * Mata tertutup → API key disembunyikan (●●●)
   * Mata terbuka → API key terlihat (huruf/angka)
4. Klik tombol **Simpan**.

#### Setelah klik Simpan, apa yang terjadi?

* Tombol berubah jadi “Menyimpan…”
* Sistem mengirim data ke server

**Kalau berhasil:**

* Muncul notifikasi hijau seperti **“Pengaturan tersimpan”**
* Badge berubah menjadi **“API Key tersimpan”** (biasanya hijau)

**Kalau gagal:**

* Muncul notifikasi merah (misalnya “Gagal menyimpan pengaturan”)
* Coba ini:
  1. cek internet
  2. refresh halaman (Ctrl+R)
  3. pastikan API key tidak ada spasi di depan/belakang

***

### Arti badge status Mayar

Badge kecil di blok Mayar biasanya berarti:

* **Memuat…** → sistem sedang mengecek pengaturan yang tersimpan
* **API Key tersimpan** → sudah tersambung, Mayar bisa dipakai di order
* **Belum diatur** → API key belum pernah disimpan
* **Gagal memuat** → ada masalah mengambil data (coba refresh/cek internet)

***

### Catatan penting soal paket (Growth / Scale)

Beberapa aksi lanjutan (termasuk simpan pengaturan secara penuh) biasanya:

* **paling optimal** di paket **Growth / Scale**

Kalau akun Anda belum Growth/Scale, bisa muncul pop-up upgrade:

* **Lihat paket upgrade** → menuju billing
* **Nanti saja** → tutup pop-up