New in Chargebee: Explore Reveal and understand your payment performance end-to-end.Try Now
Docschargebee docs
HomeBillingPaymentsRevRecGrowthReveal
Support

Product Updates


  • Release Notes

Getting Started


  • Overview
  • Chargebee Billing Data Centers
  • Object Relationship Model
  • Understanding Sites
  • Chargebee Tech Glossary
  • Articles and FAQ

Implementing Chargebee


  • Implementation Guide
  • Go-live Checklist
  • Articles and FAQ

AI in Chargebee


  • Chargebee Agents
  • Chargebee Copilot
  • Chargebee MCP Server (Model Context Protocol)

Developer Resources


  • Developer Resources Overview
  • Articles and FAQ

Product Catalog


  • Product Catalog Overview
  • Coupons
  • Articles and FAQ

Subscriptions


  • Working with Subscriptions
  • Billing
  • Orders
  • Articles and FAQ

Customers


  • Managing Customers
  • Account Hierarchy
  • Email Notifications
  • Branding
  • Configure Multiple Languages
  • Articles and FAQ

Entitlements


  • Entitlements Overview
  • Features Overview
  • Feature Management
  • Managing Product Entitlements
  • Subscription Entitlements
  • Customer Entitlements
  • Grandfathering Entitlements
  • Articles and FAQ

Usage Based Billing


  • Understanding Usages
  • Setting up Usage Based Billing
  • Usage Alerts
  • Metered Billing
  • Articles and FAQ

Chargebee CPQ


  • Chargebee CPQ
  • Chargebee CPQ for Salesforce
  • Chargebee CPQ for HubSpot

Invoices, Credit Notes, and Quotes


  • Invoices
  • Credit Notes
  • Quotes [Legacy]
  • Transactions
  • Articles and FAQ

Taxes


  • Overview
  • Configuring Taxes
  • Country-specific Taxes
  • Articles and FAQ

Hosted Capabilities


  • Overview
  • Hosted Checkout
  • Hosted Self-Serve Portal
  • Hosted Pages Features
  • Additional Hosted Pages
  • Payment Components
  • Pricing Table
  • Managing Payments with Chargebee.js
  • Mobile-Optimized Hosted Pages
  • Articles and FAQ

Site Configuration


  • Users & Roles
  • Custom Fields & Metadata
  • Approvals
  • Mandatory Fields
  • File Attachments & Comments
  • Advanced Filter Options
  • Multicurrency Pricing
  • Multi-decimal Support
  • Configuring Reason Codes
  • Events and Webhooks
  • API Keys
  • Time Zone
  • Time Machine
  • Transfer Configurations
  • Articles and FAQ

Multi Business Entity


  • Multi Business Entity Overview
  • Customer Transfer Overview
  • Articles and FAQ

Mobile Subscriptions


  • Overview
  • Omnichannel Subscriptions
  • Omnichannel One-Time Orders
  • Mobile Subscriptions (Legacy)

Reports and Analytics


  • RevenueStory
  • Home Dashboard
  • Frequently Asked Questions
  • FAQs for Classic Reports Sunset
  • Articles and FAQ

Integrations


  • Sales
  • Customer Support and Success
  • Finance
  • Tax
  • Marketing
  • Stitch
  • Collaboration
  • Contract Management
  • Ecommerce Management
  • Articles and FAQ

Data Privacy & Security


  • Two Factor Authentication
  • SAML Single Sign-On
  • System for Cross-Domain Identity Management (SCIM)
  • EU-GDPR
  • Consent Management
  • Personal Data Management
  • Compliance Certificates
  • HIPAA Guidelines
  • PCI Recommendations and Integration Types
  • Articles and FAQ

Data Operations


  • Bulk Operations
  • Migration
  • Articles and FAQ
  1. Billing
  2. Hosted Capabilities
  3. Articles and FAQ
  4. Checkout V3 - Pop Up
  1. Billing
  2. Hosted Capabilities
  3. Articles and FAQ
  4. Checkout V3 - Pop Up

Configuring Single Page checkout - Hosted pages V2

Problem Statement

This article helps you understand configuring single page checkout - hosted pages v2.

Scope

The single Page payment process for Chargebee API call‌

Can all the payment steps be shown on a single form for payment?

Summary

There are two ways to configuring single page checkout.

  • Using Chargebee's single page checkout - Hosted pages V2

  • Using your own checkout and passing the information Via API to Chargebee

Solution

Using Chargebee's single page checkout - Hosted pages V2

Single Page Checkout allows your customers to enter all their details on a single page. When your users click Checkout or Subscribe on your website, they will be redirected to a new URL where they can review their order, enter their account and payment details.

To configure Single Page Checkout, click Settings > Configure Chargebee > Customer-facing Essentials > Checkout and Self-serve Portal. Configure the following two pages to get started:

  • Checkout Page (for all your customers to enter their accounting information and payment method details to sign up or subscribe for your plans)
  • Payment Method Page (for your existing subscribers to update their payment method details)

Click here to know more.

You need a raise a request to migrate from in-app checkout to single page checkout hosted pages. Write to support

Using your own checkout and passing the information Via API to Chargebee

Integrating using API is extremely useful when you want to have a user management or authentication system at your end.

Click here to know more.

Related Articles

How do I remove autofill of address fields in Checkout or portal?
How can I add or remove ‘Go to App’ from the self-service portal?
What is the hosted pages/checkout pages of Chargebee?
How to edit the Addon quantity from the portal?
How to differentiate between Addon and Charges in Portal?
How can I add an allowed domain on single page checkout Hpv2?
How can I pass prefilled Custom Fields through checkout via Drop-in Script?
“Sorry,the URL or the some of the parameters are not valid” error with Hosted Pages API
How to customize the V3 (In-app) checkout - hosted pages?
“Blocked autofocusing on a element in a cross-origin subframe” due to CSP headers
How to customize the In-app checkout pages (HPv3) in Chargebee?
How to configure return/redirect URLs for one-time payments checkout in Chargebee?
What are the benefits of Chargebee's checkout page?
'Error: New checkout is not enabled on your test site.'
How to add a unit-based charge on the URL?
Existing customer with plan based URL in Latest Product Catalog - V3 checkout
Why do Plans 'Preview' on the Live site show the configurations of the Test site‌?

Show more

Was this article helpful?