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 Copilot
  • Chargebee Model Context Protocol (MCP) Server

Developer Resources

  • Developer Resources Overview
  • API Explorer
  • 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
  • Prepaid credits
  • 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
  • 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. Articles and FAQ
  6. Hosted Self-Serve Portal
  1. Billing
  3. Hosted Capabilities
  5. Articles and FAQ
  6. Hosted Self-Serve Portal

Where to find the drop-in script for the plan-specific URL?

Problem Statement

You want to know where to find the drop-in script for the plan-specific url.

Solution

Scope

Where to find the drop-in script for the plan-specific URL?

Summary

The Drop-in script allows you to open the Chargebee checkout in a modal/in-app and is available in the v3 version. Every plan details page in Latest Product Catalog has a dynamic payment URL on each price point page, making it incredibly simple for you to share a payment link.

image

If you are using the hosted pages v2 (Single page checkout), you will have the plan-specific URLoption.

image

Both HPv2 & HPv3 have the plan specific URL.

Note

You cannot use both versions of the hosted pages on a single site. If you are using Latest Product Catalog then refer to this link.

Solution

How to know which version you are using?

The images below let you differentiate between hosted page versions.

image

Hosted pages v2 - plan specific URL

image

Hosted pages v3 - Drop-in grab script

If you would like to switch to v3, we'd recommend you test it once on your sandbox account and then move to v3 on your live site.

To switch to v3 from v2 on your sandbox, navigate to Settings > Configure Chargebee > Checkout & Self-serve portal > Hosted Pages and click on the option highlighted below,

image

To move to v3 hosted pages on your live site, reach out to support.

Related Articles

How to allow trial users to sign up without entering their credit card details?
How to set up 'Thank You' page goals in Google Analytics?
Can my users edit their subscriptions or add addons using the customer portal?
How to create a subscription/customer without Chargebee's checkout?
How to let my customers choose a plan on the checkout page?
Is it possible to set a future start date for a subscription via drop-in script?
How to display additional addons on the checkout page?
How to edit the cancelled subscription message displayed on the customer portal?
How to create a portal URL for the Chargebee domain?
How to change password in self-serve portal?
Enable GTM Integration in Chargebee.js

Show more

Was this article helpful?