Framer

Step 1: Embed Surface Tag

Add a Surface Tag to your Framer Site

  1. Navigate to the Framer site settings.
  2. Scroll down to Custom Code section.
  3. Add the following code in the Start of <head> tag section.

Check out the How to Get Site ID page to get your site ID.

<!-- 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 -->

Using a verified custom domain? Add data-custom-domain="forms.example.com" to the Surface Tag. Follow the custom-domain setup guide before publishing the change.

Ready to Get Started?

See it on your own site, or open the app and build the first form.

Need Help?

Setup problems, blocked domains and CRM push failures live in the Help Center.

Feature Requests?

Tell us what is missing. We would rather hear it than guess.