PandoraBot
AI Search design: pick a search bar, how results open and what they show. Then put it on your site.
In Settings › Commerce, find AI product search. Inside it, switch on AI Search on your site and press Save changes at the bottom. It is part of the PRO and ESHOP plans.
The search uses the same code as the chat bubble. If you don't have it yet, paste this once, just before </body>, on every page:
Already have the chat code? It works as it is. Replace it with this one so the search bar appears sooner: the older code waits for every image on the page, so for a moment shoppers see your old search box.
Pick one. You can change it any time; nothing on your site is deleted.
Easiest, no code. Our bar takes the place of your site's search box, which is only hidden.
We look for:
Your box is not found? Put its CSS selector (e.g. #search input) in Settings › Commerce › AI product search.
Paste this where the bar should appear (header, a page, a banner):
<div class="pandorabot-search"></div>
⚡ Instant version (fastest): the same place, but your bar is already drawn in the code, so it appears together with your page — like a normal search box — even before our script loads; then it simply becomes the AI search. Paste it instead of the line above (and instead of your old search box). Copy it again after you change the design.
Your bar is drawn here from the preview…
Typed something before the AI search woke up? It is kept. Pressed Enter that early? It opens your shop's own search page, so no search is lost.
After “Use this”, press Save changes at the top. Also check that Use our search bar is on (Design › Search bar).
theme.liquid, paste it just before </body>, Save.sections/header.liquid (or your header section), paste the code where the search should be, Save.</body> in your theme's footer template.</body>, on every page (or in your shared footer).<input type="search"> or name="search"; otherwise set its selector.Any link or button on your site can open the search panel:
<button type="button" onclick="window.postMessage({type:'pandorabot:search_open',q:''},'*')">Search</button>λάμπα. Results should appear in about a second.Not working?