How to implement the drop in script into an image or button in the HTML document?
Problem Statement
This article helps you understand add drop-in script to images or buttons..
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
- Navigate to Settings -> Configure Chargebee -> Checkout and Self-serve portal -> Integrate Chargebee.
- 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?