Your website and its forms

Kicklace hears your website through one line we call the tag. It records who visits and where they came from, and it hears the signup forms on your pages. It sets no cookies and never changes a form of yours.

The tag

Your line is on Setup → Hear it, and on Settings → Connections → Your website. It already carries your workspace's own key:

<script async src="https://www.kicklace.com/api/in/YOUR_KEY/track.js"></script>

It goes in the <head> of every page. Kicklace reads your site to tell what it's built with and shows you the note for that one. These are all of them.

Webflow

The tag. Site settings → Custom code → Head code, then publish. Custom code needs a paid site plan.

Your forms. Select the Form Block in the Designer, then Settings panel → Custom attributes → add data-kl-list with your list's name. Webflow's own form submission is untouched; Kicklace only listens.

Framer

The tag. Site settings → General → Custom code → End of <head>.

Your forms. Framer's form is its own component and will not take an attribute, so turn on Catch every signup form instead.

WordPress

The tag. The theme's header.php, or any "insert headers and scripts" plugin.

Your forms. Contact Form 7 and Gravity Forms let you edit the form's HTML, so add data-kl-list to the <form> tag there. A theme's own signup form usually does not, so use Catch every signup form.

Squarespace

The tag. Settings → Advanced → Code injection → Header. Code injection needs a Business plan or higher.

Your forms. Squarespace form blocks do not take attributes, so use Catch every signup form.

Carrd

The tag. Settings → Code → Head, on a Pro plan.

Your forms. Carrd's forms do not take attributes either, so use Catch every signup form.

Weebly

The tag. Settings → SEO → Header code, then publish.

Your forms. Weebly's form element does not take attributes, so use Catch every signup form.

Wix

The tag. Settings → Custom code → Add custom code: paste it, choose All pages and Head, and apply. Custom code needs a Premium plan.

Your forms. Wix forms do not take attributes, so use Catch every signup form.

Shopify

The tag. Online Store → Themes → Edit code → layout/theme.liquid, just before </head>, then save.

Your forms. A theme's own signup form is in that same code, so add data-kl-list to its <form> tag there, or use Catch every signup form.

Next.js, Astro, Hugo, or plain HTML

The tag. In the root layout (app/layout.tsx), either as the tag itself or as <Script src="…" strategy="afterInteractive" /> from next/script; in <head> in a plain HTML template or a static site generator's base layout.

Your forms. Add data-kl-list to your own <form> tag. A form that is submitted on the server and never reaches the browser posts to the events API with a secret key instead, under For your developers.

Your forms

A form on your site can put people on one of your lists. Kicklace hears it one of two ways:

• Mark the form. Add data-kl-list with your list's name to the <form> tag, where your builder lets you.
• Catch every signup form. Where it won't, switch this on under Your website, and Kicklace listens to any form that asks for an email.

Either way your form still does what it did before.

Forms Kicklace hosts for you

Some builders own their forms so completely that nothing can hear them. For those, Kicklace hosts the form, wearing your name, logo and colours:

• A list's form, at kicklace.com/f/<your workspace>/<your list>. It shows your list's sentence beside a box people have to tick, and keeps that sentence with each sign-up. Press Copy its form on the list's card on your Lifecycle map.
• Your Get in touch form, at kicklace.com/f/<your workspace>. Name, email, phone and a message. Whoever sends it lands on your map as a new lead, on no list.

Link a button to one, or put it in your page with an <iframe>. The form follows the visitor's own light or dark setting; add ?theme=light or ?theme=dark to the address to pin it.

The tag still matters with a hosted form: the tag is what ties a sign-up to the visit that led to it.

Or ask your AI

If you work on your site with Claude Code, Cursor, Copilot or ChatGPT, Your website → Let your AI do it gives you a prompt to paste there. It carries your tag, your lists and the words people agree to. It never carries a secret key.