Skip to main content
Adding the Pockla personalization script to your Shopify store’s <head> section is straightforward. Follow the steps below.

​
Step 1: Open the Code Editor

1

Go to Online Store > Themes

From your Shopify admin, navigate to Online Store → Themes
2

Edit Code

Find your current theme and click Actions → Edit Code

​
Step 2: Add Your Code

Copy the Pockla script: 
<script src="https://cdn.pockla.io/pockla.min.js"></script>
1

Find theme.liquid

In the left sidebar, find theme.liquid under the Layout folder
2

Search for <head>

Press CMD+F (Mac) or CTRL+F (Windows) and search for <head>
3

Paste the script

Paste the Pockla script on the line directly after <head>
<head>
  <script src="https://cdn.pockla.io/pockla.min.js"></script>
  
  <!-- Rest of your head content -->
4

Save

Click Save in the top right
Be careful not to delete any existing code—even a single bracket can break your theme.
Shopify may display a warning about loading the script synchronously. This is expected—our anti-flicker functionality requires synchronous loading. You can add async or defer, but this may cause a flash of unpersonalized content.

​
Frequently Asked Questions

Less than 4KB when gzipped—extremely lightweight. It won’t significantly impact your store’s load time.
The script is served via a global CDN, ensuring fast delivery regardless of your customers’ location.
No. The script is highly optimized. At less than 4KB gzipped, the overhead is negligible.For additional performance tuning, you can add defer or async attributes, but this may disable anti-flicker and cause a flash of default content.
Yes. Pockla is designed with security and privacy in mind. The script only loads personalization features you’ve configured.
We don’t recommend GTM for Pockla. GTM loads scripts with a delay, causing flicker. Install directly in theme.liquid for the best experience.
Yes. Go back to theme.liquid, delete the Pockla script line, and click Save.

​
Need Help?

Contact Support

Get help with Shopify installation