> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pockla.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Webflow Installation

> Add Pockla personalization to your Webflow site

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:

```html theme={null}
<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

<Steps>
  <Step title="Save Changes">
    Click **Save changes** in the Custom Code settings
  </Step>

  <Step title="Publish">
    Click **Publish** in the top right of the Designer to make the snippet live
  </Step>
</Steps>

<Warning>
  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.
</Warning>

## Frequently Asked Questions

<AccordionGroup>
  <Accordion title="Will this affect my site's performance?">
    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.
  </Accordion>

  <Accordion title="Is my data safe?">
    Yes. Pockla only loads personalization for visitors who arrive via your Pockla links.
  </Accordion>

  <Accordion title="Can I add it to specific pages only?">
    Yes. Instead of using Site Settings, you can add the snippet to individual pages via Page Settings → Custom Code → Head code.
  </Accordion>

  <Accordion title="Can I remove the snippet later?">
    Yes. Go back to Site Settings → Custom Code, delete the snippet from Head code, save, and publish.
  </Accordion>
</AccordionGroup>

## Need Help?

<Card title="Contact Support" icon="headset" href="mailto:support@pockla.io">
  Get help with Webflow installation
</Card>
