All Docs

KickoffLabs Contest Boxes allow you to setup viral contests on your site in minutes. They support every KickoffLabs campaign type and can be customized to include campaign actions, rewards, leaderboards, and customer referral mechanics.

Our Contest Box embed feature allows for you to directly embed the Contest Box onto a page of any website! (aslong as you have access to add HTML to your website). Leads can easily opt-in to the contest via the embedded form and view their stats/share with friends.

If you’d like to instead install Contest Box as a widget that pops up in the bottom corner of your website, we still offer that option!

Below we’ll walk you through, step by step, embedding the Contest Box on your external website! If you haven’t already, start off by customizing your contest box. 

Embedding Contest Box

This option embeds the contest box into a page of your choosing. Either taking up an entire page, or embedded into a section/area of the page. We currently support the following platforms:

Instapage Contest Box Embed Installation Guide

Leadpages Contest Box Embed Installation Guide

Shopify Contest Box Embed Installation Guide

Squarespace Contest Box Embed Installation Guide

Unbounce Contest Box Embed Installation Guide

Webflow Contest Box Embed Installation Guide

WordPress Contest Box Embed Installation Guide

From The KickoffLabs Dashboard:

1. Click to edit your Contest Box
2. Next, select the installation tab
3. Copy the provided kol.js script and paste it into the header area of your external page.
4. Next, copy the provided HTML and paste it into your page editor where you’d like contest box to appear.

Important Notes

Some things to keep in mind while installing the embeddable Contest Box:

1. At this time we only support one embedded contest box installed on a page at a time.
2. If you have the embedded contest box on a page the pop-up box will no longer render.
3. The embedded Contest Box will always show where you have the HTML installed on your website until you remove the script.
4. The Contest Box will fill full-width wherever it’s installed.

Customizing the Embed Script

There are two options in the settings of the HTML. “embedHeight” supports either “full” or “custom”.

Full: will make the embed always have the full height of the contest box.

Custom: will use the second property embedHeightPixels to determine a fixed height with a scroll bar.

If you have any questions, or need help, please send us an email at: support@kickofflabs.com