AI ReadyKönyvtárSablonok
AI Ready · 17 / 21

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`).

3 percHaladóFeladat
Vissza a katalógusra

Mit 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ó:

  1. Hero — webinar címe (probléma-fókuszú), dátum-időpont, „45 perc, ingyenes", elsődleges CTA (form)
  2. Mit tanulsz — 3-4 bullet, konkrétan mit fog tudni a néző a végére
  3. Kinek szól — 3 célcsoport-mondat, hogy a látogató felismerje magát
  4. Rólad — egy bekezdés és kép, miért hallgatna meg téged
  5. GYIK — 3-4 kérdés (lesz-e felvétel, mennyi idő, fizetős-e, kell-e bekapcsolt kamera)
  6. 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érdésed van? Írj.
Következő lépés

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