Website builders — Wix, Squarespace, Webflow

One snippet in the site header and you're tracking. Each builder has its own place to paste it — find yours below.

How this works

All three builders let you inject code into your site's <head>. You paste one line — the AdsPing snippet from your pixel detail page — and pb.js starts tracking immediately:

html
<!-- AdsPing pb.js -->
<script async src="https://api.adsping.io/pb.js" data-pixel-id="YOUR_PIXEL_ID"></script>
  • Automatic, no extra code: PageView on every page, click-id capture (fbclid → fbc), form auto-capture with hashed email/phone, and the Meta browser pixel auto-injected for deduplication.
  • One manual step each: conversion events like Lead and Purchase — covered in Lead & Purchase events below, with the honest limits of each builder.
On all three builders, custom code requires a paid site plan (free plans don't allow head injection). Exact tier names change — if you see the menu described below in your admin, you're good.

Wix

  1. Open your site's dashboard → Settings → Custom Code (under “Advanced”).
  2. Click + Add Custom Code and paste the AdsPing snippet.
  3. Name it AdsPing, apply it to All pages, and set placement to Head.
  4. Click Apply. Done — no publish step needed.
Wix Stores note. Wix locks its checkout and thank-you pages — custom code doesn't run there, so a client-side Purchase event isn't possible on Wix Stores. Track Lead and PageView normally; for Purchase, fire it from your backend via the server-to-server path.

Squarespace

  1. Open Settings → Advanced → Code Injection.
  2. Paste the AdsPing snippet into the Header box.
  3. Click Save. It's live on every page.

Selling on Squarespace Commerce? Squarespace gives you a dedicated Order Confirmation Page box in the same Code Injection screen (Commerce plans). Paste a Purchase call there and fill the value from the order variables Squarespace exposes in that box — see their code injection docs for the variable names available on your plan.

Webflow

  1. Open your project's Site Settings → Custom Code.
  2. Paste the AdsPing snippet into Head Code.
  3. Save, then Publish your site — Webflow only applies custom code on publish.

Selling with Webflow Ecommerce? The order confirmation page is a normal designable page: drop an Embed element on it with an adsping('track', 'Purchase', …) call, binding the value fields from the order data Webflow exposes on that page.

Lead & Purchase events

pb.js auto-captures form submits on standard forms, but builder forms are sometimes rendered in ways it can't see. The most reliable pattern on all three builders is a thank-you page:

  1. Set your form to redirect to a dedicated page after submit (e.g. /thank-you) — all three builders support this in their form settings.
  2. Add a page-level code injection on that page only (Wix: Custom Code → “Choose specific pages”; Squarespace: page settings → Advanced; Webflow: page settings → Custom Code) with:
html
<script>
  adsping('track', 'Lead', {
    content_name: 'Contact form'
  });
</script>

That's a complete Lead event — pb.js attaches the visitor's click id, cookies, and any identify data automatically. Full parameter reference: Track Lead.

  • Purchase: Squarespace and Webflow — use the order-confirmation slots described above. Wix Stores — server-to-server only (checkout is locked).
  • Everything else (AddToCart, ViewContent, …) works anywhere you can add a page or embed-level script — same pattern, different event name. See the event picker.

Verify the install

  1. Open your published site in a fresh browser tab.
  2. In AdsPing, open the pixel detail page — it shows “Last event: a few seconds ago” within ~10 seconds (that's the automatic PageView).
  3. Then connect Meta if you haven't yet: After install — connect Meta.

Was this page helpful?