Quickstart
Tag installed, a form live, and a first lead in the table, in about ten minutes.
You need a Surface environment and admin access to your site's <head>.
Install the Surface Tag
One script in <head>, on every page. Traffic, funnel, attribution and AI
referral data all come from it.
<!-- Start Surface Tag -->
<script
src="https://cdn.jsdelivr.net/gh/trysurface/scripts@latest/surface_tag.min.js"
site-id="YOUR_SITE_ID"
></script>
<!-- End Surface Tag -->Your site ID is in Settings → Overview. Per-platform instructions for Webflow, Framer, WordPress, Next.js, React and Unbounce are on Surface Tag.
Serve the tag from your own domain so ad blockers and Safari's cookie policy stop treating it as third-party.
Build one form
Forms → New form. Ask for an email and one qualifying question, nothing else. Publish. The Form builder covers steps, question types and logic.
Embed it
Pick a mode and paste the snippet. Inline is the default. Popup and slideover open from a button. The input-field trigger turns an email box you already have into the first step of a Surface form.
<iframe src="REPLACE ME WITH FORM URL" allowfullscreen loading="eager"></iframe>Every mode is on Embedding.
Submit it yourself
Fill your own form once with a real work email. It appears under Leads with company, industry and headcount filled in, and an AI lead score.
Row there but enrichment empty? The email was a free provider. Enrichment resolves companies, not inboxes.
Send it somewhere
Add one workflow: post to Slack, create a HubSpot contact, or fire a webhook.
You Now Have
- Every visit and AI referral in Traffic analytics.
- One enriched, scored row per person in the Lead Data Layer.
- Page views → form views → starts → completions → qualified → meetings in the Conversion funnel.