Go to proofedge.io and click "Start Free Trial." Enter your email, create a password, and add your website URL. No credit card required — the Starter plan is free forever with up to 1,000 visitors/month.
After signing up, your dashboard will show a unique JavaScript pixel. Copy this single line of code:
<script src="https://www.proofedge.io/pixel.js" data-site="YOUR_SITE_ID" async></script>
The async attribute ensures the script loads without blocking your page — zero speed impact.
Add the pixel code to your website's <head> section. Here's how for each platform:
Go to Online Store → Themes → Edit Code → theme.liquid. Paste the pixel just before the closing </head> tag. Click Save.
Install the Insert Headers and Footers plugin (or use your theme's header scripts option). Paste the pixel in the "Scripts in Header" field. Click Save.
Go to Project Settings → Custom Code → Head Code. Paste the pixel. Click Save and publish.
Go to Settings → Custom Code → Add Code. Paste the pixel, set placement to "Head," and apply to "All Pages."
Go to Settings → Advanced → Code Injection → Header. Paste the pixel. Click Save.
Add the pixel directly to your <head> section in your HTML file, or use a useEffect hook in React to inject it dynamically.
In your ProofEdge dashboard, choose which types of notifications to display:
Place notifications on pages where buying decisions happen: checkout, pricing, and signup pages.
Activate your widget. Social proof notifications start appearing to visitors immediately. Use your ProofEdge analytics dashboard to track:
Make sure the pixel is placed inside the <head> tag, not the <body>. Check that your site ID is correct. Notifications only appear when there is real activity data to show.
ProofEdge's pixel is under 2KB and loads asynchronously. It should have zero impact on your Lighthouse score. If you notice any issues, ensure the async attribute is present on the script tag.