Skip to main content
Adding the Pockla personalization script 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 Script

Copy the Pockla script: 
<script src="https://cdn.pockla.io/pockla.min.js"></script>
In the Custom Code tab, find the Head code section (the first input field). Paste the script into the Head code field. This adds the script before the closing </head> tag on all pages of your site.
Webflow may suggest adding async or defer attributes. Our anti-flicker functionality works best with synchronous loading. You can add these attributes if needed, but it may cause a brief flash of unpersonalized content.

​
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 script live
Custom code changes in Webflow only appear in preview mode until you publish. The Pockla script will not work for visitors until you publish your site.

​
Frequently Asked Questions

Less than 4KB when gzipped—extremely lightweight. It won’t impact your site’s load time.
The script is served via a global CDN, ensuring fast delivery regardless of your visitors’ location.
No. The script is highly optimized and the overhead is negligible.
Yes. Pockla only loads personalization features you’ve configured and reviewed.
Yes. Instead of using Site Settings, you can add the script to individual pages via Page Settings → Custom Code → Head code.
Yes. Go back to Site Settings → Custom Code, delete the script from Head code, save, and publish.

​
Need Help?

Contact Support

Get help with Webflow installation