Integration Guides

Introduction

Croissant On-Site Messaging is built with 'smart components' that integrate seamlessly with Croissant APIs.

Web Components are arrangements of Atomic Components. They are responsive, accessible, and highly-customizable. Use Web Components to quickly place Croissant at key points throughout your site. They do most of the heavy lifting under the hood.

Atomic Components are the building blocks of Croissant On-Site Messaging. Use Atomic Components to build your own highly-native Croissant experience and custom placements.

Common Types are types that are shared throughout the Web Components and Atomic Components. Familiarize yourself with common types to simplify your integration, share types, and write more maintainable code.

Croissant Buyback Badge

Croissant Toggle

Croissant Opt-In Container

Check out this example Next.js repo to see Croissant in action, locally.


What’s Next