gettemplategettemplate|Documentation

Payment & Checkout Templates

9 payment and pricing templates

Payment & Checkout Templates (9)

Professional payment pages and pricing sections for your product.

Available Templates

TemplateTypeFeatures
Modern Checkout FormCheckoutMulti-payment options
Pricing Section 1PricingClean, 3-tier
SaaS Pricing SectionPricingToggle monthly/annual
Google Pay CheckoutCheckoutGoogle Pay integration
PhonePe CheckoutCheckoutUPI integration
UPI CheckoutCheckoutQR code, Dark theme
E-commerce CheckoutCheckoutMulti-step form
Checkout PageCheckoutCart summary
Modern E-commerceCheckoutComplete flow

Pricing Section Example

import PricingSection from "@/components/Payment/PricingSection";

const plans = [
  { name: "Monthly", price: 10, features: [...] },
  { name: "Annual", price: 99, features: [...] },
  { name: "Lifetime", price: 199, features: [...] },
];

export default function Pricing() {
  return <PricingSection plans={plans} />;
}

Features

  • 💳 Multiple payment method support
  • 📱 Mobile-responsive designs
  • 🔒 Secure payment UI patterns
  • 🎨 Customizable themes