Transform any plain HTML page into an enterprise-grade static commerce website, with almost no coding required.
npm install @commercelayer/drop-in.jsCommerce Layer drop-in.js lets you transform any plain HTML page into an enterprise-grade static commerce website, with almost no coding required, thanks to a set of micro frontends that handle the main ecommerce functionalities.
Prices, availability messages, shopping bag, and more are automatically mixed into your own content and styling, whatever the CMS, SSG, and tools you use to build your site pages. All you need to do is embed the library and add tags to the HTML page.
!Commerce Layer drop-in library
For a constantly updated list of the available and soon-to-come micro frontends provided by Commerce Layer's drop-in library, please refer to this interactive documentation that will provide you with all the necessary information about the involved web components and help you get started in a snap.
- Price
Display a price with localized currency, discounts, and personalization rules.
- Availability
Display an availability message with localized delivery lead time and cost.
- Add to cart
Add a buy button to any page with embedded validation rules.
- Cart
Link or embed the hosted version of the Commerce Layer Cart application, with line items preview and edit actions.
- Checkout
Link to the hosted version of the Commerce Layer PCI-compliant Checkout application, with integrated payments.
- Identity
Signup / login via the hosted version of the Commerce Layer Identity application.
- My account
Link to the hosted version of the Commerce Layer My account application, a customer portal with personal account information and management.
- Join Commerce Layer's Discord community.
- Open a new Q&A discussion.
- Ping us on Bluesky, X, or LinkedIn.
- Is there a bug? Create an issue on this repository.
This project is published under the MIT license.