Integration Guides

Web Components

Web Components are a set of web platform features that allow developers to create reusable custom elements with encapsulated functionality. They enable the building of modular and portable components that can be used across different frameworks and platforms.

To use Croissant On-Site Messaging Web Components on your store, you will need to include a Croissant script in your store's <head> tag and configure the placements.

Include the Croissant Script

Place this <script> between <head> and </head> on your store.

<script src="http://cdn.croissant.com/croissant-web-components/latest.js async"></script>

Optional: Add Croissant to your test environment

Use the Croissant sandbox script on your test environment to preview and test any future updates.

<script src="http://cdn.sbx.croissant.com/croissant-web-components/latest.js async"></script>

What’s Next

Test and Deploy: