Skip to main content
Adding the Pockla snippet to your Webflow site’s <head> section is straightforward. Follow the steps below.

​
Step 1: Open Site Settings

In your Webflow Designer, click the gear icon in the left sidebar to open Site Settings, then select the Custom Code tab.

​
Step 2: Paste the Snippet

Copy the Pockla snippet: 
<script>var p=new URLSearchParams(location.search).get('pklid');if(p)document.write('<script src="https://embed.pockla.io/'+p+'.js"><\/script>');</script>
In the Custom Code tab, find the Head code section (the first input field). Paste the snippet into the Head code field. This adds the snippet before the closing </head> tag on all pages of your site.

​
Step 3: Save and Publish

1

Save Changes

Click Save changes in the Custom Code settings
2

Publish

Click Publish in the top right of the Designer to make the snippet live
Custom code changes in Webflow only appear in preview mode until you publish. The Pockla snippet will not work for visitors until you publish your site.

​
Frequently Asked Questions

No. The snippet is tiny and only loads an external script when a visitor arrives via a Pockla link. Regular visitors see zero additional overhead.
Yes. Pockla only loads personalization for visitors who arrive via your Pockla links.
Yes. Instead of using Site Settings, you can add the snippet to individual pages via Page Settings → Custom Code → Head code.
Yes. Go back to Site Settings → Custom Code, delete the snippet from Head code, save, and publish.

​
Need Help?

Contact Support

Get help with Webflow installation