In this quick guide, we'll show you how to integrate Cactusbanner with your WordPress website.

Prerequisites

Cactusbanner requires that you add a small piece of code to your WordPress website. This code will be used to display banners on your website.

To get started, you'll need to create a new website on your Cactusbanner account. Once you've created a new website, you'll be given a small piece of Javascript code that you can use to integrate Cactusbanner with your WordPress website. (Check our Getting Started guide for more information on how to create a new website and you first banner.)

Adding the Cactusbanner code to your WordPress website

To add the Cactusbanner code to your WordPress website, you'll need to use a plugin that allows you to add custom Javascript code to your website. We recommend using the Insert Headers and Footers plugin.

To add the Cactusbanner code to your WordPress website, follow these steps:

Install the Insert Headers and Footers plugin on your WordPress website.
Once the plugin is installed, go to the Settings > Insert Headers and Footers page in your WordPress dashboard.
In the Scripts in Header section, paste the Cactusbanner Javascript code that was generated when you created a new website on your Cactusbanner account. The code should look something like this:

<script type="text/javascript">
    var script = document.createElement('script');
    script.onload = function(){ window.cactusbanner('boot', { appId: 'pk_xxx', language: 'auto' }); };
    script.src = 'https://js.cactusbanner.com/cactusbanner.js';
    script.async = true;
    document.body.appendChild(script);
</script>

Click the Save button to save your changes.

That's it! You've successfully integrated Cactusbanner with your WordPress website. You can now create and manage banners on your Cactusbanner account, and they will be displayed on your WordPress website.