Cashfree Payments Developer Documentation home pagelight logodark logo
  • Discord
  • Create Account
  • Create Account
Payments
Payouts
Secure ID
Partners and Platforms
Payments APIs
Payouts APIs
Secure ID APIs
Partners APIs
Additional APIs
API Reference
AI and Tools
Help Center
Payments
  • Introduction
  • Dashboard
Payment Gateway
  • Cashfree Hosted Checkout
  • Mobile Integration
  • Custom Web Checkout
    • Overview
    • SDK Libraries
    • Introducing Cashfree.js
    • Components
    • Customize a Component
    • Configuring Payment Options
    • Examples
    • Appendix
    • BNPL Plus - Native Web
  • No Code
  • Webhooks
  • Going Live
  • Resources
  • Manage
  • Features
  • General FAQs
Checkout
  • Shopify
  • WooCommerce
  • One Click Checkout
  • Improving Conversion
  • After Payment
  • Social Proofing
Cross Border Payments
  • International Payment Gateway
  • PG for Imports
  • Global Collections
Flowwise
  • Overview
  • Add a gateway
  • Configure
  • FAQs
RiskShield
  • Overview
  • Fraud Risk Indicator
  • Risky Transactions
  • Setup Rules
Subscription
  • Overview
  • Integration
  • Manage Subscription or Payments
  • FAQs
Other Products
  • Overview
  • Easy Split
  • softPOS
  • BBPS Billers
  • Virtual Bank Accounts (VBAs)
Developer updates
  • Changelog
On this page
  • Cards
  • UPI Intent
  • UPI Collect
  • UPI QR Code
  • Net Banking
  • Wallets
Custom Web Checkout

Examples

Complete code examples for building a payment page

​
Cards

card

An example for building your own UI for collecting card payments online.

​
UPI Intent

An example for building your own UI for collecting UPI intent payment.

​
UPI Collect

An example for building your own UI for collecting UPI collect online.

​
UPI QR Code

An example for building your own UI for collecting UPI QR payment.

​
Net Banking

An example for building your own UI for net banking payments online.

​
Wallets

An example for building your own UI for wallet payments online.
Try it in DevStudio

Was this page helpful?

Configuring Payment OptionsAppendix
githubyoutubewebsite
Assistant
Responses are generated using AI and may contain mistakes.