What is a Campaign Box?
KickoffLabs Campaign Boxes allow you setup viral contests on your site in minutes without any technical knowledge!
They support every KickoffLabs campaign type and can be customized to include campaign actions, rewards, leaderboards, and customer referral mechanics. Campaign Box can currently be triggered as a pop-up or embedded into a page or section of your website.
Below we’ll walk you through, step by step, customizing your Campaign Box and preparing for installation.
Editing Your Campaign Box – When you Chose a Campaign Box Flow
During the initial campaign set-up, if you selected the Campaign Box embed or pop-up for where leads should sign-up, follow along with the below steps. If you instead chose a landing page set-up, skip over to the next section.
From your campaign dashboard, select to design the Campaign Box.
Editing Your Campaign Box – When you Chose a Landing Page
During the initial campaign set-up, if you selected the landing page flow for where leads should sign-up, the Campaign Box editor will instead be located underneath the campaign landing pages in the “More Growth Tools” area.
Campaign Box Editor Options
Design
On the “Design” tab you can customize the following:
General Settings
This area controls the layout of the box.
-
- Horizontal: Split view box with the hero image on the left and box on the right. (if embedding we recommend adding to an HTML block that has an area width of 768 px or less otherwise it will stack on mobile view).
- Vertical: Split view with the hero image on-top and the box on the bottom
- Right sided: This option is our OG minimal contest box that can be popped up in the bottom right corner of the site or embedded.
Open Pop-up Automatically For:
- All Vistors: This option will display the Campaign Box to All site traffic (both leads + vistors)
- New Leads – Thanks Only: This option will only display the Campaign Box to leads who have already signed up to the campaign
- Manual Open Only: This option can be used to turn off the Campaign Box, or set the box to manually open (based on button/link click to trigger the box)
- By default the auto open will only display once every 24 hours for people who close the box themselves.
Open Automatically After:
- This setting allows you to set the Campaign Box on a timer after X seconds on the page.
- When set to “None Do Not Open After Timer” the box will not trigger unless clicked.(ie triggering the box based on button/link click).
Show on Exit Intent
- When checked, the box will appear when a vistor goes to exit the page (mouse hovering toward browser “X”. Please note mobile devices restrict this option.
Hide on URL’s
- Add partial URL’s (paths) where you do not want Campaign Box to display.
Colors And Fonts Settings
This area allows you to customize the:
- Brand Color
- Background Color
- Font
Hero Image Settings
This setting controls the default hero image that’s set in the Campaign Box.
Intro Text Settings
This area allows you to customize the:
- Top of Box Banner (when removed the banner will be hidden from the box
- Intro Text (text above form)
Form Settings
Next, tab over to the “Form”. Similar to editing a form in the KickoffLabs editor you have the options to edit the Campaign Box form.
Form – The first section allows you to edit a field, delete a field, rearrange the order of the form (by dragging the field and dropping) along with “Add Form Item” to add a custom field.
Button Text – This area controls the form opt-in button.
Confirmation/Thanks Text – This area controls the text that appears after the lead signs up.
When Selecting to add a new field, a form menu will appear where you can chose the format of the field you’d like to add.
Actions, Rewards, And Prize Text Settings
This area houses all of the post sign-up settings for the Campaign Box.
Show Anonymous Actions: When checked, visitors can complete actions before they’re signed up. If they sign-up after, e’ll credit the actions to them (aslong as they’re using the same device + haven’t cleared their cookies).
Above Action Text: Display text above the actions widget.
Show Anonymous Rewards: by default, we hide the rewards widget until the lead has signed up. When checked, the rewards widget would display to all site traffic.
Above Rewards Text: Display text above the reward widget.
Show Leaderboard: When enabled, we’ll display the leaderboard in the campaign box.
Show Anonymous Leaderboard: When the leaderboard is enabled, we only display it to leads who have signed up by default. Checking the box would display the leaderboard to all site visitors.
Final Pitch Text: Display text below the actions widget.
Rules/Policy Link Title: Set the hyperlink text we display for the rules/terms. Learn more about customizing the terms here.
Footer Bar Settings
This setting controls the Footer Area bar in the Campaign Box
There are a few settings here that you can customize:
- Entries – This displays how many entries a lead has in the campaign.
- Rank – Display the lead’s rank.
- Points to Next Reward – This displays how many points a lead needs to unlock the next reward milestone.
- Countdown – Displays a countdown timer with an optional “contest ended” message.
- Show Total Leads – Displays the total # of leads in a campaign.
The Total Entries/Unlock Next Reward verbiage can also be optionally customized.
Open Button Settings
This area controls the open button for the Pop-up mode of Campaign Box. You can customize things like:
- Default Open Button Text: Customize the text that displays in the Campaign Box button
- Position on Page: Choose to display the Campaign Box in the bottom right or left corner of your page. (By default it’s right aligned).
- Notification Icon: Choose from a variety of icons to display in the button.
- Greeting: Set a custom greeting to greet returning leads.
- Invited you: Set a custom message when someone is referred by a friend.
Preview Mode
Preview your changes before making sure to save to bring them live! You can toggle between previewing the sign-up box, what the box looks like after the lead has entered (thanks and earn entries), along with previewing the box as an embed or popup.
Installation/Embed
Here is where we house the Campaign Box script/s once you’re ready to install! This is also available by scrolling back up in your Campaign Box settings to the “Installation/Embed” tab.
Installing Your Campaign Box
When you’re ready to install your designed Campaign Box, simply select “Installation” from the menu. These steps will vary depending on if you’d like to embed the Campaign Box or trigger it as a pop-up. We’ve included the steps for each below:
- Embedding Campaign Box onto an external page
- Embedding Campaign Box onto a KickoffLabs page
- Installing Campaign Box as a pop-up on an external page
- Triggering Campaign Box status on KickoffLabs page
Additional Options
- Once the Contest Bos is installed, you can optionally Trigger Campaign Box via link/button click
- We have some additional customizations here
Platforms Campaign Box is Currently Supported on
Campaign Box Pop-up mode:
This option allows Contest Box to be popped up into the bottom left/right corner of your website. It can also easily be set on a timer or even set to manually open with a click of a button. We currently support the following platforms:
Clickfunnels Campaign Box Pop-up Mode Installation Guide
Instapage Campaign Box Pop-up Mode Installation Guide
Leadpages Campaign Box Pop-up Mode Installation Guide
Shopify Campaign Box Pop-up Mode Installation Guide
Squarespace Campaign Box Pop-up Mode Installation Guide
Unbounce Campaign Box Pop-up Mode Installation Guide
Webflow Campaign Box Pop-up Mode Installation Guide
WIX Campaign Box Pop-up Mode Installation Guide
WordPress Campaign Box Pop-up Mode Installation Guide
Website builder not listed? Follow along with our general campaign box guide here
Campaign Box Embedded onto a page/section of your website
This option embeds the contest box into a page of your choose. Either taking up an entire page, on embedded into a section/area of the page. We currently support the following platforms:
Instapage Campaign Box Embed Installation Guide
Leadpages Campaign Box Embed Installation Guide
Shopify Campaign Box Embed Installation Guide
Squarespace Campaign Box Embed Installation Guide
Unbounce Campaign Box Embed Installation Guide
Webflow Campaign Box Embed Installation Guide
WordPress Campaign Box Embed Installation Guide
Website builder not listed? Follow along with our general embed guide here
If you have any questions, or need help, please send us an email at: support@kickofflabs.com
This document covers the complete integration of embedding your KickoffLabs Contest Box onto your Shopify...
This tutorial goes through embedding your KickoffLabs Contest Box onto your Instapage site. If you’d...
This tutorial covers the complete integration of embedding your KickoffLabs Contest Box onto your WordPress...
This document covers the complete integration of your KickoffLabs product into Squarespace. Throughout this document...
This document covers the complete integration of your KickoffLabs product into Shopify. Throughout this document...
This guide will walk you through, step-by-step, integrating KickoffLabs with Unbounce. In the below steps,...