# Install on Framer

> Add Kymo to a Framer site through Site Settings custom code, in the end-of-head slot.

Canonical: https://kymo.in/docs/guides/framer
Last updated: 2026-07-21

Framer exposes custom code in site settings.

### 1. Open custom code

In your Framer project, go to Site Settings, then General, and find the Custom Code section.

### 2. Add to the head

In the "End of <head> tag" field, paste:

```html
<script defer src="https://kymo.in/beat.js" data-site="yoursite.com"></script>
```

### 1. Publish

Publish the site. Custom code applies to the published site, not the editor preview.

Framer sites are single-page and navigate client-side. Kymo tracks `history.pushState`, so page-to-page navigation is counted as separate pageviews.

Then [verify events arrive](https://kymo.in/docs/start/verify).