Subscription Payment Pages

Create beautiful, fully customizable subscription payment pages with recurring billing. Perfect for SaaS, memberships, and subscription businesses.

Instant Setup

Fully Customizable

Developer Friendly

Live Style Examples

Explore different payment page themes and see how they look in real-time. Each theme is fully customizable.

Secure Checkout

Complete subscription

Plan Summary

Pro Monthly$29.99/mo

Setup$9.99

Tax$4.00

Total Today$43.98

Then $29.99 monthly

Cancel anytime

Payment Details

Card Number

Expiry

CVC

Secured by CheckoutQR

Theme Library

Choose from pre-built themes or create your own custom design

• Neumorphism - Modern soft shadows
• Retrowave - Cyberpunk aesthetic
• DOS Terminal - Retro computing
• Apple UI - Clean and minimal
• Custom - Build your own

Developer API

Simple API to create and customize payment pages programmatically

• RESTful API endpoints
• Webhook notifications
• Real-time customization
• Multiple payment methods
• Mobile responsive
• Recurring billing management
• Trial period support
• Dunning management
• Subscription lifecycle webhooks
• Cancellation handling

Advanced Features

Enterprise-grade features for professional payment experiences

• Custom CSS injection
• Brand logo integration
• Multi-language support
• A/B testing ready
• Analytics tracking

Implementation Examples

Create a Styled Payment Page

Basic example of creating a payment page with theme

// Create a monthly subscription payment page
const subscriptionPage = await checkoutqr.paymentPages.create({
  type: "subscription",
  plan: {
    amount: 2999, // $29.99 in cents
    currency: "usd",
    interval: "month",
    interval_count: 1
  },
  setup_fee: 999, // $9.99 setup fee
  theme: "neumorphism", // or "retrowave", "dos", "apple"
  customization: {
    primaryColor: "#6366f1",
    backgroundColor: "#f1f5f9",
    borderRadius: "12px",
    fontFamily: "Inter, sans-serif"
  },
  trial_period_days: 7, // Optional 7-day free trial
  success_url: "https://example.com/welcome",
  cancel_url: "https://example.com/pricing"
});

console.log(subscriptionPage.url); // Redirect customer here

Ready to Create Beautiful Payment Pages?

Start building custom payment experiences that convert better and match your brand perfectly.