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. Hosted Checkout
  1. Billing
  2. Hosted Capabilities
  3. Articles and FAQ
  4. Hosted Checkout

How to navigate to the specific step in the Portal popup using JS/PHP?

Problem Statement

You want to know how to navigate to the specific step in the portal popup using js/php.

Scope

I want to have certain actions performed by customers in Portal. How to add it to my app?

How to reduce the self-serve portal's clickable screens to update a subscription on the portal?

How can I customize my customer's self-serve portal?

How to navigate to the specific step in the Portal popup using JS/PHP?

Solution

Chargebee's Self-serve portal can also be visualized as a collection of individual widgets with each performing separate functionality. Widgets come in handy when you want to directly navigate customers to perform certain actions and directly wire them within your app layout. This functionality is only available for API-based integration.

Available widgets

  • View / Edit Subscription details - Demo available
  • Manage payment methods - Demo available
  • Billing History - Demo available
  • Manage Addresses - Demo available
  • Manage account information - Demo available

You can do these specific portal configurations via API using widgets. Refer to this document which has the demo & tutorial.

Via API

If you have your mechanism for authenticating your users, then you can use Chargebee's Single Sign-On (SSO) capability for providing portal access to your users for managing their billing and subscription details.

Learn more on how to integrate Portal via API.

Also, to know more about the Chargebee portal instance object, refer to this link.

Related Articles

“Subscription[Start_Date] should not be passed for cancelled subscription” error while importing subscriptions via Bulk operation.
How to customise the Consent management settings in Chargebee's hosted page
Error - Session Expired
Chargebee's site name was renamed but why does this still show a different name?
'[API Users] How to generate hosted page URL and embed via iFrame'
How to edit the fields that appear on the hosted customer portal? Will it appear only in English?
Can I group plans and display them in the customer portal?
How to import a Google font which has two words in the name?
How to set a landing page URL for the logo added to the theme?
Why is the checkout page not loading?
How to collect the coupon codes during signup on the V2 checkout pages?
Checkout V3 - FAQ
How can I collect the coupon codes on the V3 checkout pages during signup?
Content security policy for the Checkout page
How do I control the Quantity increments on the Checkout page?
Redirect URL not working
Checkout page returns with exclamation marks when my customer tries to add his card details. What should I do?
Is it possible to change the order in which the payment methods are displayed in checkout?
“Wrong format” error while passing email id in checkout
How to make the billing address mandatory in the self-serve portal when my customer reactivates his subscription?
'Google Analytics: track_info_error on Checkout V3'
Can I let my customers set the Auto collection status at the self-serve portal?
How to hide the discount prompt from displaying?
How can my customers set a password for their self serve portal?
How to add shipping address?
Allow customers to add addons on Self serve portal
Where do I add my domain for the allow-list?

Show more

Was this article helpful?