Prerequisites
Complete these three steps before integrating either web component.1
Get your API key
Request your Bonsai API key from your Customer Success Manager (CSM).
Use your real API key in
api-key="API-KEY" placeholders.2
Confirm implementation access
Make sure you can edit the page, template, or CMS block where you will add the component
<script> tag and markup.3
Choose your component
Pick the component that matches your use case:
<bonsai-search>
Full Bonsai search experience with AI summary and product results.
<bonsai-searchbar>
Redirecting search bar only, without the full results UI.