Docs

Log in to read the version of docs relevant to your site, or use the dropdown versions

How to implement the drop in script into an image or button in the HTML document?

Scope

How to configure a drop-in-script to a button using HTML?

How to implement a checkout link on an icon?

Summary

The drop-in script is an easy-to-use, plug-in solution that requires minimal developer involvement. To create a Checkout page, add the script generated for your plan item to your HTML page. Go to Settings > Configure Chargebee > Checkout and Self-serve portal > Integrate Chargebee. Copy the Header script and paste it into the <head> section of your HTML. Then, copy the Checkout button code and paste it into the <body> section. To use an image as a checkout link, update the href attribute in the Checkout button code with your image's destination link, and add alternate text if needed.

Solution

  1. Navigate to Settings -> Configure Chargebee -> Checkout and Self-serve portal -> Integrate Chargebee.
  1. You would need to paste this header script in your website's HTML document and the Checkout button code in the body i.e. the purchase now button (code) or to any particular image, of the HTML document.

To know more about Chargebee's Drop-in script integration, refer to this document on Drop-in script.

Was this article helpful?