Online előadás / webinar landoló oldalak
**Röviden** — 4 HTML sablon a webinar funnelhez, mind aldomain-eken (`/webinar`, `/webinar-koszonjuk`, `/webinar-replay`, `/webinar-program`).
Vissza a katalógusraMit tanulsz ebben a modulban?
A 21. bónuszban a webinar funnel logikáját tanultad — itt a 4 konkrét weboldalt építed fel részletesen. Mindegyik különálló HTML-fájl, Tailwind-del, Vercel/Netlify-ra deployolva, a meglévő tedneved.hu aldomain-jain.
01. Regisztrációs oldal — a 6 alap-szekció
A webinar regisztrációs oldal rövid kell, hogy legyen — a látogató 1 perc alatt dönt. 6 szekció:
- Hero — webinar címe (probléma-fókuszú), dátum-időpont, „45 perc, ingyenes", elsődleges CTA (form)
- Mit tanulsz — 3-4 bullet, konkrétan mit fog tudni a néző a végére
- Kinek szól — 3 célcsoport-mondat, hogy a látogató felismerje magát
- Rólad — egy bekezdés és kép, miért hallgatna meg téged
- GYIK — 3-4 kérdés (lesz-e felvétel, mennyi idő, fizetős-e, kell-e bekapcsolt kamera)
- Záró-CTA — a form újra
A regisztrációs form Kit-en keresztül megy, és automatikus Cal.com naptár-meghívót küld. Claude Code 30 perc alatt megírja a teljes oldalt.
02. Megerősítő és emlékeztető oldalak
A köszönő-oldal nem mellékes — ez az első alkalom, hogy a néző „belép a világodba". A webinar-koszonjuk.html szerkezete:
- Megerősítés — „Sikeresen regisztráltál! Az emailedben találod a részleteket."
- Naptár-mentés — „Mentsd a Naptáradba" gomb (ICS-fájl link, Claude generálja)
- Mit várj — egy bekezdés a webinar formátumáról
- Bónusz — esetleg ingyenes PDF letöltés, amíg várja a webinar-t
- Közösség — Skool/LinkedIn-csatlakozási link, ha van
A Kit-emlékeztetőket itt nem írod meg külön — a Kit-szekvenciával mennek ki 24h, 1h, 5min előtt.
03. Replay oldal és értékesítő oldal
A webinar valódi konverziója a replay-en történik — sokan élőben nem tudnak nézni, viszont 24-72 órás ablakban megnézik. A webinar-replay.html:
- Videó beágyazva — YouTube unlisted, Vimeo, vagy önálló MP4
- Időbeli korlát — „Ez a felvétel 72 óráig elérhető" (nem hazugság — sürgetés-t ad)
- Sales szekció — közvetlenül a videó alatt: „A webinar-ban említett 6-hetes program részletei", csomag-leírás (8. modul), Stripe-link a fizetésre
- GYIK — a webinar-ban nem említett részletek
- Záró CTA
A webinar-program.html (a értékesítő oldal) ennek bővített verziója azoknak, akik 72 óra után jönnek vissza. Mindkettőt Claude Code generálja a 4 oldal együtt, egy munkamenet alatt.
Heti feladat
Válassz egy konkrét webinar-témát, generáld le a 4 sablon-oldalt Claude Code-dal, és deployold őket Vercel-re aldomainekként.
Eredmény
Van 4 deployolt webinar-oldalad, regisztrációtól replay-ig — ez a webinar-funnel motorja, és bármikor új webinar-témára újrahasznosítható.
Készen állsz, hogy élesben is megépítsd?
A tananyag megadta a tudást. Ha valódi AI-rendszert szeretnél a vállalkozásodba — nem csak elméletet —, beszéljük át, hogy pontosan mire van szükséged.
Lássuk, illik-e a stílusom hozzád