Step 1: Embed Surface Tag
Add a Surface Tag to your WordPress Site
The Surface Tag needs to load on every page of your site. In WordPress you can do this either with a plugin (recommended) or by editing your theme directly.
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.
Use a header/footer plugin such as WPCode:
- In your WordPress admin, go to
Plugins>Add New Plugin. - Search for WPCode, then Install and Activate it.
- Go to
Code Snippets>Header & Footer. - Paste the Surface Tag code above into the Header section.
- Replace
YOUR_SITE_IDwith your site ID and clickSave Changes.
Any plugin that injects code into the site <head> works the same way. If
you already use one, add the Surface Tag there instead.
To verify the tag is installed, open your site, view the page source, and
search for surface_tag. You should find the script inside the <head>.
Ready to Get Started?
See it on your own site, or open the app and build the first form.