Documentation

Documentation & Installation

Everything you need to install and configure the Universal Clarity widget on your website.

Global Compliance Standards
Our technology and services consistently align with the latest regulations in the U.S., Canada, and Europe, and adhere to the highest global compliance standards for digital assets, including ADA (Americans with Disabilities Act), WCAG 2.2 (Web Content Accessibility Guidelines), EN 301 549 (European accessibility standard), GDPR (General Data Protection Regulation), EAA (European Accessibility Act), COPPA (Children's Online Privacy Protection Act), and UNRUH (California's Unruh Civil Rights Act).
Universal Clarity Compliance Ecosystem: ADA, WCAG, EN 301 549, GDPR, EAA, COPPA, UNRUH

Step 1: Get Your Code

Add this single line of code to your website's footer, just before the closing </body> tag.

<!-- Universal Clarity Widget -->
<script src="https://cdn.universalclarity.com/widget.js" data-account="YOUR_LICENSE_KEY" async></script>

Step 2: Platform Guides

WordPress
  1. Install the "Insert Headers and Footers" plugin.
  2. Go to Settings > WP Headers and Footers.
  3. Paste the code into the Scripts in Footer box.
  4. Click Save.
Wix
  1. Go to Settings > Custom Code.
  2. Click + Add Custom Code.
  3. Paste the snippet and select "Load code on each new page".
  4. Place code in Body - end.
Squarespace
  1. Go to Settings > Advanced.
  2. Select Code Injection.
  3. Paste the code into the Footer field.
  4. Click Save.
Custom / HTML

Simply paste the script tag immediately before the closing </body> tag in your main HTML template or layout file.