This document covers the complete integration of your KickoffLabs product into Elementor. Throughout this document, we will cover:
- Embedding Campaign Box on a single page
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.
If you haven’t already customized your Campaign Box, check out the steps here first.
Customizing Your Campaign Box
From your campaign dashboard, select the Campaign box to edit.
When you’re ready to install your designed campaign box, simply select “Installation” from the menu. We’ll generate a piece of script for you to install onto your Elementor website.
Installing Campaign Box Onto a Specific Page
Elementor offers a drag and drop style HTML widget that allows you to embed custom HTML, CSS, and JS onto any page. There are two ways you can utilize Campaign Box. Campaign Box can function as a pop-up on your website or be embedded directly onto the page. Follow along with Elementors step by step guide on using the HTML widget here.
Installing Campaign Box Pop-up
If you’d like the Campaign Box to function as a pop-up, simply paste the KickoffLabs base script into the Elementor HTML block. This will install the pop-up on the specific page instead of site wide. If you’d like the Campaign box to instead appear on all pages of your website, follow along to the steps here
Embedding Campaign Box Onto an Elementor Page
Campaign Box can also be directly embedded onto a page of your choosing. To get started:
- Copy the base script from the KickoffLabs installation tab and paste into the Elementor HTML widget.
- Next, copy the embed script from KickoffLabs
- Paste the embed script below the base script in the Elementor HTML widget. Your widget should now look similar to the below example
Save and publish your changes in Elementor!
If you have any questions or run into any issues please email our support team at firstname.lastname@example.org.