# Detail Billing

## Guide

On the **Billing List** page, to see the details of the invoice created can be done in the following way:

1. Select the invoice by clicking the row on the invoice.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FNjVXwcgWkplTWUD63Q9V%2FBilling%20List%20Page.png?alt=media&#x26;token=a102a4ad-3aca-4d5a-8d98-ae1085a87094" alt=""><figcaption><p>Billing List Page</p></figcaption></figure>

2. View the details of the selected invoice.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2Fu2hLg8Ejen9XkEYOB0oZ%2FBilling%20Details.png?alt=media&#x26;token=177b0a8f-0d75-42c9-ab0f-2be9280ff088" alt=""><figcaption><p>Billing Detail</p></figcaption></figure>

On the invoice detail page, you can take action according to the request of the customer. The steps that can be taken on invoices that have been made are as follows:

### **Edit Invoice**

An invoice edit can be done if the invoice status is "**Draft/Proforma**". This feature is used to make data changes from invoices that have been created. The following steps explain how to edit an invoice:

1. On the invoice detail page on the **Actions** button, click **Edit.**&#x20;

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FTUmeIRfZRWy7LsW8vI4U%2F2023-12-26_14-07-03.jpg?alt=media&#x26;token=65a691a4-eac9-4a93-896f-9713655a9281" alt=""><figcaption><p> Billing Detail</p></figcaption></figure>

2. Do the change as needed. For example, the customer number will be changed, then click **"Save Draft"** butto&#x6E;**.**

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FEgQaTiroTQrIOqfVizNr%2F2023-12-26_14-10-06.jpg?alt=media&#x26;token=76d471ed-7cb6-44c0-bee4-ef481bcb26c5" alt=""><figcaption><p>Save &#x26; Send Billing Detail</p></figcaption></figure>

3. On success notification, click **OK**.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FHczZEX0a5vEZk7WvPGo2%2F2023-12-26_14-13-28.jpg?alt=media&#x26;token=ff4a813e-b433-41ad-a358-3506e276608e" alt="" width="293"><figcaption><p>Success Notification</p></figcaption></figure>

3. This is the invoices details after the data changes has been made.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FsN60HCc5AinCpygUZS6R%2F2023-12-26_14-16-05.jpg?alt=media&#x26;token=fb3db4d1-0208-4f0c-b242-c1745777c69e" alt=""><figcaption><p>Billing Detail</p></figcaption></figure>

### **Duplicate Invoice**

This is a feature used to duplicate data from invoices that have been created. The following steps explain how to duplicate an invoice:

1. On the invoice detail page, click "**Action**" then select "**Duplicate**”.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2F1af5R6oJpe7zXdqNCxWJ%2F2023-10-25_10-35-01.png?alt=media&#x26;token=8e6f08d4-0988-4b9e-bf16-1ab7af6b1ff8" alt=""><figcaption><p>Duplicate Invoice</p></figcaption></figure>

2. Display a confirmation pop up for duplicate data, if agreed click "**Yes**" to continue.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FTNVz4vIb1KPV8Fb8Gq4U%2F2023-10-25_10-36-46.png?alt=media&#x26;token=34f253c9-ebe2-438b-aaa6-28cc79da0a4e" alt="" width="364"><figcaption><p>Duplicate Invoice Notification</p></figcaption></figure>

3. Display a notification that data was successfully duplicated.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2Fda6E9h9MPu29hyUiNXBL%2F2023-10-25_10-37-32.png?alt=media&#x26;token=501fa5b6-ca0e-4768-8512-8895cf439d52" alt="" width="338"><figcaption><p>Duplicated Success Notification</p></figcaption></figure>

4. This the detail of the invoice that successfully duplicated.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FnjRgFeKh2MSvOWngTUT2%2F2023-10-25_10-42-55.png?alt=media&#x26;token=c436ed6b-29e9-4f0e-a59e-37f00548ddfc" alt=""><figcaption><p>Invoice Details</p></figcaption></figure>

4. Invoices that are successfully duplicated also appear on the Billing List page.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FY6SZE8VNt9Ivhnpfj8f0%2F2023-10-25_10-45-40.png?alt=media&#x26;token=54d5c3e6-d160-489c-afe4-aeec984c4956" alt=""><figcaption><p>Billing List Page</p></figcaption></figure>

### **Delete Invoice**

Delete invoices can only be done for invoices that have the status "**Draft, Proforma,** and **Cancelled**". This feature is used to delete invoices that have been created. The following steps explain how to delete an invoice:

1. Select the invoice file on the Billing List page. In the Billing Detail, click "**Delete**" on the "**Actions"** button.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2F5GbJC79IMMbwMCCrrpBY%2F2023-10-25_10-55-22.png?alt=media&#x26;token=f3ab326a-c24c-4ed4-b6e1-3f327889ea68" alt=""><figcaption><p>Delete Invoice</p></figcaption></figure>

2. A notification confirming message will be displayed, if you agree to continue the delete, then click "**Yes**”.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2F6xrPOlAyxxpseB6x77Zh%2F2023-10-25_10-51-09.png?alt=media&#x26;token=01faa7b9-0364-4ab1-804c-6fdba7c989da" alt="" width="333"><figcaption><p>Notification delete</p></figcaption></figure>

3. On success notification, click "**OK**".

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FZmPh0Z4uErt9D2ufTsAJ%2F2023-10-25_10-52-08.png?alt=media&#x26;token=c14374dd-fa19-4cde-bb09-4ab22633ea1a" alt="" width="336"><figcaption><p>Success Delete Notification</p></figcaption></figure>

4. So, the data now successfully deleted and didn’t appear on Billing List page.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FcYUC7rG64gqyCAj1lA2C%2F2023-10-25_10-57-55.png?alt=media&#x26;token=b4c853f0-51fc-451b-87c2-0f89acb7f392" alt=""><figcaption><p>Billing List</p></figcaption></figure>

### **Cancel Invoice**

Cancel Invoice is done for invoice with the status "Unpaid, Partially Paid, Overdue, and Proforma". This feature is used to cancel invoice that have been created and sent to the Customer not to be included in the customer's bill. The following steps explain how to cancel an invoice:

1. Select the invoice file on the Billing List page, then display the invoice detail. Click the "**Actions**" button, then click “**Cancel**”.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FbDZiyPvXegcORmL91UZo%2F2023-10-25_11-05-19.png?alt=media&#x26;token=d5430035-fa7c-483d-bac1-c35f704e8e27" alt=""><figcaption><p>Billing Detail</p></figcaption></figure>

2. Displaying a confirmation message to continue the Cancel process, click "**Yes**" to continue the cancelation.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FE5tkcAkaWUJTgVTl6VRL%2F2023-10-25_11-07-32.png?alt=media&#x26;token=c2dd0b7d-859c-48c2-a1b2-f8064606433f" alt="" width="375"><figcaption><p>Cancel Confirmation</p></figcaption></figure>

3. It will display a notification that billing successfully canceled.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2Fu36nNENHkYKji6DAM9ND%2F2023-10-25_11-07-48.png?alt=media&#x26;token=2b8c2423-cdeb-4a26-8d76-ab9d7c1b39bb" alt="" width="329"><figcaption><p>Success Cancel Billing Notification</p></figcaption></figure>

4. The following is a display of invoice with a status of "Cancelled”.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FJG4oIixo3WlcYtYCXza6%2F2023-10-25_11-09-35.png?alt=media&#x26;token=fa1e1a35-e863-4567-86fc-7b97bd821b56" alt=""><figcaption><p>Cancelled Billing</p></figcaption></figure>

### **Save Draft**

Save Draft is a feature used to create invoice, if the input data still require confirmation/change then it can be saved temporarily (Save Draft). The following steps explain how to saving a temporary invoice (Save Draft):

1. Create a new invoice on the Single Billing Form by clicking “**+ Single Billing**”.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FsMDeaTUBhrBWrHswdAuG%2F2023-12-26_15-38-47.jpg?alt=media&#x26;token=4545b1c2-a238-4e42-83a2-0185ab0e2763" alt=""><figcaption><p>Billings</p></figcaption></figure>

2. Next, fill in the data according to the available fields and click **"Save Draft"** to save the data temporarily.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2F2sRESUEfS5JonaGF1MWl%2F2023-12-26_14-26-01.jpg?alt=media&#x26;token=eab3f936-883d-4e7c-a683-ab5881697616" alt=""><figcaption><p>Save Draft Billing</p></figcaption></figure>

2. Click "**OK**" on success notification.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FymBJdUxDUy7H7drHFCRi%2F2023-10-25_11-33-32.png?alt=media&#x26;token=a8015a12-4462-4713-ad81-00b12e10ef53" alt="" width="347"><figcaption><p>Success Save Draft</p></figcaption></figure>

3. The saved invoice will become status a "**Draft**".

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FSdsKpdzYq1TREsSx9OVK%2F2023-12-26_14-28-58.jpg?alt=media&#x26;token=67c79d7e-85b3-4fb9-bd52-a6ba643e0b6f" alt=""><figcaption><p>Draft Status</p></figcaption></figure>

### **Confirm & Send Invoice**

Confirm & Send Invoice can be done if the invoice status is "**Draft/Proforma**". This feature is used to confirm invoice data and send invoice to customer email.  The following steps explain how to confirming & sending an invoice:

1. On the invoice detail page, click "**Actions**" and select "**Confirm & Send**”.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FhO6YhkEBMfaZCaT776Bt%2F2023-10-25_11-43-41.png?alt=media&#x26;token=5f1cf628-fb19-4dba-b7b8-da7907baa79f" alt=""><figcaption><p>Confirm &#x26; Send Draft</p></figcaption></figure>

2. On confirmation notification pop up click "**Yes**" to continue the process.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FQ7iCPNMVb3Aa0Gd0lEa2%2F2023-10-25_11-46-26.png?alt=media&#x26;token=2d05295a-902c-4202-be3f-65fe6ff9e883" alt="" width="337"><figcaption><p>Invoie Confirm Notification</p></figcaption></figure>

3. After successfully confirming & sending an invoice, on the success notification pop-up click the "**OK**" button.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2F2omhqFFnLns8W5LRH6sy%2F2023-10-25_11-46-50.png?alt=media&#x26;token=ab061376-8f3c-4a46-ad56-57786fd79637" alt="" width="374"><figcaption><p>Success Notification</p></figcaption></figure>

4. After successfully confirming & sending, the invoice status will be changed to "**Unpaid**”.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FWqVVpJtYokA5tDu3gZUW%2F2023-10-25_11-50-04.png?alt=media&#x26;token=7b26c6ba-6b27-46e7-beee-a79f3c7ec42f" alt=""><figcaption><p>Unpaid Invoice</p></figcaption></figure>

5. So, the invoice has been successfully sent to the customer's email.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FdRJRa9s1ppHeTh1fxrHR%2FEmail%20Invoice.png?alt=media&#x26;token=a442b6d2-d828-4d5f-a3a7-d9e4a479a428" alt=""><figcaption><p>Email Invoice</p></figcaption></figure>

### **Preview Invoice**

Invoice preview is a feature used to view the result of an invoice created. The following steps explain how to preview an invoice:

1. On the invoice detail page, click "**Actions**" and select "**Preview**".

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2F1RqJiNbIWjrVfyL15zjO%2F2023-10-25_11-56-14.png?alt=media&#x26;token=bdb9d21b-e2f5-4838-8f58-38ca9f93b6c5" alt=""><figcaption><p>Invoice Preview Button</p></figcaption></figure>

2. This is the detail of the Invoice previews.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2F8ZsFkbvlVLiNVoOgPlFJ%2FInvoice%20Preview.png?alt=media&#x26;token=2401660b-3147-4365-a238-6b003ebf6c4d" alt=""><figcaption><p>invoice Preview</p></figcaption></figure>

### **Print Invoice**

Print invoice is a feature used to print invoices that have been created. The following steps explain how to print an invoice:

1. &#x20;On the invoice detail page, click "**Actions**" and select "**Print**”.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FtRZGYVOvLFcZhTNUOCe9%2F2023-12-26_14-42-24.jpg?alt=media&#x26;token=d38c53b4-4248-497e-b49b-6b7816d460dc" alt=""><figcaption><p>Invoice Print Button</p></figcaption></figure>

2. It will convert the invoice into a pdf file. This is the preview of the file.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FprS7ok4BFUOHumyT0P8F%2Finvoice%20print.png?alt=media&#x26;token=3f1661f9-5c5a-401c-8559-bf0bed7b2f63" alt=""><figcaption><p>Invoice Printed</p></figcaption></figure>

### **Resend Invoice**

Resend Invoices can only be done for invoices with the status "**Unpaid, Partially Paid**, and **Overdue**". This feature is used to resend invoices to customers via e-mail. The following steps explain how to resend the invoice to the customer e-mail:

1. On the invoice detail page, click "**Actions**" and select "**Resend**”.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FYFuSGO9bpLfWdSlQmRNc%2F2023-10-25_12-51-02.png?alt=media&#x26;token=64f85f2f-965d-4705-8848-783ed659ed29" alt=""><figcaption><p>Invoice Resend Button</p></figcaption></figure>

2. On the confirmation pop-up, click the "**Yes"** button to resend the invoice to the email address that has been registered.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2Flbxyb7Wll4vyMw71BXDH%2F2023-10-25_12-52-32.png?alt=media&#x26;token=01f17444-ae3c-4efd-bcba-aad4e5600250" alt="" width="375"><figcaption><p>Resend Confirm Notification</p></figcaption></figure>

3. On the success notification pop-up, click an "**OK**" button.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FN9PvWbqUsw7rbTT79ppw%2F2023-10-25_12-52-43.png?alt=media&#x26;token=9167338b-8df0-4bbf-8178-526ec05d87b9" alt="" width="375"><figcaption><p>Success Resend Notification</p></figcaption></figure>

### **Manual Payment**

This feature is used to record offline payments that merchants receive from customers. So, the payment history will be recorded in Faspay Billing Systems. This feature is accessible from **Billings → Detail Invoice → Actions Menu → Manual Payment** and available to the invoice with Unpaid, Partially Paid, or Overdue status.

1. Open the details of the billings, for example, click the detail on the billings with **Unpaid status**.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FB4mh1DEAgiH5vWZjNz6N%2F2023-10-24_14-05-36.png?alt=media&#x26;token=2a7ff658-0fbd-4d17-b3b0-ee89cfb838e5" alt=""><figcaption><p>Billing List </p></figcaption></figure>

2. Click the "**Actions"** button, then click **Manual Payment.**

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FofdXNinrCFWcmM4Vgc4X%2F2023-10-24_14-06-54.png?alt=media&#x26;token=eb76acf4-8230-40ce-8071-57c5ceddd39c" alt=""><figcaption><p>Billing Detail</p></figcaption></figure>

3. At the pop-up,  choose Payment Method and input Payment Amount. Click **Choose File** to Upload File, then click **Submit**.

* Example 1: Input **Payment Amount < Outstanding Amount**

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FL1c9LN3UWwYixMxZJykr%2F2023-10-24_14-13-42.png?alt=media&#x26;token=bd583fdd-b143-432c-9758-11f36aee9df0" alt="" width="563"><figcaption><p>Payment Amount &#x3C; Outstanding Amount</p></figcaption></figure>

* Example 2: Input **Payment Amount > Outstanding Amount**

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FLMLLrk43gJ71iBHkuLws%2F2023-10-24_14-14-23.png?alt=media&#x26;token=715a39cc-5166-409e-b3fb-1e1facce59aa" alt="" width="563"><figcaption><p>Payment Amount > Outstanding Amount</p></figcaption></figure>

**Note:**

* There will be information about the remaining Outstanding Amount if the input payment is less than the Outstanding Amount.
* If the input payment is greater than the Outstanding Amount, there will be overpayment information.

**Field Parameter Manual Payment Form**

<table><thead><tr><th width="233">Field</th><th>Description</th></tr></thead><tbody><tr><td>Invoice No</td><td>Invoice number</td></tr><tr><td>Outstanding amount</td><td>Outstanding amount pada invoice</td></tr><tr><td>Payment Date</td><td>Payment date</td></tr><tr><td>Payment Method</td><td><p>Payment method option:</p><ul><li>Bank transfer</li><li>Internet Banking</li><li>Write off</li><li>Others</li></ul><p> </p><p><strong>Notes:</strong></p><ul><li>If choose <strong>write off</strong> the channel name it will automatically <strong>Memo</strong> and can't be changes </li><li>If choose <strong>write off</strong> the payment amount can't greater than outstanding amount invoice</li></ul></td></tr><tr><td>Channel Name</td><td>Channel name</td></tr><tr><td>Transaction ID</td><td>Payment reference number</td></tr><tr><td>Payment Amount</td><td>Payment amount</td></tr><tr><td>Upload file</td><td><p>Payment receipt</p><p> </p><p><strong>Notes:</strong></p><ul><li>Accepted file formats include <strong>JPG, PNG, JPEG,</strong> and <strong>PDF,</strong> with a <strong>maximum</strong> upload limit of <strong>10 files</strong>, each with a <strong>size</strong> not exceeding <strong>5 MB</strong>.</li><li>File thas has been uploaded can’t be deleted</li></ul></td></tr></tbody></table>

4. On submit notification click, **Yes**

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2F6KyYIywMdbdUmyFgX59c%2F2023-10-24_14-14-38.png?alt=media&#x26;token=4462b681-0be5-476c-a7f7-79c68cb2dddd" alt="" width="375"><figcaption><p>Submit Notification</p></figcaption></figure>

4. Click **OK** on Success Notification

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FwYHM52Z3CCstD4o9AOki%2F2023-10-24_14-14-47.png?alt=media&#x26;token=9ca9de46-eda7-46e8-b5cb-654b8cebf7b8" alt="" width="336"><figcaption><p>Success Notification</p></figcaption></figure>

4. After submission success, the invoice status will be updated to **"Partial Paid"** or **"Paid"** and a record of the manual payment, including the user's information who made the payment, will be added to the system's payment history.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FCgnTld3p2e4LgGVB75Rz%2F2023-10-24_14-15-11.png?alt=media&#x26;token=8961fc1a-a848-4d8a-8eb4-b70dbf63c13f" alt=""><figcaption><p>Billing Detail</p></figcaption></figure>

5. The payment documents that successfully uploaded will available on **View Detail Invoice → Tab Documents** with the type of documents are Receipt.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FW4JHzXGJ1NvVrycTeQbA%2F2023-10-24_15-02-06.png?alt=media&#x26;token=011bfaed-d52c-44c3-b39d-102f6efb0317" alt=""><figcaption><p>Documents Page</p></figcaption></figure>

### **Allocate Overpayment**

&#x20;The "Allocate Overpayment" is utilized to distribute excess payment to other invoices belonging to the same customer.

1. Open the Billing menu, then choose the invoice by clicking the invoice number with **Paid** status.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FNI5xNyKVWMRRVKeeelNW%2F2023-10-24_13-44-39.png?alt=media&#x26;token=1d1cd101-7955-42f0-97e0-e767231d648e" alt=""><figcaption><p>Billing List</p></figcaption></figure>

2. It can be seen that there’s an overpayment on the invoice.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FFzdSEy5P1bqeZw0l2xBe%2F2023-10-24_13-47-08.png?alt=media&#x26;token=3e5ccb4e-f773-47a0-8495-e5063a87a94c" alt=""><figcaption><p>Billing Detail</p></figcaption></figure>

3. Click on the **Actions** button, and click **Allocate Overpayment**.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FCUIgH3RvAosTNkDJi1hE%2F2023-10-24_13-48-45.png?alt=media&#x26;token=1d6085c9-933f-4f07-b554-b01abe1cd0e3" alt=""><figcaption><p>Allocate Overpayment</p></figcaption></figure>

4. It will show the **Allocation Payment** form, and the “Allocate From” will automatically be filled with a current invoice that has an overpayment. Input the nominal of Allocate Amount as needed, for example, the overpayment will be allocated into 2 invoices with the total amount of allocation can be seen on the form, then click the "**Submit"** button.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FLnkxxbxKNDylxn4nRGz5%2F2023-10-24_13-54-16.png?alt=media&#x26;token=5aa47160-5495-4b3c-834f-d4d9253cac07" alt=""><figcaption><p>Allocate Overpayment form</p></figcaption></figure>

**Field Parameter Allocate Overpayment Form**

<table><thead><tr><th width="233">Field</th><th>Description</th></tr></thead><tbody><tr><td>Available Amount</td><td>Available amount in accordance with the overpayment amount on the invoice</td></tr><tr><td>Allocate from</td><td>Payment source of fund</td></tr><tr><td>Allocate to</td><td><p>Invoice that will receive payment allocation. </p><p></p><p><strong>Notes:</strong> </p><p>Users can only allocate the overpayment to invoices belonging to the same customer.</p></td></tr><tr><td>Invoice No</td><td>Invoice number</td></tr><tr><td>Invoice Date</td><td>Invoice date</td></tr><tr><td>Due Date</td><td>Due date of the invoice</td></tr><tr><td>Outstanding amount</td><td>Outstanding amount on the invoice</td></tr><tr><td>Allocate Amount</td><td><p>The nominal payment amount that will be allocated to the invoice.</p><p><br><strong>Notes:</strong> <br>Allocation amount cannot be greater than the outstanding amount.</p></td></tr><tr><td>Total Allocation</td><td>Payment total allocation</td></tr></tbody></table>

5. On the notification, to validate click **Yes**.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FGx8vdjPeftWXHf5Xflmd%2F2023-10-24_13-56-14.png?alt=media&#x26;token=4337e431-4660-42f2-b694-a7991932aaeb" alt="" width="312"><figcaption><p>Validation Notification</p></figcaption></figure>

6. On success notification, click **OK**

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FnAGTJ6Z5Dlag673wSoKL%2F2023-10-24_13-58-41.png?alt=media&#x26;token=5cf52a33-ee64-4019-b73c-8d24cb84970c" alt="" width="313"><figcaption><p>Success Notification</p></figcaption></figure>

7. After the submission success, at payment history will be recorded that there’s a subtraction on the overpayment, which means that the funds have been successfully allocated into another invoice, and the remaining overpayment outstanding amount will be shown.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FfU0jmb5tuVSpPE9BerCt%2F2023-10-24_13-59-33.png?alt=media&#x26;token=5322853f-ff11-454a-bb1c-795671de2eb2" alt=""><figcaption><p>Billing Detail</p></figcaption></figure>

### **Extend Due Date Invoice**

Extend due date invoices can only be done for invoices that have the status of "**Unpaid, Partially Paid**, and **Overdue**". This feature is used to change or extend the due date. The following steps explain how to change the due date of an invoice:

1. On the invoice detail page, click "**Actions**" and select "**Extend Due Date**”.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2F0oh328RqYOWR2sfkFLEB%2F2023-12-26_14-55-40.jpg?alt=media&#x26;token=6241576c-3e8e-4393-b107-f369fa0dbc10" alt=""><figcaption><p>Extend Due Date</p></figcaption></figure>

2. On the confirmation pop-up to make the due date change, click "**Yes**" to continue the process.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FqFhe8rRO6nNcgfVahkRW%2F2023-12-26_14-55-53.jpg?alt=media&#x26;token=f30ba913-5a7b-427e-9726-a48d131d2ad5" alt="" width="290"><figcaption><p>Extend Due Date Confirm Notification</p></figcaption></figure>

3. Reset the due date of the invoice, click **"Apply"** then click **“Save and Send”** to save the change.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FKLr079IiO5UBAZOm1yps%2F2023-12-27_10-39-09.jpg?alt=media&#x26;token=70e01d6e-2f36-4b71-9a9b-64f2db362b91" alt=""><figcaption><p>Apply Due Date</p></figcaption></figure>

4. Click **“OK”** on the success notification.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FeUQjDv4nKVCOAYYZ7bcM%2F2023-12-26_14-56-54.jpg?alt=media&#x26;token=7dc9efee-000d-469a-8b30-92ecd6466808" alt="" width="289"><figcaption><p>Success Notification</p></figcaption></figure>

5. So, the due date has been successfully changed, and the new invoice has been sent to the customer email.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FJwWDBdiPdC7VrquT3S0F%2FInvoice%20Email%202.jpg?alt=media&#x26;token=1d7e136a-45e1-4731-8f46-5628b3c25863" alt=""><figcaption><p>Invoice Email</p></figcaption></figure>

### **Mark as Paid**

This feature is used to manually mark that the invoice has been paid off. This feature is only done for invoices that have the status of "**Unpaid, Partially Paid,** and **Overdue**".&#x20;

1. On the invoice detail page, click "**Actions**" and select "**Mark as Paid**”.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2F6Xw3dZeAd4YL5c4JKMdZ%2F2023-10-25_13-21-34_.png?alt=media&#x26;token=a1a7c4ae-1d0e-4dbd-a1e8-547a73b788df" alt=""><figcaption><p>Mark as Paid Button</p></figcaption></figure>

2. On confirmation message to continue the mark as paid on the invoice. Click **"Yes"** to approve.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FZDmSK2M54DOwYpMHGZk5%2F2023-10-25_13-36-16.png?alt=media&#x26;token=c5374b1b-9ac3-4795-a8ef-e14a91b13089" alt="" width="364"><figcaption><p>Confirm Notification</p></figcaption></figure>

3. Click **“OK”** on the success notification.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2Fc784IMyFCwdiSYlRvF6X%2F2023-10-25_13-36-52.png?alt=media&#x26;token=3fc230dc-65e6-451f-8834-5b82063164c2" alt="" width="375"><figcaption><p>Success Notification</p></figcaption></figure>

4. So, the invoice is successfully changed from "Unpaid" to "Paid" status.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FgryI2UCwkNs3eJxhm208%2F2023-10-25_13-38-26.png?alt=media&#x26;token=0ac72b97-c195-4d79-8a92-54b998a6d31a" alt=""><figcaption><p>Paid Status</p></figcaption></figure>

### **Send Proforma Invoice**

Send Proforma Invoice can only be used if the merchant activates the Proforma Invoice setting. This feature can be done on invoices that have the status "**Draft/Proforma**". The following steps explain how to send proforma:

1. On the invoice detail page, click "**Actions**" and select "**Send Proforma**".

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FDVytc2U2ciTsWLbbWTkm%2F2023-10-25_13-44-44.png?alt=media&#x26;token=929b4295-5f14-49ce-9fbd-113cacb5c3d3" alt=""><figcaption><p>Send Proforma Button</p></figcaption></figure>

2. The pop-up notification will show the expired date setting of the invoice. Click "**Yes, Submit**" to continue the process.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FfGEnDBFjBk1fUvgwH75Q%2F2023-10-25_13-52-28.png?alt=media&#x26;token=e532f6f9-dd79-4806-8a9d-81bb6dc2f442" alt="" width="375"><figcaption><p>Submit  Notification</p></figcaption></figure>

3. Click **"OK"** on the success notification.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FNku33NkxuIGWmthvFg8S%2F2023-10-25_13-53-12.png?alt=media&#x26;token=5eb1f903-e4be-46fc-a183-8b6afc76ae9f" alt="" width="346"><figcaption><p>Success Notification</p></figcaption></figure>

4. So, the proforma has been successfully sent to the customer's email.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FyAsGl7pTCrk98YwfldsH%2FInvoice%20Email%203.png?alt=media&#x26;token=1e43bbd6-15c8-435d-a1b3-4609b94aae9d" alt=""><figcaption><p>Invoice Email</p></figcaption></figure>
