Build and publish a custom landing page for my Gumroad product zwcwk.
Design a unique, conversion-focused page tailored to this product — fully responsive, accessible, and supporting light and dark mode. Save it as one self-contained file, landing.html. The page is sanitized and runs sandboxed: inline CSS/JS (animations, scroll effects, modals) and a Tailwind CDN work. For images and media, use only your product's own assets (run gumroad products view zwcwk for its cover and thumbnail URLs), inline data: URIs, or CSS — external image/media hosts are blocked, and the page can't fetch external URLs or read the buyer's account.
IMPORTANT: a custom landing page REPLACES the entire product page, including the native price and "I want this!" button. Your HTML must include at least one buy element (see below) or the product becomes unpurchasable. Always end by loading the live page and clicking through to checkout to confirm the buy flow works.
Mark live values and buy buttons with data attributes that Gumroad fills in server-side:
- data-gumroad-field="name|price|description|rating|review-count" — interpolated with the product's current values. rating and review-count are left as you wrote them when reviews are hidden or the product has none, so put a fallback like "Be the first to review" inside those elements.
- data-gumroad-action="buy" — wired up to launch the Gumroad checkout. Use on any element (,
For a pay-what-you-want product where the buyer should name their OWN price on the page, render a price and post the chosen amount to checkout yourself (do NOT put data-gumroad-action="buy" on this button — Gumroad's delegated buy handler would intercept it before your custom price is added). The page is allowed to post a "gumroad:checkout" message to its parent with any of: variant, quantity, price, recurrence. Use variant for a variant/version/tier name. An empty price falls back to Gumroad's own price-entry step, so there is no dead end:
Links to your own Gumroad pages (your storefront, your other products) work as ordinary links — write them plainly and they open in the same tab, no target="_blank" needed. Links to any other site still need target="_blank".
Then preview, publish, and verify it with the Gumroad CLI:
- Run the real server-side sanitizer WITHOUT publishing and read what it changed: gumroad products page preview zwcwk ./landing.html --json --no-input --non-interactive — inspect .sanitization_report. If it stripped tags or attributes your page needs (a buy element, an , a
0 Comments