> For the complete documentation index, see [llms.txt](https://docs.shoppego.my/tutorials/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shoppego.my/tutorials/ms/settings/payment/payment-gateway/xendit.md).

# Xendit

Bagi menggunakan Xendit sila pastikan anda **sudah cipta** terlebih dahulu **akaun Xendit.**

{% hint style="success" %}
Anda perlu pastikan anda sudah:

* Mempunyai SSM/TIN
* Akaun bank semasa.
  {% endhint %}

{% hint style="info" %}
**Urusan pengesahan akaun, caj dan wang transaksi** adalah **diuruskan sepenuhnya oleh pihak Xendit.**
{% endhint %}

## Penetapan di Xendit

{% hint style="danger" %}
**Sebelum anda ikuti tutorial ini, pastikan akaun Xendit anda sudah di Verify terlebih dahulu dan pastikan anda tidak menggunakan Test account.**
{% endhint %}

Untuk lakukan integration payment gateway Xendit dengan Shoppego, anda perlu dapatkan **Secret API Key dan Webhook Verification Token. Anda juga perlu lakukan penetapan Webhook pada akaun Xendit anda.**\
\
Jika anda masih belum mendaftar akaun Chip, anda boleh menggunakan link ini:\
<https://dashboard.xendit.co/register/1>

### Dapatkan Secret API Key

1. Log masuk dalam akaun Xendit anda.

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-aa6fefd88c4fb0278156a7aad7544d9a3793a9e0%2Flop878I3vDJ2Q4iWomOr.jpg?alt=media" alt=""><figcaption></figcaption></figure>

2. Klik pada butang/teks **Settings**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-946f17833e544e4dcd079633b70bb19c09520221%2FtorOGCjeWZS7WHs8OlV8.jpg?alt=media" alt=""><figcaption></figcaption></figure>

3. Klik pada butang/teks **API keys**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-f729324272a42a9580d0130b890668c266d14dc9%2FnIsVkE2vfQX4CN8Lbype.jpg?alt=media" alt=""><figcaption></figcaption></figure>

4. Kemudian, anda boleh **klik pada Generate secret key**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-8a76523afde617b24248fa3449c390c0d0a9d299%2FPZQx4w7jy8htvbHcLXUq.jpg?alt=media" alt=""><figcaption></figcaption></figure>

5. Anda boleh **masukkan nama Secret key anda sebagai rujukan** dan **tick penetapan yang lain seperti yang tertera pada gambar di bawah**.

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-19fb839eafc5d176d2fbcb01cd655c6db3e0729f%2FaJ5VaKWBmEezfMtQiRQy.jpg?alt=media" alt=""><figcaption></figcaption></figure>

6. Setelah selesai klik **Generate key**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-d893bf4dcf63b2fcab5ee4d36a5c66f3eb36ee55%2F1wiGn3HKmq1xhtNFyh19.jpg?alt=media" alt=""><figcaption></figcaption></figure>

7. Kemudian, anda boleh **copy** dan **Save Secret key** anda itu untuk **digunakan pada penetapan di Shoppego**.

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-323f95459ddceaf6877fb38f89bbdb7fda3601f9%2FvCRlDpcOFHytctdlCwPU.jpg?alt=media" alt=""><figcaption></figcaption></figure>

### Dapatkan Webhook Verification Token

1. Dari halaman **API Keys,** anda boleh klik pada butang/teks **Webhooks**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-b4d4fe653fd865b2c2af964d5451a34c62a418d0%2FKnfSnpjBQDxhsiSgAC6X.jpg?alt=media" alt=""><figcaption></figcaption></figure>

2. Kemudian, klik pada butang **View Webhook Verification Token**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-6f3a76d4a98abddaae2149db7f8d21daedc70c0a%2FunT8Zj5az03hwqZwJL0C.jpg?alt=media" alt=""><figcaption></figcaption></figure>

3. Seterusya, anda boleh **copy Webhook Verification Token** anda itu **untuk digunakan pada penetapan di Shoppego.**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-16597600be3ec89fc16af6eafe884eba879804cb%2Fu2Wm9F8fhm2XoGWujLDB.jpg?alt=media" alt=""><figcaption></figcaption></figure>

### Penetapan Webhook

#### Dapatkan Link Webhook

1. Log masuk ke dalam akaun Shoppego anda

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-b853fc0189b34fb1d3990f5b1f53fa71deb9d384%2FlCN7aw3FznaFFoOAyya2.jpg?alt=media" alt=""><figcaption></figcaption></figure>

2. Klik pada **Settings**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-9ae8b66b366958146673b78216b78ff0e8f12b90%2FVsK9zs6aZtUfKK1hcCiM.jpg?alt=media" alt=""><figcaption></figcaption></figure>

3. Klik pada **Payment options**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-6887bc460f7731261524a21148108938e4436a20%2FCA5qmbxGnMXdjUXh5W4M.jpg?alt=media" alt=""><figcaption></figcaption></figure>

4. Klik **Activate/Edit** pada **Xendit**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-378d93226ed9d340fdf4e8c236c78220e0daee46%2F0egeOsfGLxBW6Xf31Ssa.jpg?alt=media" alt=""><figcaption></figcaption></figure>

5. Kemudian, anda boleh **Copy Webhook URL** anda itu untuk **dimasukkan pada penetapan di Xendit**.

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-62961870f0b961a555c9b283171adffb4c81de8f%2FZj1YfBg6JTNqzR6hc7xD.jpg?alt=media" alt=""><figcaption></figcaption></figure>

#### Masukkan Link Webhook di Xendit

1. Pada **halaman penetapan Webhooks**, anda boleh **skroll ke bawah** untuk **lihat penetapan** "**Invoices paid**". Anda boleh **masukkan Webhook URL** yang anda baru copy itu kedalam ruang penetapan tersebut.

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-365f82cdbb2a1861a9ff7564df1bf799a8a74c0c%2Fd64zarK9JqMm19ecszxx.jpg?alt=media" alt=""><figcaption></figcaption></figure>

2. Setelah selesai, klik pada butang **Test and save**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-4b3673ca4c9c655be69591e2e69b98567bb5d663%2FfUYfBv0WFzDJOW7FMJPe.jpg?alt=media" alt=""><figcaption></figcaption></figure>

## Penetapan di Shoppego

1\. Log masuk ke dalam akaun Shoppego anda.

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-b853fc0189b34fb1d3990f5b1f53fa71deb9d384%2FlCN7aw3FznaFFoOAyya2.jpg?alt=media)

2\. Klik pada **Settings**

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-9ae8b66b366958146673b78216b78ff0e8f12b90%2FVsK9zs6aZtUfKK1hcCiM.jpg?alt=media)

3\. Klik pada **Payment options**

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-6887bc460f7731261524a21148108938e4436a20%2FCA5qmbxGnMXdjUXh5W4M.jpg?alt=media)

4\. Jika anda belum aktifkan payment option untuk Xendit. Klik butang **Activate** pada bahagian **Alternative Payments** untuk Xendit. Jika anda sudah aktifkan payment option untuk Xendit klik butang **Edit.**

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-378d93226ed9d340fdf4e8c236c78220e0daee46%2F0egeOsfGLxBW6Xf31Ssa.jpg?alt=media)

5\. Seterusnya akan keluar paparan seperti dibawah, anda boleh isi maklumat tersebut :

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-d464646d206a55b759d4320ee8cb36a46256b3e6%2F2RVwbs3xgm3oVGXpUdts.jpg?alt=media)

* **Display name at checkout : Masukkan nama payment yang anda inginkan (Contoh Xendit)**
* **Webhook URL :** **Hanya digunakan untuk anda copy bagi lakukan penetapan webhook di akaun Xendit anda.**
* **Secret API Key : Masukkan Secret API key yang anda sudah dapatkan di akaun Xendit anda.**
* **Webhook Verification Token : Masukkan Webhook Verification Token yang anda sudah dapatkan di akaun Xendit anda.**

6\. Setelah selesai pastikan anda sudah klik **Enable** dan klik button **Save**.

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-489814f8837b034554d4477d95d7524e4c206670%2FJk8yRhyPKocahCajDPpe.jpg?alt=media)

Setelah **Save** anda boleh membuat percubaan pembelian pada website anda untuk lihat payment option Xendit tersebut semasa checkout untuk penetapan yang anda baru tetapkan sebentar tadi.
