New service | [**Change log**](/products/plugins/change-log)

# Your customer's journey

The Plugin enables payments via our Hosted Payment Pages API and supports:

* Visa
* Mastercard
* Amex
* Google Pay
* Apple Pay


br
1. Visiting your storefront as a guest user, your customer sees the payment section as below:


![Payment section screenshot](/assets/payment-section-hpp.5a679f267f428675a6aec3078d741aed01e0c3d1974f3cedb4ee329cab3773b4.39c0f7df.png)

1. Your customer places the order and is redirected to our Hosted Payment Page.


![Order summary page](/assets/order-summary-page.07ccb01c3c92f7a244751a236c974835a0b394672849e48b336561369b4ec843.39c0f7df.png)

1. They fill in their card details, click on "Make Payment" and are redirected to a processing page.


![Order processing page](/assets/order-processing-page.d4f2012a44209d91015e908ffecd8eeb4334b02cdb12373b98038ba25f782004.39c0f7df.png)

1. Once the payment is processed, the order confirmation page is displayed.


![Order confirmation page](/assets/order-confirmation.11876070cb4e21f0856ae661b2311ac5bb91cc0918276c2425ee7b8d26fecde8.39c0f7df.png)

## Storing your customer's card details

You can allow your customer to save a card, if they create an account, by enabling the below custom preference in Business Manager. Go to **Merchant Tools →  Site Preferences →  Custom Preferences** and click "AWP-Core".

![Enable save cards field](/assets/enable-save-cards.a315608fc4738b8f75637c9f5ff746b1595ddf2c50b1e8dcb1dc0f634aa1aa92.39c0f7df.png)

Please contact your Implementation Manager for more details.

1. If this custom preference is enabled and your customer is logged in, the “Save payment details” option is displayed on the Hosted Payment Page.


![Save payment details](/assets/save-payment-details.01c7b72e638281af3ccb717ebed1d96c6ce77195b77357bfaf8f980aa1c622a4.39c0f7df.png)

1. If the checkbox is checked, a request is sent to us to create a token for your customer using their credit card. This is stored on their account.


![Saved card in customer account screenshot](/assets/account-saved-card.c6a517177a06394a992a62366bf21fe2ada602eb639251a2004d711c30bd32bd.39c0f7df.png)

* If your customer already has a card token stored on their account it will be displayed on the checkout page. They will have the option to either use it or to use a new card.


![Use new card path screenshot.png](/assets/use-new-card.abc808a75cd72f04359ff4885a6c1079a35c98d33b241d9366219662052a9575.39c0f7df.png)
![Use saved card path screenshot.png](/assets/use-saved-card.57e3c70d48ea13036d5908760989c124e65af9f5169a04875fbdda444b9edc21.39c0f7df.png)

* Your customer can choose to remove their stored card tokens from their account. Each token selected is deleted from Salesforce and a request is sent to us to delete it.