# Integration examples for the Revolut Merchant Web SDKs

Explore our [GitHub repository](https://github.com/revolut-engineering/revolut-checkout-example) containing several integration examples to assist you in implementing our payment solutions.

These examples demonstrate a basic two-tiered integration with a client-side and server-side component, providing insight into the frontend presentation and the backend logic you need to implement to use our solutions.

## Available examples

You can find the following demos in our repository:

- [Revolut Pay example](https://github.com/revolut-engineering/revolut-checkout-example/tree/main/revolut-pay-example) - A complete integration example demonstrating how to accept payments via Revolut Pay.
- [Card field example](https://github.com/revolut-engineering/revolut-checkout-example/tree/main/card-field-example) - An example using an embedded card field for collecting card details.
- [Card pop-up example](https://github.com/revolut-engineering/revolut-checkout-example/tree/main/card-pop-up-example) - A demo of a pop-up widget for card payments that securely collects customer card details.
- [Pay by Bank example](https://github.com/revolut-engineering/revolut-checkout-example/tree/main/pay-by-bank-example) - A demo of a pop-up widget for direct bank payments that securely redirects to the customer's bank to complete the payment.

Each example includes comprehensive instructions within its `README` file. We encourage you to explore these examples to facilitate seamless integration with our payment solutions.

## Integration guides

For a more in-depth walkthrough of the integration process, refer to our integration guides. These guides provide step-by-step instructions and additional information about available features for each integration method:

- [Revolut Pay integration guide](/docs/guides/merchant/accept-payments/online-payments/revolut-pay/web)
- [Card field integration guide](/docs/guides/merchant/accept-payments/online-payments/card-payments/web/card-field)
- [Card pop-up integration guide](/docs/guides/merchant/accept-payments/online-payments/card-payments/web/pop-up)
- [Pay by Bank integration guide](/docs/guides/merchant/accept-payments/online-payments/pay-by-bank/web)

While the integration examples showcase basic implementations to demonstrate default features in a simple format, the integration guides are designed to walk you through the integration process step-by-step, providing additional insights into customisation options and advanced features.

:::tip
We recommend starting with the integration guides to gain a comprehensive understanding of the integration process and then exploring the examples for practical implementation references.
:::