Install ClauseClear on WooCommerce / WordPress

Three options depending on how you prefer to add custom code in WordPress: a Custom HTML block on the page, a snippet plugin, or your theme's functions.php. Pick whichever your team is most comfortable with.

Shopify WooCommerce Wix Squarespace Custom / HTML

Before you start: log in to WP Admin as an Administrator, and have your ClauseClear merchant slug to hand from /dashboard. The slug looks like acme-ltd-a1b2c3.

1Easiest: Custom HTML block on the T&C page

Recommended unless you have a strong reason to do otherwise — this method scopes the snippet to just your Terms & Conditions page.

In WP Admin, go to Pages and edit your Terms & Conditions page.
At the bottom of the page content, click the + button to add a new block. Search for “Custom HTML” and select it.
Paste the snippet into the Custom HTML block:

<script src="https://clauseclear.co.uk/embed.js" data-merchant="YOUR-MERCHANT-SLUG"></script>

Replace YOUR-MERCHANT-SLUG with your real slug, then click Update in the top right.

2Alternative: Code Snippets plugin

If you already use the Code Snippets or WPCode plugin (popular for managing custom code without touching themes):

Go to Snippets → Add new.
Title it “ClauseClear Verified Badge”.
Choose HTML snippet and paste the snippet from step 1.
Set the location to Site Wide Footer — the embed.js auto-detects whether it’s on a Terms page or a checkout page and renders accordingly. (Or, if your plugin supports page-specific targeting, scope it to the T&C page only.)
Save and activate.

3Alternative: theme functions.php

For developers who manage code via the theme directly. Edit your active child theme’s functions.php (never the parent theme, or your changes get overwritten on update):

add_action('wp_footer', function() {
  if (is_page('terms-and-conditions')) {
    echo '<script src="https://clauseclear.co.uk/embed.js" data-merchant="YOUR-MERCHANT-SLUG"></script>';
  }
}, 999);

Adjust the page slug in is_page('...') to match the slug of your T&C page. Replace the merchant slug.

4Add to checkout / order summary too (optional)

To get the verified badge on the WooCommerce checkout page, add the same snippet to the checkout page. The easiest path is the same Custom HTML block approach — edit the WooCommerce Checkout page (auto-created at first install) and add the block at the bottom.

For themes that don’t expose the checkout page in the page editor (some block themes), use the woocommerce_after_checkout_form hook in functions.php instead.

5Verify it’s working

Visit your Terms & Conditions page in an incognito window (so your own caches don’t mislead you). You should see:

An inline link saying “See the key terms you’d normally miss — Simpler Terms by ClauseClear →”
Clicking opens a modal with your audit summary.

If you have a caching plugin (WP Rocket, W3 Total Cache, LiteSpeed Cache), purge the page cache after saving.

6Common gotchas

Security plugins (Wordfence, Sucuri): some block third-party scripts by default. Add clauseclear.co.uk to the plugin’s allowlist.
Strict CSP headers: if your site sends a strict Content-Security-Policy via your security plugin, add clauseclear.co.uk to script-src and connect-src.
Header / footer not loading: some custom block themes don’t fire the wp_footer() hook. If your snippet doesn’t appear with the functions.php approach, switch to the Custom HTML block instead.