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

Modified on: Fri, 17 Feb, 2023 at 4:38 PM


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

How to implement a checkout link on an icon?


Drop-in Script is a plug-in type easy-to-use solution that requires minimal developer help. You can easily create a checkout page by adding a script generated for the plan item on your HTML page. Navigate from Settings > Configure Chargebee > Checkout and Self-serve portal > Integrate Chargebee. Copy the Header script and paste within the Head tag & Copy the Checkout button code and paste it within the Body tag. Now paste the image destination link specified within the Checkout button codehrefattribute replacing the subscribe and you can add alternate text if required. 


1. Please navigate to Settings -> Configure Chargebee -> Checkout and Self-serve portal -> Integrate Chargebee. 

2. 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. 

A quick demo video demonstrating the steps

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

Related Articles

How to create an Item Specific Checkout URL for Pc 2.0? 

How do I integrate Chargebee's modal checkout with my website on WIX? 

Is it possible to change the order in which the payment methods are displayed in checkout? 

What are the benefits of Chargebee's checkout page?

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.