Connect your own form with AnyForm

Last reviewed: 2026-11-08

AnyForm connects a form you already have on your website to a KickoffLabs campaign. Your form keeps its own design. When someone submits it, they become a lead in your campaign with a referral link, a score and everything else a KickoffLabs signup gets.

It works with almost any site: Webflow, WordPress, Squarespace, Shopify, Wix, Unbounce, Instapage, Leadpages, or your own HTML.

AnyForm or Embed?

You want	Use
To keep your own form and its design	AnyForm (this guide)
A ready-made KickoffLabs form, with the thank-you view and share buttons inside your page	Embed. See Embed a KickoffLabs signup form.

Before you start

• Your form needs an email field (or a phone field). AnyForm finds it automatically when the input is type="email" (or type="tel" for phone).
• You need a way to add a script to your site, such as a footer code setting, code injection or a script manager.
• Know how to point at your form. If your page has only one form, form works. Otherwise use the form’s ID, like #signup-form, or a class, like .newsletter-form.

Caution

AnyForm takes over the form’s submit. The form’s own action (for example posting to your email tool) no longer runs. To keep sending signups to that tool, connect it to your campaign under Leads → Lead delivery, or with Zapier.

Set up AnyForm

1. In your campaign, open Pages & forms. Select the arrow next to + New page, then Connect a form (AnyForm). You can also select Set up on the AnyForm row in the list.

   

2. Turn on Enable AnyForm and type your form’s CSS selector in Form selector, such as #signup-form.

   

   Tip

   To find your form’s ID, open the page in Chrome, right-click the form and choose Inspect. Look for <form id="...">. Put # in front of the ID in KickoffLabs.

3. Choose what happens After signup:

   • Campaign status page sends people to your campaign’s published KickoffLabs page, showing their position or score and their share link. Publish your campaign’s landing page first.
   • Custom redirect sends people to a page you choose, such as a thank-you page on your own site. Paste its address in Custom redirect URL. KickoffLabs adds ?kolid= and the person’s referral code to the address.

4. Optionally edit Missing email or phone message. People see it if they submit without an email or phone number.

5. Select Save AnyForm settings. Changes can take a couple of minutes to reach your site.

6. Under Install the campaign script, select Copy script and add it to every page that has the form, ideally just before the closing </body> tag or in your site’s footer code setting.

   

7. Publish your site, open the live page and submit the form with a test email address.

8. In KickoffLabs, open Leads and select your test signup. Fields like first name come across too.

   

9. Back on the AnyForm screen, tick I installed this script on at least one external page and save. Bridge status then shows the connection is ready.

   

How your fields come across

• Email: the field with type="email", id="email" or name="emailAddress".
• Phone: the field with type="tel", id="phone" or name="phoneNumber".
• Name: name your fields first_name and last_name to fill in the lead’s name.
• Everything else is sent by its field name, so give every field you want to keep a clear name.

Stay on the page after signup

To keep people on your page and show a short message in place of the form, add two attributes to your form tag:

<form id="signup-form" data-confirmation_type="onpage" data-confirmation_text="Thanks, you're on the list!">

After a successful signup the form hides and your message appears where it was.

Tips

• One script covers every page. Add the same campaign script to each page that has the form. The settings apply everywhere, so you set them once.
• Use a precise selector. form matches every form on the page, including search and login forms. An ID like #signup-form only matches the one you mean.
• Test the live page. Many site builders don’t run scripts in their editor preview.
• Use one connection per page. If your campaign has an older AnyForm from a past setup, KickoffLabs shows a warning. Don’t install both on the same page.
• Give people a reason to share. With Campaign status page, new leads see their share link right away. Mention the reward for sharing on your own page too.

Where to paste the script by site builder

AnyForm only needs the campaign script, added where your builder allows site-wide or page code. The Embed guide lists the exact place for each builder.

Caution

The script and the form must be in the same page. Some builders, such as Wix, put forms and custom HTML in their own frame, where a site-wide script can’t see them. If your form is inside a frame like that, build the form in a custom HTML block together with the script, or use a KickoffLabs Embed instead.

• WordPress: your theme’s footer setting or a header and footer scripts plugin. For forms made with a form plugin, target the form by its ID.

• Squarespace: Code Injection in the site or page settings.

• Unbounce: the page’s Javascripts panel or Script Manager, placed before body end.

• Instapage: the page’s Settings → Javascript in the footer.

• Leadpages: the page’s tracking code area.

If signups don’t arrive

• Nothing happens on submit: check Enable AnyForm is on, the selector matches the published form, and the campaign script is on that page.
• The form submits but no lead arrives: make sure the form has an email field (type="email") or a phone field (type="tel"), and that there’s no older KickoffLabs script from a past setup on the page.
• People are sent to the wrong place: check After signup. Campaign status page needs a published KickoffLabs page in the campaign.
• Just changed a setting: wait a couple of minutes and reload your page.

Go deeper

• Referral program guide
• How to launch a waitlist that grows itself
• Send leads to other tools with Zapier

Need help? Email support@kickofflabs.com with your campaign name, the page with your form, your site builder, and what happened when you submitted a test.