Docs
You are viewing:
Product Catalog 2.0
Chargebee offers multiple options to integrate its hosted checkout, such as Drop-in script, Hosted Pages API, or Payment Link. These integration options allow you to use the checkout in your web application either as a standalone page or as an overlay. The embedded checkout feature allows you to embed the Chargebee hosted checkout within your web pages as an iframe. Embedded checkout provides a better integration experience compared to relying on a standalone page setup.
Information
Chargebee supports embedding checkout only with the full-page layout.
Ensure you enable and configure full-page layout in your Chargebee site. Configure your checkout settings, styling, and customization to suit your brand.
Embedding a hosted checkout involves two steps:
Let's dive deeper into these steps:
Before you embed the full-page checkout, decide how you want to integrate the checkout option that will display on your web page. Based on the customer's use case, choose one of the following options:
Depending on your mode of checkout integration, you would either have a cart
object prepared (Drop-in integration) or a hosted page URL (payment link URL or hosted page URL obtained via API).
Embedding checkout involves the following steps:
Learn more about creating an HTML container, mounting the checkout, and resizing the embedded checkout.
Callbacks are functions that trigger additional actions following specific events within the checkout flow. By using callbacks, you can incorporate supplementary functions, customize event triggers, and gain precise control over navigation and transitions. This flexibility extends to error handling and cross-platform compatibility, ensuring a consistent checkout experience.
Learn more about callback functions.
By default, when you provide a redirect URL for a plan in the Chargebee app, you are redirected to the set web page. For better redirection handling within your application, use the success callback function. Callbacks allow you to have better control over redirection.
Was this article helpful?