---
title: "Bill&Pay"
slug: "billpay"
updated: 2023-09-07T05:04:00Z
published: 2023-09-07T05:04:00Z
canonical: "docs.cspcontrolcenter.com/billpay"
---

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

# Bill&Pay

The purpose of this document is to walkthrough the steps involved in configuring Bill&Pay as the payment gateway provider in C3. The document talks about changing a few application level settings in Bill&Pay portal. Partners are requested to Perform the actions as below mentioned. The document also covers the steps that a Partner can do to validate the integration by performing a test charge against the credit card.

### Prerequisites
It is assumed that you have an account with Bill&Pay. C3 requires the following Bill&Pay account details for the integration to work properly
* App Id
* App Key
* Biller Id

### Create New App
Please follow the below steps to obtain the required details

* Launch the browser and navigate to https://www.billandpay.com
* Navigate to: **Apps** in left menu & click on **Add New App**

    ![image.png](https://cdn.document360.io/befc117b-d0cc-407b-aa17-11e4a3b49d3a/Images/Documentation/image%28363%29.png){height="" width=""}

* Enter the **App Name** to identify the app for the partner e.g.: Contoso Prod
* Enter Callback URL as follows: **https://<partnerC3webURL>/api/PaymentNotifier/**
* Select all Events and click **Add**
    ![image.png](https://cdn.document360.io/befc117b-d0cc-407b-aa17-11e4a3b49d3a/Images/Documentation/image%28364%29.png){height="" width=""}


### Obtaining App Is & App Key

* Click on the app created above in **Bill & Pay Apps** screen
* Copy the values for **App ID** and **App Key.** 
    ![image.png](https://cdn.document360.io/befc117b-d0cc-407b-aa17-11e4a3b49d3a/Images/Documentation/image%28365%29.png){height="" width=""}
 
### App Authorization by Partner

* Go to **Edit App / App** details page
* Copy **Biller Authorization URL** and navigate to this URL and authorize our app by providing his credentials.
    ![image.png](https://cdn.document360.io/befc117b-d0cc-407b-aa17-11e4a3b49d3a/Images/Documentation/image%28366%29.png){height="" width=""}

* Once authorized, you will see your biller details in Authorized Billers section at the bottom of this page. Grab **Biller Id** from here and share it with C3 team.
    ![image.png](https://cdn.document360.io/befc117b-d0cc-407b-aa17-11e4a3b49d3a/Images/Documentation/image%28367%29.png){height="" width=""}

    
### Onboard a Bill&Pay customer to C3
Here are the steps to onboard an existing Bill&Pay customer. 
Note: A test customer by name Contoso Market is considered for illustration purposes

* Log on to C3 (C3 team should have communicated the details of the login / email that is given Partner Admin rights to the portal)
* Click Customers in the menu on the left
* Redirect to “**Link to Billing Profile**” under Customer Settings.
![image.png](https://cdn.document360.io/befc117b-d0cc-407b-aa17-11e4a3b49d3a/Images/Documentation/image%28339%29.png){height="" width=""}

* The the following screen will become visible for onboarding Stripe customer using Billing System ID.

    ![image.png](https://cdn.document360.io/befc117b-d0cc-407b-aa17-11e4a3b49d3a/Images/Documentation/image%28340%29.png){height="" width=""}

### Adding payment profile
•	Impersonate Customer
    ![image.png](https://cdn.document360.io/befc117b-d0cc-407b-aa17-11e4a3b49d3a/Images/Documentation/image%28345%29.png){height="" width=""}

•	Click Profile in the menu on the left to look at the payment profile of the customer to ensure that it is valid
    ![image.png](https://cdn.document360.io/befc117b-d0cc-407b-aa17-11e4a3b49d3a/Images/Documentation/image%28346%29.png){height="" width=""}

•	Payment method details can be updated by clicking on Add button and providing new details on the form that follows
![image.png](https://cdn.document360.io/befc117b-d0cc-407b-aa17-11e4a3b49d3a/Images/Documentation/image%28347%29.png){height="" width=""}

•	Switch back to Partner side by clicking on **Stop Impersonation** button available on top bar.

![image.png](https://cdn.document360.io/befc117b-d0cc-407b-aa17-11e4a3b49d3a/Images/Documentation/image%28349%29.png){height="" width=""}

•	Under Customer Settings, select the “**Customer Payments**” option.
![image.png](https://cdn.document360.io/befc117b-d0cc-407b-aa17-11e4a3b49d3a/Images/Documentation/image%28350%29.png){height="" width=""}

•	Click the “**Test Charge Button**” to initiate a test charge of $1 against customer payment profile

![image.png](https://cdn.document360.io/befc117b-d0cc-407b-aa17-11e4a3b49d3a/Images/Documentation/image%28351%29.png){height="" width=""}


•	Give it a couple of minutes and come back to this screen to view the status of the transaction