Free · Embeddable · No sign-up

UTM Builder

Build clean, consistent campaign links, and walk away with a naming convention your whole team can follow.

The interactive companion to the playbook The Signal Chain.

Your tagged URL Fill in the required fields to build your link.

Put this UTM builder on your own site, free

Two lines of code. It stays in sync, costs nothing, asks nothing.

If your audience runs campaigns, host this. It builds clean, consistent tracking links and hands them a reusable naming convention, the same discipline that keeps analytics from fragmenting one channel into three. It co-brands itself, runs from this site, and asks your visitors for nothing.

Paste the URL of the page you'll embed the tool on. We'll read its colours and fonts and show you what the calculator would look like in your brand.

Reading your site…

Extracted colours

Click an area below, then tap colours above to paint it. The area stays selected, so try a few quickly. The green (money kept) and red (leaks) are generated automatically so the chart always reads right.

Background
Text
Accent
Border
Fine-tune surfaces (cards, fields, buttons, active tab)
Cards
Fields
Buttons & tabs
Active tab

Pick a colour from the strip above

How the collaboration badge will appear:

Christopher White × A tool from Christopher White Consulting, provided by Your website. The full playbook, The Signal Chain, explains every stage. 
<div data-cwc-tool="utm-builder" data-cwc-title="UTM Builder by Christopher White Consulting" data-cwc-reserve-narrow="1400" data-cwc-reserve-wide="900" style="min-height:900px"></div>
<script src="https://christopherwhite.com.au/embed/loader.js" data-cwc-tool="utm-builder" async></script>
  1. Paste the two lines where you want the calculator to appear.
  2. Use a real HTML / "embed code" block, not a rich-text field, so the <script> survives.
  3. Publish. It loads instantly and auto-sizes its height; nothing to set, nothing to maintain.
Platform notes: WordPress, Webflow, Shopify, Squarespace, Wix…
  • WordPress: a Custom HTML block (Classic editor: the Text tab).
  • Webflow: an Embed element, then publish.
  • Shopify: a Custom Liquid / Custom HTML section in the theme.
  • Squarespace: a Code block (Business plan or higher).
  • Wix: Embed Code → Embed HTML / Custom Code.
  • Framer, Ghost, Carrd, Notion sites: the platform's "embed HTML" / "custom code" block.

Stuck? Paste the install guide into ChatGPT, Claude or Gemini and it'll walk you through your exact platform, or just point your AI at christopherwhite.com.au/embed/install.md.