Skip to content

Documentation

How to Add a Cookie Banner on a Hugo Website

How to Add a Cookie Banner on a Hugo Website

Last updated Mar 15, 2026

This guide shows you how to add the Kukie.io cookie consent banner to your Hugo website. Hugo is one of the fastest static site generators, and adding a cookie banner is as simple as placing a script tag in your base template.

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 Hugo

Hugo uses template partials for shared layout elements. Add the Kukie.io script to your base template's <head> section.

  1. Open your theme's base template — typically layouts/_default/baseof.html or layouts/partials/head.html
  2. Add the embed code inside the <head> tag: 
    <script src="https://cdn.kukie.io/s/YOUR-SITE-KEY/c.js" async></script>
  3. Save the file and rebuild your site with hugo (or let hugo server hot-reload)

Using a Hugo theme? Copy the theme's base template to your project's layouts/ directory to override it without modifying the theme directly. Hugo's lookup order prioritises your project layouts over theme layouts.

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 Hugo
  • 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.

Previous

How to Add a Cookie Banner on an Astro Website
Next

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