Webflow

Step 1: Embed Surface Tag

Add a Surface Tag to your Webflow Site

  1. Go to the Webflow dashboard.

  2. Go to Project Section > Custom Code.

  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.

The head section containing the Surface Tag should now look like this:

Webflow Head Section with Surface Tag