# Framer

> Add the Taggor snippet to a Framer site with custom code, and place a component with the Embed element.

> Esta página ainda não tem tradução para o português; este é o texto em inglês. (This page is not translated yet: the English text follows.)

## Install the snippet once

In Framer, open the site's **Settings**, **General**, **Custom Code**, and paste the tag in the end of
`<body>` area (or the end of `<head>`):

```html title="index.html"
<script async src="https://cdn.taggorcdn.com/s/<site-key>.js"></script>
```

Framer's custom-code areas are the start and end of `<head>` and of `<body>`
(Framer Developers, custom code, `https://www.framer.com/developers/custom-code`, read 2026-11-10); that page
documents the same slots for plugins. The menu names above come from third-party guides, because Framer's own
help page for custom code could not be read on 2026-11-10: if your editor labels them differently, look for the same four areas.

## Place the component

Add an **Embed** element and choose HTML; write the tag and the snippet inside it if the element renders in a
frame (it did on the guides we read), as in the [Wix guide](https://taggor.dev/docs/platforms/wix.md):

```html title="index.html"
<contact-form heading="Get in touch"></contact-form>
```

## Limits

- Custom code needs the site to be published; it does not run in the canvas preview.
- If the Embed element is a frame, the component lives only inside it (see Wix).

## Common problems

- **The component works on the live site and not in the canvas.** Expected: publish and open the live address.
- **The component is cut off inside the Embed.** Give the element the component's height.

## How we checked

The end-of-body placement and the iframe embed run in the compatibility fixtures in Chromium, Firefox and
WebKit. Not checked: no Framer account was used, and Framer's own help was not read (only its developer
documentation and third-party guides), so the editor labels here are not confirmed.