There are 2 use cases when a single page checkout will be used:
This page needs to be enabled (enabled by default) for users to be able to access it.
Here is a sample Single Page Checkout page:
This URL is where subscribers will be redirected to when their checkout is successful. This URL needs to be configured when using the hosted pages API integration. Click here to learn more.
If you're integrating using the plan specific hosted pages, the redirect URL needs to be configured for each plan.
If this URL is configured, a "Cancel" button will appear on the checkout page. Users can click on this to cancel their sign up.
Navigate to Settings > Configure Chargebee > Checkout & Self-Serve Portal > Checkout Page to provide the URLs and the text to be linked to the URLs.
You can also choose to include a consent option in the Single Page Checkout page, and specify the text for the same in the Agreement label text box.
Use the Quick Preview to see how your agreement label and URLs will appear on the checkout page.
The update payment method page is where your existing customers can update their payment method details. A link for the hosted update payment method page can be generated when using the "Request Payment Method Details" option. This option is available in the subscription details page and sends an email to the subscriber along with the link to update their payment method details.
In Email Notifications V1, the mail merge field customer.payment_method_update_url is used. It will auto-generate a link for payment and the link isincluded in the email that is sent to the customer. Clicking on the link will redirect the customers to the page where they update their payment method.
In Email Notifications V2, Update Payment Method will appear as a button. URL will be auto-generated and the customers will be redirected to the page to update the payment method when they click on the button.
You can also use the Update Payment Method API to generate a link.
You can configure redirect URLs for the Update Payment Method Page by navigating to Settings > Configure Chargebee > Checkout & Self-Serve Portal > Payment method page:
This URL is where subscribers will be redirected to once they successfully update their payment method details.
If this URL is configured, a "Cancel" button will appear on the update payment method page. Users can click on this to cancel the update operation.
The Redirect and Cancel URL can also be passed via the Update Payment Method API. In such cases, the URL configured in under Hosted Pages Settings will be overridden.
You can customize the look of your hosted pages based on your needs using themes. To get started, navigate to Settings > Configure Chargebee > Checkout & Self-Serve Portal > Hosted Pages Settings in your Chargebee Site.
Click here to know more.
Can I see how, say, an addon/plan with tiered pricing looks like on Chargebee Checkout and Self-serve Portal?
Yes, see this FAQ.