Integration Guide
CI Proof Widget Integration
Add real-time social proof to your product pages. Show actual views and purchases, not fake counters.
Step 1: Request API Keys
To integrate CI Proof, you will need API credentials from Commerce Index.
1
Visit the CI Proof Page
Go to /proof and click “Talk to Us About Activating Proof”
2
Submit Your Information
Company name, website URL, estimated monthly page views, contact email
3
Receive Your Credentials
Within 1-2 business days, you will receive:
brand_id- Your unique brand identifierapi_key- API key for server-side callspublic_key- Public key for client-side snippet
Step 2: Choose Integration Method
JavaScript Snippet (Recommended)
1. Add the Snippet
Add this to your product pages, before the closing </body> tag:
<!-- Commerce Index Proof Widget -->
<script>
(function(w, d, s, o, f, js, fjs) {
w['CIProof'] = o;
w[o] = w[o] || function() { (w[o].q = w[o].q || []).push(arguments) };
js = d.createElement(s); fjs = d.getElementsByTagName(s)[0];
js.id = o; js.src = f; js.async = 1;
fjs.parentNode.insertBefore(js, fjs);
}(window, document, 'script', 'ciproof', 'https://cdn.commerceindex.com/proof.js'));
ciproof('init', {
brandId: 'YOUR_BRAND_ID',
publicKey: 'YOUR_PUBLIC_KEY'
});
</script>2. Track Product Views
ciproof('trackView', {
productId: 'SKU-12345',
productTitle: 'Red Performance Legging',
productPrice: 74.99,
productCategory: 'Activewear'
});3. Track Purchases
ciproof('trackPurchase', {
orderId: 'ORD-98765',
items: [
{
productId: 'SKU-12345',
title: 'Red Performance Legging',
quantity: 2,
unitPrice: 74.99
}
],
totalValue: 149.98,
currency: 'USD'
});4. Display Widget
ciproof('showProof', {
productId: 'SKU-12345',
container: '#ci-proof-widget',
theme: 'light',
position: 'inline'
});What You Get with CI Proof
Social Proof Widget
Display real-time views and purchases on your PDPs
CI Score Visibility
Access CI Score for your brand and products
Signals API Access
Brand and product signals for your dashboards
Privacy-First
No personal tracking, GDPR/CCPA compliant
Need Help?
Our team is here to help you integrate CI Proof successfully.