# Guides
source: https://developer.mastercard.com/mastercard-checkout-solutions/documentation/guides/index.md

Use the following guides to implement different UX guidelines within Mastercard Checkout Solutions.

## Click to Pay UX Guide {#click-to-pay-ux-guide}

While performing a Click to Pay checkout, the user experience can vary based on the type of use case and action the users perform. Refer to below UI/UX integration and best practices to learn more.
Warning: All the scenarios described in this section are relevant for Mastercard screens only. The behavior may vary for other participating networks.

### Recognized User {#recognized-user}

View UI/UX variations for user with an existing click to pay profile on a recognized device.


<br />


<br />

[View Details](https://developer.mastercard.com/mastercard-checkout-solutions/tutorial/returninguser_recognized_ui/index.md)

### User Recognized through Email/Mobile Lookup {#user-recognized-through-emailmobile-lookup}

View UI/UX variations for user with an existing click to pay profile, recognized on by email/mobile number.


<br />

[View Details](https://developer.mastercard.com/mastercard-checkout-solutions/tutorial/returninguser_unrecognized_ui/index.md)

### First Time User {#first-time-user}

View UI/UX variations for a new user while creating a new click to pay profile.


<br />


<br />


<br />

[View Details](https://developer.mastercard.com/mastercard-checkout-solutions/tutorial/first_time_ui/index.md)

### UI/UX Best Practices {#uiux-best-practices}

View the common practices and recommendations for a Merchant integrating with Click to Pay via Mastercard Checkout Solutions.


<br />

[View Details](https://developer.mastercard.com/mastercard-checkout-solutions/documentation/use-cases/click-to-pay/ux-integration-bp/index.md)