# Webflow

> Add the Taggor snippet to a Webflow site and place a component with an Embed element.

## Install the snippet once

1. Open **Site settings**, then **Custom code**.
2. Paste the tag in the **Head code** area, or in **Footer code**:

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

Webflow takes HTML, CSS in a style tag and JavaScript in a script tag there
(Webflow Help, `https://help.webflow.com/hc/en-us/articles/33961357265299`, listed in the research of 2026-11-09 (`docs/research/landing-linguagem-e-integracoes.md`); Webflow's page refused a direct read, so the steps come from a search summary).
Publish the site for the code to take effect.

## Place the component

Add an **Embed** element where the component should appear, and write its tag inside:

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

An Embed element is part of the page, not a frame. Check the Embed element's behavior in the Designer on your
plan before you rely on it; that is the part we could not read from Webflow's own page.

## Limits

- Custom code is limited by plan and by size. Webflow's help page lists both; read it for your plan before you
  paste.
- The code runs on the published site, not in the Designer's canvas: preview with the published address.

## Common problems

- **The component does not show in the Designer.** Expected: custom code runs on the published site.
- **It shows in Head code but the page flashes.** Use **Footer code** or reserve the final size with
  `:not(:defined)` ([Fallback content](https://taggor.dev/docs/fallback.md)).

## How we checked

Head and end-of-body placement run in the compatibility fixtures in Chromium, Firefox and WebKit. Not
checked: no Webflow account was used, and the plan limits are not quoted because Webflow's page could not be read
directly.