> For the complete documentation index, see [llms.txt](https://docs.quantumbyte.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/7.payment.md).

# Payment

The form widget includes advanced configuration settings specifically for Payments.

<figure><img src="/files/ETbKGwxgi6Pzpl1wgtUZ" alt=""><figcaption></figcaption></figure>

This payment system can be integrated with various payment models and can adjust pricing based on the service you are integrating.

### Konfigurasi Payment

1. Select and click the **configuration icon** (gear) on your form widget.
2. Once inside, click "**Konfigurasi**" (Configuration) in the top-right corner.

   <div><figure><img src="https://github.com/QTN-DEV/quantumbyte-doc/blob/main/.gitbook/assets/Screen%20Shot%202024-06-04%20at%2016.11.07.jpg" alt=""><figcaption></figcaption></figure> <figure><img src="/files/nlgvmvEUnZOMMPW4pZ16" alt=""><figcaption></figcaption></figure></div>
3. In the configuration menu, select "**Biaya**" (Fees).
4. On the "**Layanan Memiliki Harga?**" (Does this service have a cost?) field, click radio button to activate.
5. The interface will change, showing new options (as seen in the image below).

   <div><figure><img src="https://github.com/QTN-DEV/quantumbyte-doc/blob/main/.gitbook/assets/Screen%20Shot%202024-06-04%20at%2016.07.37%20(3).jpg" alt=""><figcaption></figcaption></figure> <figure><img src="/files/DVatCgl9hmHqh6Di8DxQ" alt=""><figcaption></figcaption></figure></div>
6. Now, define the pricing type you want to use.

#### Defining Pricing Type

There are **3 different pricing options** to choose from

* **Option 1: Fixed Price** - Use this if the service has a single, unchanging price.

1. Fill in the **"Harga" (Price)** field with the service cost.

<div><figure><img src="https://github.com/QTN-DEV/quantumbyte-doc/blob/main/.gitbook/assets/Screen%20Shot%202024-06-04%20at%2016.12.28.jpg" alt=""><figcaption></figcaption></figure> <figure><img src="/files/EmpKpO5pCPSS5edteOqs" alt=""><figcaption></figcaption></figure></div>

2. Add a fee description (e.g., "Biaya Umum" (General fee)).

<div><figure><img src="https://github.com/QTN-DEV/quantumbyte-doc/blob/main/.gitbook/assets/Screen%20Shot%202024-06-04%20at%2016.13.33.jpg" alt=""><figcaption></figcaption></figure> <figure><img src="/files/RZ67tWlvW2SUAdhrOrzE" alt=""><figcaption></figcaption></figure></div>

* **Option 2: Conditional Price** - Use this if the service price varies depending on specific conditions.

1. The image below shows how to set prices based on different conditions.

<div><figure><img src="https://github.com/QTN-DEV/quantumbyte-doc/blob/main/.gitbook/assets/Screen%20Shot%202024-06-04%20at%2017.01.24.jpg" alt=""><figcaption></figcaption></figure> <figure><img src="/files/CSjulONTRyJFmLyxdOjN" alt=""><figcaption></figcaption></figure></div>

* **Option 3: Field-Based Price** - Use this if the price is determined by a value from another form field.

#### Set Up Payment Method

1. After setting the price, proceed to configure the "**Metode Pembayaran**" (Payment Method).

   <div><figure><img src="https://github.com/QTN-DEV/quantumbyte-doc/blob/main/.gitbook/assets/Screen%20Shot%202024-06-04%20at%2017.03.15.jpg" alt=""><figcaption></figcaption></figure> <figure><img src="/files/d5SAw3ehjPzUep4UQSwz" alt=""><figcaption></figcaption></figure></div>
2. Set up the bank account for receiving payments.
3. There are **2 options** for the payment account: **OWN ACCOUNT** and **CENTRAL ACCOUNT**.

* Choose **"AKUN SENDIRI" (Own Account)** if payments should go to a bank account tied directly to your specific service/unit.
* Choose **"AKUN SENTRAL" (Central Account)** if payments should be directed to a central/master account (e.g., a SuperApp POLRI account).

4. Select a payment method (Bank Transfer, Open Web, Virtual Account) according to your needs.
5. Important: If you selected "**Own Account**" and "**Bank Transfer**", you must now add your bank account details in this section.

   <div><figure><img src="https://github.com/QTN-DEV/quantumbyte-doc/blob/main/.gitbook/assets/Screen%20Shot%202024-06-04%20at%2017.07.37.jpg" alt=""><figcaption></figcaption></figure> <figure><img src="/files/qh0tZIjKd0iPWby2SvTf" alt=""><figcaption></figcaption></figure></div>
6. The interface will look like the image below.

   <div><figure><img src="https://github.com/QTN-DEV/quantumbyte-doc/blob/main/.gitbook/assets/Screen%20Shot%202024-06-04%20at%2017.08.26.jpg" alt=""><figcaption></figcaption></figure> <figure><img src="/files/Y80scuqDckAPAf43Mbbh" alt=""><figcaption></figcaption></figure></div>
7. Click "**Tambah Data**" (Add Data) to input a new bank account.
8. A form will appear (as shown in the image below).

   <div><figure><img src="https://github.com/QTN-DEV/quantumbyte-doc/blob/main/.gitbook/assets/Screen%20Shot%202024-06-04%20at%2017.09.59.jpg" alt=""><figcaption></figcaption></figure> <figure><img src="/files/ZOYYVbUdWpwJrWUt6633" alt=""><figcaption></figcaption></figure></div>
9. **Fill in all the fields** according to your bank account information.
10. Click the "**Submit**" button after completing the form.
11. Finally, click "**Simpan**" (Save) or "**Submit**" to save all your payment configurations.

    <div><figure><img src="https://github.com/QTN-DEV/quantumbyte-doc/blob/main/.gitbook/assets/Screen%20Shot%202024-06-04%20at%2017.10.56.jpg" alt=""><figcaption></figcaption></figure> <figure><img src="/files/q6I1VTGHbmMDrQclQ5LC" alt=""><figcaption></figcaption></figure></div>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/7.payment.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
