# Chat 2 Pay enhancements

## Release Summary

The focus of this release was to allow merchants to customize and uplift the payment experience for their customers. We also addressed some bugs and completed important work with regard to data and reporting requirements.

## Release Details

### Payment page order details <a href="#order-detail-pass-through" id="order-detail-pass-through"></a>

The [Chat 2 Pay API](https://docs.clickatell.com/products/chat-2-pay/api-reference/) was updated to pass additional order information to the payment gateway's APIs. This additional order data that gets passed to Cybersource is displayed to your end-user on the payment page, providing more detailed information to your end-user.&#x20;

When a customer pays for their order, they will see a list of their order items displayed on the payment page. The order details can contain details like Product ID, Product Name, Quantity, Price, and Tax.

An example of what this might look like is shown below.  <br>

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2FrbfHnTSMhaOqtvn2iswk%2Fimage.png?alt=media&#x26;token=39625ec1-ce6d-476c-ba5f-701bd7a4be48" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="info" %}
Clickatell does **not** manage a catalog system. The order details are passed to Clickatell via [APIs](https://docs.clickatell.com/products/chat-2-pay/api-reference/). The **tax** amount is handled by you and is passed through the [API ](https://docs.clickatell.com/products/chat-2-pay/api-reference/)to Clickatell.
{% endhint %}

## Custom branding

You can now upload your logo so that it shows on the payment page when your customers are checking out. You can do this on the [Payment Settings](https://clickatell.gitbook.io/chat-2-pay-user-guide/cybersource-and-salesforce/configuration-details/step-3-configure-the-extension) page.

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2FOVzxsHjjBE9bMglhMnWi%2Fimage.png?alt=media&#x26;token=6ea975dd-591b-417c-82b7-a8c59139dca3" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2F4PwDimoI78HsRMr9ARGK%2Fimage.png?alt=media&#x26;token=179c51bd-81c0-4aeb-9908-dc2e4a59f1bc" alt=""><figcaption></figcaption></figure>

Once a merchant completes the steps detailed above, the logo will be displayed on the order summary and payment confirmation page<br>

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2FpcnGUW6FtOlyWCAHtEjn%2Fimage.png?alt=media&#x26;token=e63d1e05-8c92-4892-84b6-eded552499f5" alt="" width="300"><figcaption></figcaption></figure>

### Partial billing

*Billing Type* is a setting on the[ Chat 2 Pay Payment Settings configuration screen ](https://clickatell.gitbook.io/chat-2-pay-user-guide/cybersource-and-salesforce/configuration-details/step-3-configure-the-extension)that lets you decide if your customer should type in their billing details as part of the checkout experience. This applies to our current Cybersource integration.

Any customer-supplied billing information will be shown on both the Order Confirmation & Payment Summary Page.

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2F5oHbzCC81H66UOawC0JJ%2Fimage.png?alt=media&#x26;token=ed7b08fd-7f71-463b-a367-ce8959f34304" alt="" width="542"><figcaption></figcaption></figure>

## Merchant Descriptor

A merchant descriptor field was added to the [Payment Settings configuration screen](https://clickatell.gitbook.io/chat-2-pay-user-guide/cybersource-and-salesforce/configuration-details/step-3-configure-the-extension). This is the name that appears on both a merchant's and a customer's bank or credit card statement when a customer makes a purchase from the merchant.

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2FrknwdCDNevpljBRjBjau%2Fimage.png?alt=media&#x26;token=a04a4ed9-dbfa-4ea0-b1b0-850552212868" alt=""><figcaption></figcaption></figure>