Any HTML website2 minutesBeginnerUpdated

How to add social proof to Any HTML website

To add AutoSocialProof to any HTML website, paste your campaign pixel just before the closing </head> tag of every page, ideally in the shared layout or header template so it appears site-wide.

You need: Access to your site's HTML or shared layout template, and your campaign pixel from the AutoSocialProof dashboard.

Paste before </head>
<script defer src="https://app.autosocialproof.com/pixel/YOUR_PIXEL_KEY.js"></script>

Steps

  1. Open the shared layout, header include or template your pages use.
  2. Paste your AutoSocialProof pixel line just before </head>.
  3. Deploy or upload the change.
  4. Open a page in a private window to check.

Good to know

Static site generators (Astro, Hugo, Jekyll, Eleventy, Next.js) all have a base layout; add it there once.

If your site uses a Content Security Policy, allow scripts and connections from app.autosocialproof.com.

Other platforms

Ready? Create a free account or log in to follow along.

Questions about this guide

Where exactly should the line go?

Inside the , just before , on every page or in the shared layout.

Does it work with single-page apps?

Yes for the initial page load. Test route changes in your framework, since widgets are evaluated when the pixel loads.

What about Content Security Policy?

Allow app.autosocialproof.com in script-src and connect-src (and img-src for widget images).

Can I self-host the script?

No. Load it from the app so it stays current.

Stuck on a step? We reply within a business day.

Paste one line, turn on a widget built from real activity, and watch the analytics tell you what works.

  • Real people answer
  • Installation help is free
See pricingStart free

Popular

/ or Ctrl K opens search. Arrow keys move, Enter opens.

Display and accessibility

Theme
Colour palette
Text size
Accessibility statement

Checkout

Plan

  • Payment handled by Stripe. We never see your card number.
  • 30-day refund on your first payment.
  • Your account is created automatically after payment. Card statement: TheBigBot LLC.