← Back to SiteBridge
Quick-Start Checklist
Go live in 4 steps
From zero to a live SiteBridge widget in under 10 minutes. Check off each step as you go.
0 / 4 done
0%
1
Copy the embed snippet
Get your SiteBridge domain and copy the two-line script snippet from the setup guide.
Replace
View full setup guide →
YOUR_DOMAIN with your actual SiteBridge URL found in your dashboard under "Integration Settings".
View full setup guide →
2
Add data attributes to product cards
Every product card needs at least
data-product-id. Adding data-name and data-tags makes matches more accurate.
Minimal required markup:
Full markup (recommended):
<div class="product-card" data-product-id="SKU-123">Full markup (recommended):
<div class="product-card" data-product-id="SKU-123" data-name="Product Name" data-tags="running, waterproof">
3
Add the widget HTML to your page
Paste the widget container HTML just before
</body>. This is the same on every page — copy once, use everywhere.
Copy the widget HTML from the setup guide's Step 3. It should appear on every page with product cards.
Test in the sandbox first →
Test in the sandbox first →
4
Test with the embed sandbox
Open the sandbox, configure your selectors, and run a test query to confirm the widget activates and adapts product cards correctly.
Try queries like:
Green highlighted cards = matches. Dimmed cards = no match.
Open sandbox →
"waterproof boots" · "under $100" · "for wide feet"Green highlighted cards = matches. Dimmed cards = no match.
Open sandbox →