Skip to main content
Webflow is a strong fit for AgentRef when it is used for a marketing site, landing pages, or pages that host Stripe links and embeds.

Before you start

  • Set the program website in AgentRef to the same root domain your Webflow site uses.
  • Copy the exact script snippet from Settings -> Integration.
  • If your app or checkout starts on another subdomain, install AgentRef there too.

Install the script site-wide

  1. Open your Webflow project.
  2. Go to Site Settings -> Custom Code.
  3. Paste the AgentRef script into the Head Code field.
<script
  defer
  src="https://www.agentref.co/api/tracking/script.js?pid=YOUR_PROGRAM_ID"
></script>
  1. Save the change.
  2. Publish the site.
Webflow custom code only runs on the published site, not in the Designer preview.

Checkout compatibility on Webflow

FlowStatus with AgentRef
Stripe Payment Links, Buy Buttons, or Pricing Tables embedded on Webflow pagesSupported directly.
Custom Stripe checkout you own outside Webflow EcommerceSupported with the Stripe guide.
Webflow Ecommerce native checkoutNot an automatic AgentRef attribution surface today.
  • Webflow marketing site plus app subdomain is fine if both live under one root and both install AgentRef where needed.
  • Different root domains do not share first-party cookies automatically.
  • If you gate cookies behind consent, call window.AgentRef.setConsent('granted') after opt-in.

Verify the installation

  1. Publish the site.
  2. Open a real affiliate link to the live Webflow domain.
  3. Confirm agentref_cid and agentref_pid exist in browser cookies.
  4. Add ?agentref_debug=1 and inspect the console.
  5. If you use custom Stripe checkout, validate the Stripe guide end-to-end.

Troubleshooting

  • The script works in code settings but not live: republish the site after saving.
  • The script exists but clicks are not verified: confirm the program website in AgentRef matches the Webflow domain.
  • Conversions are missing while clicks arrive: you are either using Webflow Ecommerce native checkout or your custom Stripe path still needs the metadata bridge.

Stripe Checkout

Required for custom Webflow-to-Stripe checkout paths.

Debug Mode

Inspect hosted Stripe instrumentation and runtime warnings.

Consent and GDPR

Coordinate AgentRef with your consent manager.