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

Prerequisites

Cactusbanner requires that you add a small piece of code to your Shopify 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 Shopify 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 Shopify website

To add the Cactusbanner code to your Shopify website, you'll need to use the Shopify theme editor. Follow these steps to add the Cactusbanner code to your Shopify website:

Log in to your Shopify admin dashboard.
Navigate to "Online Store" > "Themes".
Find the theme.liquid theme and click on "Actions" > "Edit code".

Shopify theme editor

Find the closing tag and insert the JavaScript code. 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 Shopify website. You can now create and manage banners on your Cactusbanner account, and they will be displayed on your Shopify website.