# Yubipro

Langkah-langkah Tutorial **Moota** dengan **Yubipro** dimulai dari :&#x20;

1. Mendapakatkan api key moota
2. Melakukan konfigurasi pada platform yubipro & Mengaktikan integrasi dengan api key
3. Hingga melakukan sinkronisasi akun bank yang terdaftar di moota

#### **1. Mendapatkan API Key Moota** <a href="#ddgjv6wjy163" id="ddgjv6wjy163"></a>

* Daftar / Login akun Moota dengan klik tombol dibawah ini :\
  [Daftar /Login Moota](https://app.moota.co/?ref=mahF5QaEF)
* Login pada akun moota anda, setelah anda sukses melakukan autentikasi dan berada pada halaman dashboard\
  Pada pojok kanan navbar, terdapat icon atau avatar akun kita, klik pada menu tersebut (pada gambar di bawah, adalah menu yang memiliki panah ke bawah)

![](https://1654520525-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlSyq0rcZMvw4svpFMU%2Fuploads%2FmoNaL3P9e1tCyeg5xJCr%2Fimage.png?alt=media\&token=20a1bd44-fd29-4ae1-82db-19947ba5e36d)

* Lalu akan muncul sub menu, klik pada menu "**pengaturan akun**"

![](https://1654520525-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlSyq0rcZMvw4svpFMU%2Fuploads%2FCwX6RrNy2IYf4k4B9u9H%2F1?alt=media)

* Setelah halaman pengaturan terbuka, menu navbar akan berubah menjadi seperti gambar di bawah, klik pada menu "Integrasi"

![](https://1654520525-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlSyq0rcZMvw4svpFMU%2Fuploads%2FyczvIEBjQCPk9CuOuEB6%2F2?alt=media)

* Pada bagian kiri halaman akan terdapat menu seperti gambar di bawah, klik pada menu "**Personal Token**"\


![](https://1654520525-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlSyq0rcZMvw4svpFMU%2Fuploads%2Fw58j8Qpx7u7dapPE7MGk%2F3?alt=media)

* Akan muncul form seperti gambar di bawah, silahkan isi data yang diperlukan\
  Untuk scope yang platform yubipro butuhkan untuk saat ini adalah:
  * API
  * User\_read
  * Bank\_read
  * Mutation\_read

Khusus scope yang terdapat pada list di atas, diharuskan untuk diaktifkan\
Setelah form terisi, klik tombol "Buat Personal Token"\
![](https://1654520525-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlSyq0rcZMvw4svpFMU%2Fuploads%2FW0CD3BrpXTA7d4j7kuPB%2F4?alt=media)

1. Notifikasi sukses akan muncul apabila proses pembuatan personal token berhasil\
   Pada bagian bawah form, akan muncul personal token yang akan dipakai untuk proses integrasi, silahkan copy token tersebut\
   ![](https://1654520525-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlSyq0rcZMvw4svpFMU%2Fuploads%2FFVpqpoyGdRm5uafiu9Pq%2F5?alt=media)
2. Sampai saat ini, anda telah mendapatkan api key (personal token) moota yang akan digunakan untuk melakukan integrasi

#### **2. Melakukan Konfigurasi Pada Platform Yubipro & Mengaktifkan Integrasi Dengan API Key** <a href="#uh73fv5jfmyn" id="uh73fv5jfmyn"></a>

* Setelah menginstall plugin moota, silahkan bukan halaman pengaturan\
  Pada blok menu pada bagian kiri halaman, di bagian "Plugins" seharusnya sudah muncul menu "moota", klik pada menu "moota"

![](https://1654520525-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlSyq0rcZMvw4svpFMU%2Fuploads%2F0LV1WL5uYfWNxAeuL78n%2F6?alt=media)

* Akan muncul form pengaturan seperti gambar di bawah, silahkan isi dengan api key yang anda dapat sebelumnya, lalu klik tombol simpan

![](https://1654520525-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlSyq0rcZMvw4svpFMU%2Fuploads%2FHkUpzK3c4u02VXdKAVGA%2F7?alt=media)

* Bila api token valid, maka form sebelumnya akan menjadi seperti gambar di bawah, ada beberapa informasi yang akan anda dapatkan seperti poin moota saat ini, total bank yang berhasil terintegrasi serta daftar bank yang terintegrasi

![](https://1654520525-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlSyq0rcZMvw4svpFMU%2Fuploads%2Fm30JzDl8YPyrQbiADNjo%2F8?alt=media)

#### **3. Sinkronisasi Akun Bank Yang Terdaftar Di Moota** <a href="#id-8kg4gthfb5wy" id="id-8kg4gthfb5wy"></a>

1. Saat pertama kali integrasi, pada bagian daftar akun bank, bank yang terdaftar akan masih dalam keadaan kosong\
   Klik pada tombol "Sinkronisasi bank" untuk melakukan proses sinkronisasi akun bank\
   Anda dapat melakukan sinkronisasi berulang, apabila daftar bank pada platform yubipro tidak sesuai dengan daftar bank yang terdaftar di moota\
   ![](https://1654520525-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlSyq0rcZMvw4svpFMU%2Fuploads%2FDRjVsYcYy75bWpLpabFj%2F9?alt=media)
2.  Bila sinkronisasi sukses, maka daftar bank akan diperbaharui dan akan memiliki tampilan seperti gambar di bawah

    Ada beberapa pengaturan baru,

    * Ceklis jangan tampilkan rekening moota\
      Berfungsi untuk membuat non aktif fitur moota pada halaman online store
    * Ceklis Non aktifkan rekening bisnis (Hanya moota yang diaktifkan), untuk mengaktifkan auto konfirmasi pembayaran\
      Berfungsi untuk membuat non aktif rekening bisnis lain yang telah didaftarkan sebelumnya pada platform yubipro dan hanya mengaktifkan rekening bank yang terdaftar pada moota di halaman online store\
      Fitur ini berfungsi untuk mengaktifkan konfirmasi pembayaran otomatis
    * Ceklis aktif pada daftar bank\
      Berfungsi untuk mengaktifkan bank pilihan untuk ditampilkan atau tidak pada halaman online store

![](https://1654520525-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlSyq0rcZMvw4svpFMU%2Fuploads%2FVTevOJ8sKtAAt6lPPyR0%2F10?alt=media)
