Skip to content

Documentation

How to Add a Cookie Banner on a WordPress Website

How to Add a Cookie Banner on a WordPress Website

Last updated Mar 15, 2026

This guide shows you how to add the Kukie.io cookie consent banner to your WordPress website. WordPress is the most popular CMS in the world, and Kukie.io integrates with it seamlessly — either through the official plugin or a simple code snippet.

Prerequisite: You need a Kukie.io account and at least one site added. If you haven't done this yet, follow Create Your Account & Add Your First Site first.

Step 1: Get Your Embed Code

Log in to your Kukie.io dashboard, navigate to your site, and copy the embed code from the Setup tab. It looks like this:

<script src="https://cdn.kukie.io/s/YOUR-SITE-KEY/c.js" async></script>

Replace YOUR-SITE-KEY with the actual site key shown in your dashboard.

Step 2: Add the Script to WordPress

There are two ways to add Kukie.io to WordPress: the dedicated plugin (recommended) or a manual code snippet.

Option A: Kukie.io WordPress Plugin (Recommended)

The easiest method is to install the official Kukie.io plugin. It handles script injection, auto-blocking, and keeps everything in sync with your dashboard.

  1. In your WordPress admin, go to Plugins → Add New
  2. Search for "Kukie"
  3. Click Install Now, then Activate
  4. Go to Settings → Kukie.io and enter your API key (found in your Kukie.io dashboard under Site → Setup)
  5. Click Save — the banner will now appear on every page

For detailed plugin configuration, see Install the WordPress Plugin.

Option B: Manual Code (functions.php or Header Plugin)

If you prefer not to use the plugin, add the embed code to your theme's functions.php file:

add_action('wp_head', function () {
    echo '<script src="https://cdn.kukie.io/s/YOUR-SITE-KEY/c.js" async></script>';
}, 1);

The priority 1 ensures the script loads before other head scripts. Alternatively, use a plugin like Insert Headers and Footers (WPCode) to paste the script tag into the site-wide header without editing theme files.

Child theme recommended: If you edit functions.php directly, use a child theme. Otherwise, your changes will be lost when the theme updates.

Step 3: Verify the Installation

Visit your website in a new browser window (or incognito/private mode). You should see the Kukie.io consent banner appear. If it does not show, check the following:

  • Open your browser's Developer Tools (F12) and look for the script in the Network tab — it should load with a 200 status
  • Check the Console tab for any JavaScript errors
  • Make sure you published/saved your changes in WordPress
  • Clear any platform-level cache if applicable

For a detailed verification walkthrough, see How to Verify Your Banner Installation.

Next Steps

Need help? If you run into any issues, contact our support team and we'll help you get set up.

Next

How to Add a Cookie Banner on a Shopify Store
Was this helpful?