> For the complete documentation index, see [llms.txt](https://docs.hyperswitch.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience.md). # Payment Experience - [Payment](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment.md) - [Web](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/web.md): Integrate unified checkout with your web app - [React with REST API Integration](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/web/react-with-rest-api-integration.md) - [HTML with REST API Integration](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/web/html-with-rest-api-integration.md): Integrate hyper SDK to your HTML Web App using Hyperswitch-node - [JS with REST API Integration](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/web/vanilla-js-and-rest-api-integration.md): Integrate hyper SDK to any Web App using hyperswitch-node - [Headless SDK](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/web/headless.md): Hyperswitch is designed to facilitate the integration and management of payment-related functionalities in a decoupled or headless architecture with flexibility to customize your checkout UI. - [Customization](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/web/customization.md): Customize your Web unified checkout - [Error Codes](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/web/error-codes.md): Handle errors appropriately! - [Mobile](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile.md) - [Android](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/android.md): Integrate unified checkout on your android app - [Kotlin with REST API Integration](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/android/kotlin-with-rest-api-integration.md): Integrate hyper SDK to your Kotlin App using hyperswitch-node - [Lite SDK](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/android/lite-sdk.md): Integrate Hyperswitch Lite SDK to your Kotlin App - [Widgets](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/android/widgets.md): Integrate Hyperswitch SDK using individual payment widgets for granular control over your payment flow. - [Card Element](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/android/widgets/card-element.md) - [Google Pay](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/android/widgets/google-pay.md) - [PayPal](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/android/widgets/paypal.md) - [Express Checkout](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/android/widgets/express-checkout.md) - [Headless SDK](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/android/headless.md): Hyperswitch is designed to facilitate the integration and management of payment-related functionalities in a decoupled or headless architecture with flexibility to customize your checkout UI. - [Customization](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/android/customization.md): Customize your Android Unified checkout - [iOS](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/ios.md): Integrate unified checkout with your iOS app - [Swift with REST API Integration](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/ios/swift-with-rest-api-integration.md): Integrate hyper SDK to your Swift App using hyperswitch-node - [Lite SDK](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/ios/lite-sdk.md) - [Headless SDK](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/ios/headless.md): Hyperswitch is designed to facilitate the integration and management of payment-related functionalities in a decoupled or headless architecture with flexibility to customize your checkout UI. - [Customization](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/ios/customization.md): iOS Unified Checkout Customization - [Cross Platform](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/cross-platform.md) - [React Native](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/cross-platform/react-native.md): Integrate unified checkout with your react native app - [React Native with REST API Integration](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/cross-platform/react-native/react-native-with-rest-api-integration.md): Integrate hyperswitch SDK to your React Native App using hyperswitch-node - [Card Widget](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/cross-platform/react-native/react-native-with-node-backend-1.md): Integrate Card widget to your React Native App using hyperswitch-node - [Headless SDK](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/cross-platform/react-native/headless.md): Hyperswitch is designed to facilitate the integration and management of payment-related functionalities in a decoupled or headless architecture with flexibility to customize your checkout UI. - [Customization](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/cross-platform/react-native/customization.md): Visual customization: Colors, shapes, specific UI components - [Flutter](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/cross-platform/flutter.md): Integrate unified checkout with your Flutter app - [Flutter with REST API Integration](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/cross-platform/flutter/flutter-with-node-backend.md): Integrate hyper SDK to your Flutter App using hyperswitch-node - [Headless SDK](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/cross-platform/flutter/headless.md): Hyperswitch is designed to facilitate the integration and management of payment-related functionalities in a decoupled or headless architecture with flexibility to customize your checkout UI. - [Customization](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/mobile/cross-platform/flutter/customization.md): Visual customization: Colors, shapes, specific UI components - [Server Setup](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment/server-setup.md) - [Payment Method](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment-method.md) - [Web](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment-method/web.md) - [Vault SDK Integration](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment-method/web/vault-sdk-integration.md) - [Vault SDK - JS with REST API Integration](https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience/payment-method/web/vault-sdk-js-with-rest-api-integration.md) --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.hyperswitch.io/~/revisions/wA01t1OV6BPUckMZ2Pvg/explore-hyperswitch/payment-experience.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.