Chargebee offers the following options to integrate the hosted portal depending on your application/website's framework and business model.
Chargebee supports Single Sign-on (SSO) to access the customer portal. 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.
While you integrate by using an API-based integration, the workflow will be like the below:
Learn more about portal integration using Chargebee API.
The drop-in script is the easiest and quickest way to integrate the hosted portal into your website. No coding knowledge is required. But your requirements should satisfy the below condition
While you integrate by using a Drop-in script, the workflow will be like the below:
Learn more about portal integration using drop-in script.
In Chargebee, a merchant can create customer accounts using the email address in two different methods:
Once the account/ accounts are created, it is available for the merchants to log in and make use of the Self Serve Portal. The login experience differs for these two scenarios. Let us find out how.
For the scenario with just one customer account with a dedicated email address, the flow without any account selection page comes into the picture. This flow simply involves entering the email address and the received OTP consecutively to log in to the Self-Serve Portal.
For scenarios where multiple customers are associated with one email address, the login flow includes an account selection section (displayed in the third step below) where you can select the customer account for which you want to log in to the Self-Serve Portal. This page fetches all the accounts linked to the entered email address, and you can view them as you scroll down the page.
The login flow looks like this:
Enter your email address and click Continue.
Enter the one-time password received on your email address.
The account selection screen appears. Scroll down, locate the relevant account and select it to access the Self-Serve Portal.
On selecting the relevant account, you will be able to view the Self-Serve Portal for the selected account.
By default, on the account selection page, the accounts are distinguished by a # number along with the Signed up on
You can add more information like First Name, Last Name, Company, and more to the account tabs by using an existing label.
Follow the steps below to configure the label for your accounts:
In your Chargebee app, go to Settings > Configure Chargebee > Checkout & Self Serve Portal.
Select the Labels tab and click Add more copy/text.
Search for additional and click the + icon against the Additional Information label and then click Add.
Click the edit icon against the newly added label in the list.
In the Configuration for Additional Information box,
Now, restart the login flow and the changes will be visible on the account selection page.