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
    • Integration Options
    • Features
    • Configuring Checkout
    • Configuring Fields and Labels
    • Checkout Layout - Feature Comparison
    • FAQ
  • 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
  • eInvoicing
  • 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
  3. Hosted Capabilities
  5. Hosted Checkout
  6. Checkout Layout - Feature Comparison
  1. Billing
  3. Hosted Capabilities
  5. Hosted Checkout
  6. Checkout Layout - Feature Comparison

Checkout Layout - Feature Comparison

Chargebee offers Checkout in two layouts: in-app and full-page. The in-app layout displays checkout as a pop-up within a web page, while the full-page layout opens a stand-alone page dedicated to checkout. Learn more about layout options and switching between them.

This document compares the two layouts: in-app and full-page. Review the features below to understand compatibility differences.

Differences in capabilities

Here are the major differences between the two layouts. Refer to the descriptions and screenshots for details:

  1. Product images support: Only the full-page layout supports rendering product images on the checkout page. Add product images to enhance the full-page checkout experience, as shown below:

    image

  2. HTML flexibility for product descriptions: The full-page layout supports HTML rendering for detailed product descriptions, enriching the customer experience. The in-app layout does not support this feature. Use HTML to create visually appealing descriptions that capture customer attention.

    The screenshot below demonstrates HTML flexibility in the full-page layout:

    image

  3. Customizing layouts: Customize the full-page checkout layout to match your website's fonts, colors, and design guidelines for a consistent look and feel. This feature is exclusive to the full-page layout.

    Learn more about layout customization.

Differences in payment options

The in-app layout supports all payment methods offered by Chargebee. The full-page layout supports a curated set of payment methods:

  1. Cards
  2. Wallets: Apple Pay, Google Pay, and PayPal
  3. Direct debit:
    • ACH via Stripe and GoCardless
    • SEPA via Adyen, Stripe, and GoCardless
    • Autogiro and BACS via GoCardless

Was this article helpful?