Integrate your legal documents in minutes

Your documents are ready and hosted on WebLegal.ai. Each document has a unique URL you can use directly. Choose the method that matches your technical level:

Simple link

Add a link in your footer. 30 seconds.

Beginner

Overlay (popup)

The document opens as an elegant popup on your site. 2 minutes.

Recommended

Iframe (embed)

Embed the document directly in a page. 2 minutes.

Intermediate

Copy-paste

Copy the content (HTML, plain text or Markdown) into your CMS.

All levels

Using TOWeb, PageXL, Shopify, WooCommerce or WordPress? Go directly to the dedicated guide for your platform below.

Method 1: Simple link

The simplest method. Add a link to your document in your website's footer.

HTML

<a href="https://weblegal.ai/documents/votre-document/">Privacy Policy</a>

The visitor clicks and sees your legal document on a dedicated page, with the toolbar (copy, download, print).

Tip : place your legal links in your website's footer, like most professional websites.

Method 2: Overlay (popup)

The document opens in a modal window over your site, without leaving the page. This is the recommended method for the best user experience.

Step 1: Add the script (once only)

Add this line in the <head> of all pages of your site (or in your main template/layout). This way, the legal links in your footer will work everywhere:

HTML — add to <head>

<script src="https://weblegal.ai/js/weblegal-embed.js" defer></script>

Step 2: Add your links

Place your legal links in your website's footer. All links pointing to WebLegal documents will automatically open in an overlay:

HTML — links in your footer

<footer>
  <a href="https://weblegal.ai/documents/xxx/">Terms of Use</a>
  <a href="https://weblegal.ai/documents/yyy/">Privacy</a>
  <a href="https://weblegal.ai/documents/zzz/">Cookies</a>
</footer>

Advantage : the visitor never leaves your site. The document displays over the current page and closes by clicking X or pressing Escape. Since the script is on all your pages, the legal links in the footer work everywhere.

Method 3: Iframe (direct embed)

Embed the document directly in a page on your site, as if it were part of your content.

HTML

<iframe
  src="https://weblegal.ai/documents/votre-document/?toolbar=0&noheader=1"
  width="100%"
  height="800"
  style="border: none; max-width: 100%;">
</iframe>

The parameters toolbar=0 and noheader=1 hide the toolbar and header for a visually clean integration.

Method 4: Copy-paste the content

You can copy the content of your documents and paste it directly into your CMS or site editor.

Open your document on WebLegal.ai
Click Copy at the bottom right
Choose the format:
- HTML — for editors that accept HTML code
- Plain text — for simple editors
- Markdown — for static sites (Hugo, Jekyll, Astro...)
Paste into your editor

Important : if you copy the content, automatic updates will not apply. With a link, overlay or iframe, your document automatically benefits from WebLegal improvements.

Appearance customization

Adapt the appearance of your documents to match your site. Configure the options below and copy the customized URL.

Your document URL

Theme

Auto (system) Light Dark

Display options

Hide the toolbar Hide the header Hide the footer Show WebLegal credit

Body font

Heading font (optional)

Link color

Maximum width : 960px

Custom URL

TOWeb Guide

TOWeb manages legal documents via 2 built-in locations:

Terms of Use/Terms of Sale page ("tos" section): displays the Terms of Use or Terms of Sale depending on whether your site has e-commerce or not. The link appears automatically in the footer.
Privacy/Cookies page: a dedicated section you assign in Options > Cookies & Privacy. This is where you place your privacy policy and/or cookie policy.

Step 1: Fill in the Terms of Use or Terms of Sale page

Generate your Terms of Use (or Terms of Sale for e-commerce) on WebLegal.ai
Click Copy HTML on your WebLegal document
In TOWeb, open the "Terms of Use" (or "Terms of Sale") section located at the end of your sections list
Paste the content into a paragraph on this page

Step 2: Create the Privacy / Cookies page

Generate your Privacy Policy on WebLegal.ai and click Copy HTML
In TOWeb, create a new section (e.g.: "Privacy Policy")
Paste the HTML content into a paragraph
In Options > Cookies & Privacy, assign this section as the consent page
If you also want a separate cookie policy, create an additional section and paste the corresponding document

Step 3: Check the footer links

Links to the Terms of Use/Sale page and cookie pages are automatically added by TOWeb to your pages whenever necessary
In the Sections step, manually add all links to your legal documents (Terms of Use/Sale, Privacy / Cookies, etc.) in your site's footer
Publish your site

TOWeb 14+ : the built-in site optimizer automatically checks for the presence of your legal pages and alerts you to any GDPR compliance issues (missing footer link, placeholder content, privacy page not assigned, cookie consent disabled).

E-commerce sites : the TOWeb TOS page automatically displays "Terms of Sale" instead of "Terms of Use". If you need both documents or more, create as many additional sections as needed and add their links to your footer.

PageXL Guide

PageXL has a dedicated screen for legal documents with 4 fields: Privacy Policy, Terms of Use, Cookie Policy and Terms of Sale.

Recommended method: copy-paste into dedicated fields

Generate your documents on WebLegal.ai
On each document, click Copy HTML
In PageXL, open your page settings
Paste the content into the corresponding field (Privacy Policy, Terms of Use, etc.)
Save — PageXL automatically creates the pages and links

Automatic links : PageXL manages the fields %PRIVACY%, %TERMS%, %COOKIES% and %TOS% that you can insert in your texts to create links to the corresponding legal pages.

"Generate with AI" button : each field has a button that redirects you to WebLegal.ai to generate the corresponding document.

Shopify Guide

Method 1: Links in the footer

Shopify Admin > Navigation > Footer menu
Click Add menu item
Name: "Privacy Policy", URL: your WebLegal URL
Repeat for each document (Terms of Use, Cookies, Terms of Sale)
Save

Method 2: Dedicated page with iframe

Shopify Admin > Pages > Add page
Click on </> (HTML mode)
Paste the iframe code (see Iframe section above)
Save and add the page to your navigation

WooCommerce Guide

WordPress Admin > Pages > Add New
Title: "Privacy Policy"
Add a Custom HTML block
Paste the iframe code
Publish
In WooCommerce > Settings > Advanced, assign your Terms of Sale and Privacy pages

WordPress Guide

WordPress Admin > Pages > Add New
Title: "Privacy Policy"
Add a Custom HTML block (</> icon)
Paste the iframe code or use Copy HTML from your WebLegal document
Publish
In Settings > Privacy, select your privacy page

Other platforms

These methods work with all platforms: Wix, Squarespace, Webflow, Prestashop, Magento, etc.

Option 1: Link (the simplest)

Add a link to your document in your site's footer or menu. Works everywhere.

Option 2: Iframe

If your platform allows adding custom HTML code, paste the iframe code (see Iframe section).

Option 3: Overlay with weblegal-embed.js

If you have access to the <head> of your site, add the integration script (see Overlay section). Links to your documents will open as popups.

Option 4: Copy-paste

Copy the content of your document (HTML, plain text or Markdown) and paste it into your editor. See Copy-paste.

URL Parameters (advanced)

Add these parameters to your document URLs to customize their appearance.

Parameter	Values	Default	Description
`theme`	light, dark, auto	auto	Color theme (auto follows system)
`toolbar`	0, 1	1	Show/hide the toolbar
`font`	Google Font	Arial	Body font
`hfont`	Google Font	= font	Heading font
`linkcolor`	Hex (no #)	4361EE	Link color
`credit`	0, 1	0	"Generated by WebLegal.ai" credit
`logo`	URL https://	—	Logo image instead of name
`maxwidth`	600-1400	960	Maximum width in pixels
`noheader`	0, 1	0	Hide the header
`nofooter`	0, 1	0	Hide the footer
`print`	0, 1	0	Open print dialog automatically

Example: dark document with Inter font and green links

https://weblegal.ai/documents/xxx/?theme=dark&font=Inter&linkcolor=10b981

Managing your documents

Save a copy

Click Download in your document's toolbar to get a standalone HTML file.

Export to PDF

Click Print then choose "Save as PDF" in the dialog box. Or use the direct link:

Direct PDF link

https://weblegal.ai/documents/xxx/?print=1&toolbar=0

Automatic updates

Your documents are served dynamically. Any WebLegal improvement (dark mode, new features, fixes) is applied automatically to all your documents, including previously generated ones.

Cookie Consent Banner

A free, GDPR & CCPA-compliant cookie consent banner. Blocks trackers until the user consents, supports Google Consent Mode v2, and works on any website.

Installation

Add this script tag in your <head>, before any analytics or tracking scripts:

HTML — add to <head>

<script src="https://weblegal.ai/js/wl-cookie-consent.js" defer></script>

Configuration

Configure the banner using data- attributes on the script tag:

HTML — all options

<script src="https://weblegal.ai/js/wl-cookie-consent.js"
  data-position="popup"
  data-theme="auto"
  data-color="#4361EE"
  data-privacy-url="/privacy/"
  data-services="ga4,hotjar"
  data-expire="180"
  data-no-branding="false"
  data-lang="auto"
  defer></script>

Attribute	Values	Default	Description
`data-position`	popup, bottom, modal	popup	Banner layout: bottom bar, centered popup, or full-screen modal
`data-theme`	light, dark, auto	auto	Color theme (`auto` follows the user's OS setting)
`data-color`	#hex	#4361EE	Accent color for buttons (hex format)
`data-privacy-url`	URL	—	URL of your privacy policy page (adds a link in the banner)
`data-services`	ga4,gtm,gads,hotjar,meta-pixel,tiktok,linkedin,clarity	—	Comma-separated list of tracker services to manage
`data-expire`	1–365	180	Number of days before consent expires and the banner reappears
`data-no-branding`	true, false	false	Remove the "Powered by WebLegal" credit
`data-lang`	fr, en, es, de, it, pt, nl, pl, sv, ro, cs, el, hu, da	auto	Banner language (auto-detected from `<html lang>` by default)

Supported services

Pass a comma-separated list of service IDs in data-services:

ga4 — Google Analytics 4
gtm — Google Tag Manager
gads — Google Ads
hotjar — Hotjar
meta-pixel — Meta Pixel (Facebook)
tiktok — TikTok Pixel
linkedin — LinkedIn Insight Tag
clarity — Microsoft Clarity

Automatic script blocking

The banner automatically intercepts and blocks tracker scripts (Google Analytics, Meta Pixel, etc.) until the user gives consent. No need to modify your existing script tags — the banner handles it.

Google Consent Mode v2

The banner automatically integrates with Google Consent Mode v2. It sends gtag('consent', 'default', ...) on page load (all denied) and gtag('consent', 'update', ...) when the user accepts. No extra configuration needed.

Custom event

Listen for the wl-cc-consent event to react when the user makes a choice:

JavaScript

window.addEventListener('wl-cc-consent', function(e) {
  console.log(e.detail);
  // e.detail = { analytics: true, marketing: false, ... }
});

Visual configurator

Use the Cookie Banner configurator to visually customize and generate the script tag with the right attributes:

Open the configurator →

Free : the cookie consent banner is completely free, even without purchasing any legal document from WebLegal.

Frequently asked questions

Each purchase generates documents for a specific site. If you manage multiple sites, you will need a set of documents per site.

All improvements (dark mode, new copy options, layout fixes) are automatically applied to all your documents, even those generated months ago.

No. All WebLegal documents have a noindex, nofollow tag to avoid duplicate content and protect your SEO.

You can copy the content (HTML, plain text or Markdown) and edit it freely. However, automatic updates will no longer apply to a modified copy.

Yes. On mobile, the overlay displays in full screen for optimal readability.