Add UTM parameters while preserving the query and #fragment, with correct encoding and case warnings
Landing Page Builder
Build a landing page from components (headline, benefits, FAQ with JSON-LD, call-to-action, footer) with a live preview, UTM tags and optional tracking, plus colour contrast, page size and misleading-phrase checks.
Workspace
How the result is calculated
The page is built as one HTML file with inline styles and no libraries: a single H1, a description, a benefits list, an FAQ using <details> with FAQPage JSON-LD (the < character is escaped), a repeated call-to-action button at the bottom and a footer. All text is escaped (& < > " '). UTM tags are added to the button link with URLSearchParams. Contrast follows WCAG: relative luminance ratio (L1+0.05)/(L2+0.05), required ≥ 4.5 for text on the background (the button text colour is chosen white or black, whichever contrasts more, so it always reaches about 4.58 or more). Checks: size ≤ 100 KB, title ≤ 60 characters, an https link, a footer, and a list of phrases that may be considered misleading. The preview runs in an iframe without scripts.
FAQ
Will any network accept the page?
No guarantee; each network has its own policies.
Why a contrast warning?
The button colour or theme does not reach the WCAG 4.5 ratio; change the colour.


