HTML Web (Custom)

How to implement Visible Privacy with a custom HTML website.

Implementing Visible Privacy with HTML

This guide explains how to install Visible Privacy™ Consent directly into your HTML website.

Prerequisites

Before beginning, ensure you have:

  • Access to the HTML files of your website.
  • Your Visible Privacy Client ID (provided to you by Visible Privacy).

Installing the Visible Privacy Script

Edit Your HTML

Open the main HTML file(s) of your website where you want the consent banner to appear (often an index.html or template file).

Locate the <head> tag

Find the <head> tag in your HTML document.

Add the Visible Privacy Script

Immediately after the opening <head> tag, paste the following script block:

index.html
<script src="https://bc-prod-config.empathy.co/MerchantID/cookieBlacklist.js"></script>
<script src="https://bc-prod-config.empathy.co/blockCookieScript.js"></script>
<script src="https://bc-prod-config.empathy.co/MerchantID/customization.js"></script>
<script id="VisiblePrivacy" type="module" src="https://bc-prod-config.empathy.co/assets/index.js"></script>
<link rel="stylesheet" type="text/css" href="https://bc-prod-config.empathy.co/assets/index.css"/>

Replace Placeholder

In the pasted script, replace "MerchantID" with the actual Client ID provided to you by Visible Privacy. Important: Ensure you keep the double quotes around your Client ID.

Save Changes

Save the modified HTML file(s).

Magento 2
How to implement Visible Privacy with Magento 2.
Introduction to the Playboard
Discover the Visible Privacy Playboard