# How to Add Cookie Banner on an HTML Website

Learn how to add a cookie banner to your HTML website with our step-by-step guide.

---

**Categories:** , 
**Published:** July 21, 2026
**URL:** https://www.cookieyes.com/documentation/cookie-banner-on-an-html-website/

---

Welcome to CookieYes! This documentation will guide you through setting up CookieYes on an HTML website. By following the steps, you can easily integrate CookieYes into your HTML website and enable a cookie consent banner.

## Step 1: Sign Up on CookieYes and Create a Cookie Banner.

To begin, follow the below steps:

- Sign up on CookieYes and try it for free.

- Once you have created the account, create a cookie banner for your website.

## Step 2: Install the cookie banner on the HTML website

```
[object Object],[object Object],[object Object],[object Object],[object Object]
```

You can copy your installation code from **Advanced Settings** from the top navigation panel of your CookieYes dashboard.

![](https://assets.cookieyes.com/Copy_Code_42db741cc9.png)

After adding the code, the file should be like this:

![](https://assets.cookieyes.com/html_2_0d8bd3bdaa.png)

## Step 3: Verify Installation

After completing **Step 2**, you can verify the installation by clicking the **Verify Installation** button in the Cookieyes setup screen. If you have successfully installed the banner, you will see a success message showing that the “*Banner is active on your website* ”.



![](https://assets.cookieyes.com/verified_cb8dec7ef7.jpg)

Now you will see the new cookie consent banner on your HTML website. From the CookieYes Dashboard, you can complete the website scanning and explore additional customisations and features.

> **See Also:**

> - [Features and integrations](https://www.cookieyes.com/category/documentation/features/)
> - [How to customise your cookie banner](https://www.cookieyes.com/documentation/add-cookie-banner-to-website/#Step2Customi-1)
> - [Ultimate guide to GDPR cookie consent](https://www.cookieyes.com/blog/gdpr-cookie-consent/)
> - [Frequently asked questions](https://www.cookieyes.com/documentation/helpguide-faq/)
>

Still have questions or facing issues? [Contact technical support](https://www.cookieyes.com/support/?query=troubleshoot)


---

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Article",
      "headline": "How to Add Cookie Banner on an HTML Website",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.cookieyes.com/documentation/cookie-banner-on-an-html-website/"
      },
      "url": "https://www.cookieyes.com/documentation/cookie-banner-on-an-html-website/",
      "publisher": {
        "@type": "Organization",
        "name": "CookieYes",
        "url": "https://www.cookieyes.com",
        "logo": {
          "@type": "ImageObject",
          "url": "https://assets.cookieyes.com/cookieyes.png",
          "width": 250,
          "height": 60
        }
      },
      "description": "Learn how to add a cookie banner to your HTML website with our step-by-step guide.",
      "datePublished": "2023-09-05T05:22:11+00:00",
      "dateModified": "2025-06-02T06:20:35+00:00",
      "author": {
        "@type": "Person",
        "name": "CookieYes Doc Team"
      },
      "image": [
        "https://assets.cookieyes.com/html_logo_300x300_0c1a5bbfda.png"
      ]
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://www.cookieyes.com/documentation/cookie-banner-on-an-html-website/#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://www.cookieyes.com/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Documentation",
          "item": "https://www.cookieyes.com/documentation/"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Getting Started",
          "item": "https://www.cookieyes.com/category/documentation/getting-started/"
        },
        {
          "@type": "ListItem",
          "position": 4,
          "name": "How to Add Cookie Banner on an HTML Website"
        }
      ]
    },
    {
      "@type": "WebSite",
      "@id": "https://www.cookieyes.com/#website",
      "url": "https://www.cookieyes.com/",
      "name": "CookieYes",
      "description": "CookieYes is a Google-certified consent management platform that helps businesses comply with GDPR, CCPA, and other global privacy laws.",
      "inLanguage": "en-US",
      "publisher": {
        "@id": "https://www.cookieyes.com/#organization"
      },
      "potentialAction": {
        "@type": "SearchAction",
        "target": {
          "@type": "EntryPoint",
          "urlTemplate": "https://www.cookieyes.com/?s={search_term_string}"
        },
        "query-input": {
          "@type": "PropertyValueSpecification",
          "valueRequired": true,
          "valueName": "search_term_string"
        }
      }
    },
    {
      "@type": "Organization",
      "@id": "https://www.cookieyes.com/#organization",
      "name": "CookieYes",
      "url": "https://www.cookieyes.com/",
      "logo": {
        "@type": "ImageObject",
        "@id": "https://www.cookieyes.com/#/schema/logo/image/",
        "inLanguage": "en-US",
        "url": "https://assets.cookieyes.com/cookieyes.png",
        "contentUrl": "https://assets.cookieyes.com/cookieyes.png",
        "width": 19701,
        "height": 3176,
        "caption": "CookieYes"
      },
      "image": {
        "@id": "https://www.cookieyes.com/#/schema/logo/image/"
      }
    }
  ]
}
```