Skip to content

Webflow

  1. Open Site settings, then Custom code.
  2. Paste the tag in the Head code area, or in Footer code:
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.

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

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.

  • 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.
  • 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).

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.