# Online Banking App 2.0 User Manual

### **￼Overview**

The **Online Banking App** (a.k.a web self service app) enables the end users to interact with their own data and perform operations such as view/transact on the loans they hold, add beneficiaries, check charges etc.

Data which is visible to a self-service user is the subset of what the staff can see. Not all the data is accessible to the user (such as account notes, internal approval cycles).&#x20;

* The numbering below corresponds to the numbering in the image above:-

1. This shows your username (for self-service users).
2. This shows the **Side Navigation bar.** You can use this to access most of the features of the Online Banking App.
3. This menu provides you more options such as **Pocket, Profile** and **Logout.**

### **Register**

To register yourself as a self-service user, follow these steps:-

1. Click on the **New User? Create Account** button at the bottom of the page. You may need to scroll down to see this option.

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/register.png?version=1\&modificationDate=1533664722217\&cacheVersion=1\&api=v2\&height=400)

2\. Fill the details on the page and then **accept the terms and conditions**. After that you will see the **Create My Account** button getting highlighted. Click the button and then you will **receive an email which will provide you the Request ID and Authentication Token,** which is necessary to complete the last step.

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/Screenshot%20from%202018-08-07%2023-42-43.png?version=1\&modificationDate=1533665637178\&cacheVersion=1\&api=v2\&height=400)

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/Screenshot%20from%202018-08-07%2023-43-05.png?version=1\&modificationDate=1533665639067\&cacheVersion=1\&api=v2\&height=400)

3\. This is the last step. Just enter the Request ID and Authentication Token that you have received through email (after completing the 2nd step). After entering the details, click **Verify** and Voila! you have successfully registered yourself as a self-service user.

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/Screenshot%20from%202018-08-07%2023-52-38.png?version=1\&modificationDate=1533666176892\&cacheVersion=1\&api=v2\&height=400)

### **Login**

* If you are a self-service user then just enter your **Username** and **Password** and click on **Login**.

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/Screenshot%20from%202018-08-07%2023-57-13.png?version=1\&modificationDate=1533666449868\&cacheVersion=1\&api=v2\&height=400)

### **Dashboard**

The first page you see when you login is your **Dashboard**. It shows a summary of your accounts (Loan, Savings and Shares). You can see the graphs showing the overview of your accounts.

You can also generate a transaction graph which can be used to track your transactions.

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/Screenshot%20from%202018-08-08%2001-16-39.png?version=1\&modificationDate=1533671212214\&cacheVersion=1\&api=v2\&height=400)

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/Screenshot%20from%202018-08-08%2000-15-25.png?version=1\&modificationDate=1533671189146\&cacheVersion=1\&api=v2\&height=400)

### **Transaction Graph**

* To create the transaction graph follow these steps:-
  1. Enter your **Account Number** and **Account Type** (Loan, Savings and Shares).&#x20;
  2. When you enter the details mentioned above, a new input field will show up which shows the **transaction type** (repayment, disburse, etc. for *Loan* account, and withdrawal, etc. for *Savings* account).
  3. After you select the transaction type click on **Generate Graph**. Scroll down to see the generated graph. Hover over the graph to see the details of the transaction. **In the graph, the x-axis represents the date of the transaction and y-axis represents the amount.**

The GIF below shows the procedure to generate transaction graph:

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/transaction-graph2.gif?version=1\&modificationDate=1533672071809\&cacheVersion=1\&api=v2\&height=400)

### **Accounts**

* **View Account details**
  * Click on the **Accounts** option in the side navigation bar.

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/New%20Wireframe%201.png?version=1\&modificationDate=1533674570015\&cacheVersion=1\&api=v2\&height=400)

You will see a list of your accounts. You can switch between the different types of accounts (Loan, Savings and Shares) by clicking on the tab bar of the list.

When you click on one of the accounts, the details of that account become visible:

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/New%20Wireframe%201%20\(3\).png?version=1\&modificationDate=1533830066200\&cacheVersion=1\&api=v2\&height=400)

You can switch between the tabs **Account Details, Repayment Schedule** and **Transactions** to get the details about your account, repayment schedules and transactions respectively.

The *three vertical dots* is the *more* option. Click on it to **Create Guarantors** and **View Guarantors.** There are two buttons in the account summary card - **Add to Pocket** (to add the account to pocket) and **Make Payment** (to redirect you to the payment options).

### **Add Guarantors**

* To add Guarantors (who are an existing client to loan account application), follow these steps:-<br>
  1. When viewing a loan account , click **more (***three vertical dot&#x73;**)*** and select **Create Guarantors.**

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/New%20Wireframe%201%20\(4\).png?version=1\&modificationDate=1533830457553\&cacheVersion=1\&api=v2\&height=400)

2\. Check the **Existing User** box.

3\. Fill the entries as per your selection, whether the user already exists or not. Entry fields are different for both the cases.

4\. After filling entries click on **Create Guarantor** button at the end of the form.

The Guarantor will be added to the loan account application.

### **View Guarantors**

* To view Guarantors, click on the **more** option (*three vertical lines*) and then select **View Guarantor(s).**

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/New%20Wireframe%201%20\(4\).png?version=1\&modificationDate=1533830457553\&cacheVersion=1\&api=v2\&height=400)

### **Edit/View/Delete Guarantors**

* When viewing a guarantor, the last column for each guarantor has the option for **editing, viewing and deleting Guarantors.**

### **Make Payment**

* While viewing an account, click on the **make payment** button at the end of the summary card to make payment. Once you click on **make payment** button, you will be redirected to **transfers**.

### **Product Details**

* This lets you know about the details of the product beforehand (so you can select the proper product).
* To view this page, click on the **Product Details** option from the side navigation bar.
* Click on the **info** icon to check out more details about the product.
* You can switch between the different types of products (**Loan, Savings and Shares**) from the tabs.

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/40681485-dd0932de-63a6-11e8-9e43-e0dd18835113.png?version=1\&modificationDate=1533904085589\&cacheVersion=1\&api=v2\&height=400)

### **Recent Transactions**

* To see your recent transactions click on the **Recent Transactions** form the side navigation bar.

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/Screenshot%20from%202018-08-09%2022-16-25.png?version=1\&modificationDate=1533833231205\&cacheVersion=1\&api=v2\&height=400)

### **Charges**

* To check your charges, click on **Charges** from the side navigation bar.

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/Screenshot%20from%202018-08-09%2022-20-10.png?version=1\&modificationDate=1533833427316\&cacheVersion=1\&api=v2\&height=400)

### **Transfers**

* To transfer funds, select **Transfers** from the side navigation bar. After that, fill the input fields:

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/Screenshot%20from%202018-08-09%2022-28-10.png?version=1\&modificationDate=1533833964302\&cacheVersion=1\&api=v2\&height=400)

* After filling in the input fields, click on the **Review Transfer** button. A dialogue box will appear where you can review the transfer. After making sure that the details are correct for the transfer, click on the **Transfer Now** to confirm the transfer.

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/Screenshot%20from%202018-08-09%2022-28-55.png?version=1\&modificationDate=1533833971063\&cacheVersion=1\&api=v2\&height=400)

### **Third Party Transfers**

* For Third Party Transfers click on the **Third Party Transfers** from the side navigation bar. Fill the input fields and then click on **Review Transfer.**

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/Screenshot%20from%202018-08-09%2022-38-58.png?version=1\&modificationDate=1533834610245\&cacheVersion=1\&api=v2\&height=400)

* After clicking on the **Review Transfer** button, a dialogue box will open, allowing you to review the transfer. Click on **Transfer Now** after confirming the details.

{% hint style="info" %}
Currently, Mifos only provides the Mifos Transfer Gateway for Third Party Transfers.
{% endhint %}

### **Beneficiaries**

* **View Beneficiaries**
  * To view Beneficiaries, click on the **Beneficiaries** option from the side navigation bar.

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/Screenshot%20from%202018-08-09%2022-47-19.png?version=1\&modificationDate=1533835060294\&cacheVersion=1\&api=v2\&height=400)

* **Add Beneficiaries**
  * To add new Beneficiaries, click on the **' + '** button (*in red*).

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/New%20Wireframe%201%20\(6\).png?version=1\&modificationDate=1533835502457\&cacheVersion=1\&api=v2\&height=400)

* **Edit Beneficiaries**
  * To Edit Beneficiaries click on the **Pencil** icon from the list of Beneficiaries (*you may have to scroll towards the right to see these options in the list ).*

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/New%20Wireframe%201%20\(7\).png?version=1\&modificationDate=1533835925679\&cacheVersion=1\&api=v2\&height=400)

* **Delete Beneficiaries**
  * To Delete Beneficiaries click on the **Trash** icon from the list of the Beneficiaries (*you may have to scroll right to see the options ).*

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/New%20Wireframe%201%20\(8\).png?version=1\&modificationDate=1533836073777\&cacheVersion=1\&api=v2\&height=400)

### **Profile**

* **View Profile**
  * To view your profile click on the **Profile** from the side bar navigation or from the right corner ( click on the icon and then select **Profile** ).

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/New%20Wireframe%201%20\(10\).png?version=1\&modificationDate=1533836637301\&cacheVersion=1\&api=v2\&height=400)

### **Reports**

* To view reports follows these steps:
  1. &#x20;Click on the **Reports** from the side navigation bar.
  2. Then select the report which you want to view.

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/Reports.gif?version=2\&modificationDate=1533900217547\&cacheVersion=1\&api=v2\&height=400)

### **Apply for Loan**

* To apply for loan, click on **Apply for Loan** from the side navigation bar.
* Select the **Loan Product Option.**
* After selecting the Loan product other input entries will open, fill the entries and click on **Apply**.

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/loan.gif?version=2\&modificationDate=1533901824839\&cacheVersion=1\&api=v2\&height=400)

### **Apply for Savings**

* It is similar as **Apply for Loan ,** just click on the **Apply for Savings** from the side navigation bar.
* Then select the **Savings Product.**
* Then fill the input fields that appear and then click **Apply.**

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/Screenshot%20from%202018-08-10%2017-34-04.png?version=1\&modificationDate=1533902658138\&cacheVersion=1\&api=v2\&height=400)

### **Surveys**

* To take a survey follow these steps:
  1. Select **Surveys** from the side navigation bar.
  2. Then click on **Take Survey** .
  3. Then **Select Survey** which you want to take from the options and the survey questions will start.
* You can click **Next** and **Previous** buttons to navigate between the questions.
* Once you are done with the survey ( you can leave questions blank if you wish to do so ) click on **Submit.**
* After clicking on Submit, a **Preview** will be displayed, showing all your questions and your responses. It shows **You haven't answered** for the questions you haven't given any responses to.
* If you think any of your responses is not correct or if you want to fill the unanswered questions, you can select **Previous** and go to the question to change/add a response.
* Once you have reviewed your answers, click on the **Submit** button to submit the survey.
* You can **view the survey** from the list of survey appeared on the page when you click on the surveys from the side navigation bar.

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/survey.gif?version=1\&modificationDate=1533903373405\&cacheVersion=1\&api=v2\&height=400)

### **Pocket**

* **Add/Remove accounts to Pocket**
  * To add any account to **Pocket,** click on the **Add to Pocket** button at the end of the account summary card. Once, you click on the **Add to Pocket,** the account will get added to Pocket.
  * To remove the account from **Pocket** click on the **Remove from Pocket** button in the card summary. This button only appears for the accounts which have been added to **Pocket.**

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/pockets.gif?version=1\&modificationDate=1533903596223\&cacheVersion=1\&api=v2\&height=400)

* **View Accounts in Pocket**
  * To view accounts saved in pocket, click on the icon on the *top-right corner* and then select **Pocket.**  Refer to the GIF in **Add accounts to Pocket.**

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/New%20Wireframe%201%20\(13\).png?version=2\&modificationDate=1533905191438\&cacheVersion=1\&api=v2\&height=400)

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/New%20Wireframe%201%20\(14\).png?version=1\&modificationDate=1533905322815\&cacheVersion=1\&api=v2\&height=400)

### **About Us**

* This page shows the details of the organisation. To view this page, click on the **About Us** option from the side navigation bar.

### **Help**

* This page shows the **FAQs .** To view this page, click on the **Help** from the side navigation bar.

### **Logout**

* For logging out from the app, click on the icon at the *top right corner,* then click on the **Logout** option on the drop-down menu that appears.

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/New%20Wireframe%201%20\(13\).png?version=2\&modificationDate=1533905191438\&cacheVersion=1\&api=v2\&height=400)

![](https://mifosforge.jira.com/wiki/download/thumbnails/494206998/New%20Wireframe%201%20\(15\).png?version=1\&modificationDate=1533905359578\&cacheVersion=1\&api=v2\&height=400)


---

# Agent Instructions: 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:

```
GET https://docs.mifos.org/staff-ui-platforms/fineract-1.x/web-self-service-app/online-banking-app-2.0-user-manual.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
