This guide will walk you through using a KickoffLabs Anyform to capture information on an existing E-Mail Sign-Up Form on your existing website.
In this document there will be:
- A walkthrough on how to generate a KickoffLabs AnyForm
- Links to guides on implementing your KickoffLabs AnyForm with different platforms
Generating a KickoffLabs AnyForm
- Log in to your KickoffLabs account and you will be greeted by your Campaign Dashboard. Locate the Campaign you are generating an AnyForm for and click the View Campaign button.
- From the “Campaign on your site” section select “Anyform.”
- Select the button to edit the AnyForm.
- Here you can customize your Anyform settings. A few settings to keep in mind:
Confirmation Type: There are two user experiences you can set-up with Anyform. You can redirect the lead to a KickoffLabs status page or external page – OR – display a contest box
Form Selector: This setting is rarely changed. You will only need to change this if there are forms on your page(s) you do not want to connect to KickoffLabs.
Error Message: Each sign up must include either an email address or phone number. This is the message we popup if one of these cannot be found on the submitted data.
Once you’ve made your customizations, select the “save settings” buttons and toggle to the “installation” tab.
Copy the code snippet and paste before the closing </header> tag on your external website. This step will vary, depending on what platform you used to build your website. We’ve listed the top platforms below, but if you get stuck, feel free to reach out to our support team at email@example.com for additional assistance!
Requirements for AnyForm to Work
KickoffLabs requires an email address or phone number field for every lead we collect. It will collect all the other data on the form (like hidden fields) or present in the URL such as UTM codes.
The AnyForm widget attaches itself to a form on your own web pages, using your own design, your own HTML, and thus your own naming conventions.
How we search for a form
We try the following three defaults if you do not manually enter an email selector value:
- An input field with type=email. This is our most recommended option since it allows modern browsers to validate the email address.
- An input field with name=email.
- An input field with id=email
If you cannot make your form fit one of the three defaults above, you can set the Email Selector directly in the AnyForm configuration shown above: