This document covers the complete integration of your KickoffLabs product into WordPress. Throughout this document we will cover:
- Preparing your WordPress platform for KickoffLabs Pop-Ups and Custom Forms
- Integrating KickoffLabs Scripts
- Hosting Your Own Landing Page
After going through this documentation, you will know how to integrate KickoffLabs into your WordPress platform completely.
Preparing WordPress for KickoffLabs Pop-Ups and Custom Forms
- First thing you’ll need is to download and activate the plugin “Scripts n Styles”
- Once the plugin is installed and activated, your WordPress platform is prepared for KickoffLabs integration.
Note: We have tested several different Header and Footer plugins and found this to be the most consistently working plugin.
Integrating KickoffLabs Scripts
- Navigate to the web page that you want to embed your scripts on, scroll to the bottom and locate the Scripts n Styles plugin panel. Select the HTML tab on the left and paste your script into the bottom of the body section. Click the Update HTML option and republish your web page.
(Optional) Adding a link in WordPress to Open the KickoffLabs Pop-up
This part assumes that you don’t just want the pop-up to show up after a set amount of time, but rather when someone clicks a link on one of your pages. If you would rather have the popup appear after a set time, feel free to disregard the button and add the script as normal. Make sure to use proper configuration in the widget settings!
- Navigate to the page you would like to implement your Pop-Up Widget on and create an HTML Block. You can do this from the GUI at the plus sign or type /html at the start of a block. After generating an HTML Block paste the code generated earlier in your configuration page of the Widget.
- Save your page after adding your link and preview your page. Click your button and see your results!
Hosting KickoffLabs Landing Pages Within WordPress
While we recommend hosting your landing page directly with us on the KickoffLabs website, but it is possible to host your own landing page by utilizing the above plugin. This method is incompatible with some themes so your mileage may vary.
- Navigate to your landing page and select the Download Page tab at the top. Option A includes your embed code, copy this code for your WordPress site.
- Create a new page in WordPress with a title that makes sense to you as a landing page. Scroll down to the bottom and select the HTML tab on the lft, paste your embed code in the bottom of the body section and click the Update HTML button. Publish your page and verify the page appears correctly. The navigation panel at the top of your WordPress Theme should remain, with the embed page directly below.
- Navigate to your new page and it should be live. If there is any issues with your embed, it may be directly related to your theme. Feel free to reach out to email@example.com with any additional questions.