> ## Documentation Index
> Fetch the complete documentation index at: https://docs.clickpesa.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Payment Pages

> Create and manage payment pages in the Merchant Dashboard

<Note>
  Learn what Payment Pages are and how they fit hosted checkout in the [Hosted Checkout Overview](/checkout/checkout-overview).
</Note>

## How to use Payment Page

### How to access payment pages

To access the Payment Page feature, visit [merchant.clickpesa.com](https://merchant.clickpesa.com/), login and navigate to the "Payment Pages" menu item. On this page you find all the payment pages

<Frame>
  <img src="https://mintcdn.com/clickpesa/0WSW-pYZvTe4euTd/images/knowledge-base/pages-1024x586.png?fit=max&auto=format&n=0WSW-pYZvTe4euTd&q=85&s=27aa880b76da4308df105e074525bdf9" alt="Pages 1024x586" width="1024" height="586" data-path="images/knowledge-base/pages-1024x586.png" />
</Frame>

1. On the page you should be able to see summary with payment pages coun, value and total payments count associated with payment pages.
2. You will also be able to see a graph section where data are measured by time or status.

<Frame>
  <img src="https://mintcdn.com/clickpesa/C3eIIio-qxIwXWfX/images/knowledge-base/SCR-20240401-tadc.png?fit=max&auto=format&n=C3eIIio-qxIwXWfX&q=85&s=b9732ae776570477dccb1dc52ce227c7" alt="Merchant Dashboard screenshot" width="1434" height="756" data-path="images/knowledge-base/SCR-20240401-tadc.png" />
</Frame>

3. On the graph you will be able to change graph data by selecting Time, value or status. You should also be able to change data style between area chart and bar chart

<Frame>
  <img src="https://mintcdn.com/clickpesa/C3eIIio-qxIwXWfX/images/knowledge-base/SCR-20240404-qftb.png?fit=max&auto=format&n=C3eIIio-qxIwXWfX&q=85&s=8b6d02973176b87359f7e7edc961d80e" alt="Merchant Dashboard screenshot" width="374" height="386" data-path="images/knowledge-base/SCR-20240404-qftb.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/clickpesa/C3eIIio-qxIwXWfX/images/knowledge-base/SCR-20240401-scdf.png?fit=max&auto=format&n=C3eIIio-qxIwXWfX&q=85&s=3dfc1a5db22308df4b09cd343e919243" alt="Merchant Dashboard screenshot" width="490" height="354" data-path="images/knowledge-base/SCR-20240401-scdf.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/clickpesa/C3eIIio-qxIwXWfX/images/knowledge-base/SCR-20240401-skct.png?fit=max&auto=format&n=C3eIIio-qxIwXWfX&q=85&s=06506e8f659bc15895986c30b71894d6" alt="Merchant Dashboard screenshot" width="1432" height="748" data-path="images/knowledge-base/SCR-20240401-skct.png" />
</Frame>

### How to create a payment page

To fully use this feature, refer to the [Payment methods documentation](/dashboard/settings/collection).

1. Click the "Create New Page" button on the Payment Pages tab.

<Frame>
  <img src="https://mintcdn.com/clickpesa/C3eIIio-qxIwXWfX/images/knowledge-base/create-new-payment-page.svg?fit=max&auto=format&n=C3eIIio-qxIwXWfX&q=85&s=764ee010f4a13aff156e0a92d8f899e6" alt="Create New Payment Page" width="2920" height="218" data-path="images/knowledge-base/create-new-payment-page.svg" />
</Frame>

2. Fill in the following information about the payment page and submit
   1. Name of the page
   2. Amount to be paid
   3. Currency of the amount
   4. Description (if applicable). To add description, click add description button, this will open a description field as shown below.

<Frame>
  <img src="https://mintcdn.com/clickpesa/0WSW-pYZvTe4euTd/images/knowledge-base/payment-page-description.svg?fit=max&auto=format&n=0WSW-pYZvTe4euTd&q=85&s=6f54e12728a93d9cd9f80521a4d07d0e" alt="Payment Page Description" width="2920" height="1016" data-path="images/knowledge-base/payment-page-description.svg" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/clickpesa/0WSW-pYZvTe4euTd/images/knowledge-base/payment-page-add-page-description.svg?fit=max&auto=format&n=0WSW-pYZvTe4euTd&q=85&s=1045d7e8afbf58f32b53e7dbe4f06746" alt="Payment Page Add Page Description" width="1676" height="1376" data-path="images/knowledge-base/payment-page-add-page-description.svg" />
</Frame>

5. Customer details (if applicable) To add customer, click create for a customer button, this will open a customer field as shown below.

<Frame>
  <img src="https://mintcdn.com/clickpesa/0WSW-pYZvTe4euTd/images/knowledge-base/payment-payment-create.svg?fit=max&auto=format&n=0WSW-pYZvTe4euTd&q=85&s=ed4b324f71b2934f4e55557febdf2a2b" alt="Payment Payment Create" width="2920" height="1016" data-path="images/knowledge-base/payment-payment-create.svg" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/clickpesa/0WSW-pYZvTe4euTd/images/knowledge-base/payment-page-add-new-customer.png?fit=max&auto=format&n=0WSW-pYZvTe4euTd&q=85&s=26f20d8f0792ec127909567d5f1ffb3e" alt="Payment Page Add New Customer" width="1410" height="234" data-path="images/knowledge-base/payment-page-add-new-customer.png" />
</Frame>

6. Image of the product or service (if applicable).
7. When clicking the link, you will be redirected to a single payment page URL. Here, you can view a summary of the page and a list of all payments made for that page.

### How to share a payment page

1. To share payment page link with your customers, copy the link which is shown on the summary with label Payment Page Checkout Link, click the copy icon as shown on the image below to copy the URL. This can then be shared on e-mail, WhatsApp, website or any other communication channel.

<Frame>
  <img src="https://mintcdn.com/clickpesa/0WSW-pYZvTe4euTd/images/knowledge-base/sharepage.png?fit=max&auto=format&n=0WSW-pYZvTe4euTd&q=85&s=cde9d0e088e866866b3ba52146719724" alt="Sharepage" width="2978" height="1332" data-path="images/knowledge-base/sharepage.png" />
</Frame>

### How to modify a payment page

1. Payment page can be edited, deleted or turned off/on, when viewing single payment page there are three actions.
   1. **Edit**\
      When viewing payment page, there is an edit button which redirects to edit payment page. All the details about the page can be edited.

<Frame>
  <img src="https://mintcdn.com/clickpesa/0WSW-pYZvTe4euTd/images/knowledge-base/editpage.png?fit=max&auto=format&n=0WSW-pYZvTe4euTd&q=85&s=6eaa6fe5a71b822874a3dbe370e589bc" alt="Editpage" width="2978" height="1332" data-path="images/knowledge-base/editpage.png" />
</Frame>

2. **Deactivate**\
   After creation by default a payment page is activated, this means it can receive payments. When viewing payment page there is a toggle to deactivate the payment page. When the payment page is deactivated, the payment page will no longer receive payments.

<Frame>
  <img src="https://mintcdn.com/clickpesa/0WSW-pYZvTe4euTd/images/knowledge-base/deactivate-page.png?fit=max&auto=format&n=0WSW-pYZvTe4euTd&q=85&s=f4da6e02cdc1783db016e60774d85790" alt="Deactivate Page" width="2898" height="1150" data-path="images/knowledge-base/deactivate-page.png" />
</Frame>

3. **Delete**\
   When viewing payment page, there is delete button which will delete the payment page.

<Frame>
  <img src="https://mintcdn.com/clickpesa/0WSW-pYZvTe4euTd/images/knowledge-base/deletepage.png?fit=max&auto=format&n=0WSW-pYZvTe4euTd&q=85&s=0ef24a9f42601c71495798d784c3dd19" alt="Deletepage" width="2978" height="1332" data-path="images/knowledge-base/deletepage.png" />
</Frame>

### Tips and Best Practices

When creating a payment page, if you know which payment method the customers are going to use, it is best to select a currency supported by that method. However, it's not mandatory since the our checkout supports allows customers to pay in various currencies using all available payment methods.

## Common Use Cases

1. Events, festivals and sport facilities can use Payment Pages to sell online tickets.
2. Educational institutions can use Payment Pages to collect school contributions from students and their parents.
3. Microfinances can use Payment Pages to receive funds from their customers. This not only facilitates easier collection of loan repayments but also helps them keep track of customers who have paid and those who haven't, particularly in relation to loans.
4. NGOs can use Payment Pages to accept contributions and donations from supporters, providing a convenient and transparent way to manage incoming funds.

## Frequently Asked Questions (FAQ)

1. **During collection who gets charged, is it me or my customer?**\
   Customer is paying for the charges during collection.
2. **My customers don’t have smartphones, how do they pay?**\
   The payment page can only be opened on a computer or smartphone as the payment page is web-based. For customers that don't have a computer or smartphone, a merchant can go to the payment page, choose NMB Bill Number (valid for 15 minutes) or Bank Deposit (valid for 7 days) and share these payment instructions and details manually with the customer. The customer can then do the payment accordingly.
3. **When a customer pays me do I get notifications?**\
   Currently notifications are not sent when a customer pays.
4. **Is ClickPesa limited to specific operators i.e. M-Pesa, Tigo Pesa, or just Artel Money?**\
   There are multiple methods to collect funds via ClickPesa such as Tigo Pesa, Airtel Money, Mpesa, Bank and Card. Learn more about all the [payment methods](/dashboard/settings/collection) that ClickPesa supports.
