Free · Embeddable · No sign-up

Conversion Page Architect

Tell it your business and page type. It lays out the page block by block, says what to include, omit, or swap, and why, then hands the brief to your AI.

The interactive companion to the playbook The Conversion Journey.

Physical goods sold direct. Reviews, UGC, fast decisions.

Put this page architect on your own site, free

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

If your audience builds or fixes web pages, host this. It gives them a research-backed page map for their exact business and page type (what to include, omit, and swap), plus a brief they can hand to their own AI to draft the copy. It co-brands itself, runs from this site, and asks 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 Conversion Journey, explains every stage. 
<div data-cwc-tool="conversion-architect" data-cwc-title="Conversion Page Architect by Christopher White Consulting" data-cwc-reserve-narrow="2600" data-cwc-reserve-wide="1700" style="min-height:1700px"></div>
<script src="https://christopherwhite.com.au/embed/loader.js" data-cwc-tool="conversion-architect" 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.