# Masterpass Checkout Experiences
source: https://developer.mastercard.com/masterpass-merchant-integration-v7/documentation/masterpass-checkout-experiences/index.md

### Standard Checkout {#standard-checkout}

Standard checkout is the default and most basic Masterpass checkout experience. In Q2 2016, Masterpass brought a highly enhanced consumer experience, along with a full product redesign to support that, which went live in U.S. to start with and and now gradually being rolled out to all Masterpass markets (see [countries enabled for the new web experience](https://developer.mastercard.com/masterpass-merchant-integration-v7/documentation/countries-enabled-for-the-new-web-experience/index.md).  

#### New Web Experience {#new-web-experience}

Note: See here for [countries enabled for the new web experience.](https://developer.mastercard.com/masterpass-merchant-integration-v7/documentation/countries-enabled-for-the-new-web-experience/index.md)

1: The consumer clicks on the Masterpass Button during checkout, launching the Masterpass Lightbox interface.

![alt text](https://static.developer.mastercard.com/content/masterpass-merchant-integration-v7/documentation/images/mpass-scr-standardcheckout-buywithmasterpassus.png)

2: The consumer logs into their wallet.

![alt text](https://static.developer.mastercard.com/content/masterpass-merchant-integration-v7/documentation/images/mpass-scr-lightboxlogin-prefilled-usonly.png)

3: The consumer selects their payment method and shipping address.

![alt text](https://static.developer.mastercard.com/content/masterpass-merchant-integration-v7/documentation/images/mpass-scr-walletselector-finishshopping-usonly.png)

4: The consumer reviews and submits the order.

![alt text](https://static.developer.mastercard.com/content/masterpass-merchant-integration-v7/documentation/images/mpass-scr-standardcheckout-finalreview-placeorder-us.png)

5: The merchant confirms the order.

![alt text](https://static.developer.mastercard.com/content/masterpass-merchant-integration-v7/documentation/images/mpass-scr-pairingduringcheckout-confirmation-us.png)

#### Legacy Web Experience {#legacy-web-experience}

Note: This experience is available only to countries that have not been enabled for the new web experience. See here for [Countries Enabled for the New Web Experience](https://developer.mastercard.com/masterpass-merchant-integration-v7/documentation/countries-enabled-for-the-new-web-experience/index.md).

1: The consumer clicks on the Masterpass Button during checkout, launching the Masterpass Lightbox interface.

![alt text](https://static.developer.mastercard.com/content/masterpass-merchant-integration-v7/documentation/images/038ef00d4726b4da7542237e5347mpass_scr_StandardCheckout_BuyWithMasterPassUS.png)

2: The consumer logs into their wallet.

![alt text](https://static.developer.mastercard.com/content/masterpass-merchant-integration-v7/documentation/images/63f4300541d0a98859ac321c3036mpass_scr_LightboxLogin_prefilled.png)

3: The consumer selects their payment method and shipping address.

![alt text](https://static.developer.mastercard.com/content/masterpass-merchant-integration-v7/documentation/images/c82c950d458184d8a16cd47d9129mpass_scr_WalletSelector_FinishShopping.png)

4: The consumer reviews and submits the order.

![alt text](https://static.developer.mastercard.com/content/masterpass-merchant-integration-v7/documentation/images/c99cd5a94c899db2bbda1e61747empass_scr_StandardCheckout_FinalReview_PlaceOrder.png)

5: The merchant confirms the order.

![alt text](https://static.developer.mastercard.com/content/masterpass-merchant-integration-v7/documentation/images/d03e9ec74a47bfca3c761c1eb649mpass_scr_PairingDuringCheckout_Confirmation.png)

#### Express Checkout {#express-checkout}

Express checkout is the fastest Masterpass checkout experience, as it provides the frictionless experience of not requiring the consumer to sign in to their Masterpass wallet.

Before being enabled for express checkout, merchants must pass the Masterpass security vetting specifications.

1: The merchant must have a reliable method for identifying the consumer, preferably with login.   

2: The consumer must log in to their merchant account and pair it with their Masterpass account. This allows Masterpass to share the consumer's wallet data with the merchant during checkout.   

3: The merchant requests a masked copy of the wallet data (known as precheckout data) from Masterpass to display on their site or app.   

4: The consumer makes their payment and shipping selections on the merchant interface and clicks the Masterpass Button to confirm the order.   

5: The merchant receives the full, unmasked payment details from the Masterpass wallet and uses that information to process the order.

#### Unpairing {#unpairing}

A consumer can "unpair" their pairing consent for the merchant at any time using Masterpass account management. When a consumer unpairs, they will receive an email notification. When this happens, the precheckout call from the merchant to Masterpass will return an empty response. In such situations, the merchant can proceed with standard checkout. The merchant can also request pairing with this consumer again.

### Mobile Checkout (Merchant App-to-Wallet App) {#mobile-checkout-merchant-app-to-wallet-app}

Merchant App-to-Wallet App Mobile Checkout feature is currently applicable to U.S. merchants with Android smartphone applications only.

![alt text](https://static.developer.mastercard.com/content/masterpass-merchant-integration-v7/documentation/images/c99f0203425a86a07f0d3bb2e1d5MasterPass%20merchant%20Android%20SDK%20UI.png)

1: Consumer must have a Masterpass-enabled Wallet App installed on his / her device.   

2: Consumer sees Masterpass button on a Merchant's Mobile App.   

3: Consumer selects a payment method to pay.   

4: Consumer authenticates in Wallet App.   

5: Consumer returns to Merchant App Merchant fetches payment details from Masterpass and uses that information to process the order.  
