Commerce Layer drop-in library

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

Getting started

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.

Available micro frontends

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

Need help?

• Join Commerce Layer's Discord community.
• Open a new Q&A discussion.
• Ping us on Bluesky, X (formerly Twitter), or LinkedIn.
• Is there a bug? Create an issue on this repository.

License

This project is published under the MIT license.