Kapcsolat oldal
**Röviden** — A leggyakrabban elhanyagolt oldal — pedig itt dől el, hogy a látogató tényleg ír-e. Klasszikus 2 oszlop: form bal / elérhetőség jobb.
Vissza a katalógusra2 oszlop: form bal / elérhetőség jobb (cím, telefon, email). Klasszikus, gyorsan összerakható.
Anatómia · szöveges vázlat — szakaszról szakaszra
Kapcsolat oldal — klasszikus
2 oszlop: form bal / elérhetőség jobb (cím, telefon, email). Klasszikus, gyorsan összerakható.
Top Bar (nav)
Foglalás
Logo + 3 link + 1 CTA gomb. Konzisztens az egész weboldallal.
Hero
Barátságos cím + 1 mondat („válaszolunk 24 órán belül").
Form
Üzenet küldése
Max 3 mező: név + email + üzenet. Több mező = kevesebb kitöltő.
Elérhetőség
- 1051 Budapest, Példa utca 12.
- +36 30 123 4567
- hello@vallalkozas.hu
- H-P: 9:00 — 17:00
Cím, telefon, email, nyitvatartás. Idősebb ügyfeleknek a telefon kell.
Alternatív CTA
Foglalj időpontot
Direkt foglalás (Cal.com) — ha valaki nem akar emailt írni.
Footer
© 2026
AdatvédelemÁSZF
Jogi linkek + elérhetőség.
Hogyan épül fel?
A Kapcsolat oldal a leggyakrabban elhanyagolt oldal — pedig minden CTA ide vezet, és itt dől el, hogy a látogató tényleg ír-e neked. Minden szolgáltató vállalkozónak kötelező alap: B2B-nek (ügyvéd, könyvelő, tanácsadó) és B2C-nek (fotós, masszőr, fitneszedző) is.
A 2 oszlop sablon: bal oldalon űrlap (név, e-mail, üzenet — max 3 mező), jobb oldalon strukturált elérhetőség (cím, telefon, e-mail, opcionálisan nyitvatartás vagy térkép). Egyszerű, gyorsan összerakható, és lefedi a kétféle viselkedést: aki gyorsan akar írni, használja a formot; aki inkább telefonál vagy e-mailt küld a saját kliensből, kimásolja az adatokat. Azért működik, mert nem kényszeríted egyetlen csatornára — minden látogató azt választhatja, ami neki kényelmes.
Magyar piaci specifikum: tedd ki a telefonszámot kattintható tel: linkként, a magyar idősebb célcsoport (45+) még mindig hívni akar, nem formot kitölteni. Tipikus hiba: csak űrlap, telefon és e-mail nélkül — a látogató 30%-a azonnal elnavigál, ha nem talál „rendes" elérhetőséget. Egy 3 mezős Tally form már épp elég, a 8 mezős „kérelmező adatlap" elriaszt.
Mit kell tudnod erről az oldalról?
Mire való?
A Kapcsolat oldal indulási, egyszerűsített változata. Forma + elérhetőség + 1 alternatív CTA (közvetlen időpont-foglalás). Klasszikus, gyorsan összerakható, és minden vállalkozónak kell.
Főrészek a rajzon (felülről lefelé)
- Top bar: nav
- Hero: barátságos cím + 1 mondat („válaszolunk 24 órán belül")
- Form: név + email + üzenet (max 3 mező)
- Elérhetőség: cím, telefon, email, nyitvatartás
- Alternatív CTA: direkt foglalás (Cal.com)
- Footer
Mikor pont ezt használd?
- Minden vállalkozónak — kötelező alapoldal
- B2B és B2C egyaránt
- Ha nincs még iroda-fotó vagy térkép — induláshoz nem szükséges
Mikor NE ezt válaszd?
- Soha — minden weboldalnak kell egy Kapcsolat oldal
Leggyakoribb hibák
- 5+ mezős form — drop-off, kevesebb kérdés érkezik
- Csak form, elérhetőség nélkül — bizonytalanság
- Nincs SLA („válaszolunk X napon belül") — bizonytalanság
- Hiányzik az alternatív CTA — a látogatók egy része nem szeret formot kitölteni
Konverziós KPI — mit mérj?
Form-kitöltési arány: 5–15% jó. A leadek minősége MAGASABB mint az opt-inen (mert komolyabb a szándék). Mérd: a kapcsolat-leadek hány %-a fordul vásárlóvá 30 napon belül.
Mikor érdemes használni?
- Minden vállalkozónak — kötelező alapoldal
- B2B és B2C egyaránt
AI Prompt sablon
Másold AI ügynöknek
Ez a sablon ezt a modult építi fel a saját vállalkozásodra. Töltsd ki a{{placeholder}}változókat, és add át egy AI ügynöknek (Claude, GPT, Gemini).
Te egy magyar UX-designer vagy konverzió-fókusszal és magyar bizalom-építő szakmák ismeretével (ügyvéd, könyvelő, orvos, ingatlanos). Segítsd a felhasználót megépíteni a saját Kapcsolat oldalát egy klasszikus, gyorsan összerakható 2-oszlopos elrendezéssel — magyar cégadatokkal és kamarai bizalom-elemekkel.
VÁLLALKOZÁS KONTEXTUS (a felhasználó tölti):
- Iparág: {{iparag}}
- Cégnév + cégforma: {{ceg_nev}} (Bt., Kft., e.v.)
- Iroda van-e + cím: {{van_e_iroda}}
- Elérhetőségek (telefon, email): {{telefon_email}}
- Válaszidő: {{valaszido}}
- Kamarai tagság / cégjegyzékszám: {{szakmai_cim}} (MÜK, NAV, MOK, MIM, cégjegyzékszám, adószám)
- Tipikus ügyfél kifogások: {{tipikus_kifogasok}}
- Mire írhatnak (form-tárgyak): {{form_topics}}
FELADAT — Kapcsolat oldal 2 oszlopban + cégadat-strip:
1. Hero — 1 mondat („Lépj kapcsolatba" / „Itt elérsz minket") + alcím a válaszidővel; 3 ALTERNATÍV headline
2. Bal oszlop: űrlap — mezők (Név, Email, Telefon opcionális, Tárgy dropdown 3-5 opcióval, Üzenet); GDPR-checkbox kötelező; gomb szövege 3 ALTERNATÍVÁVAL
3. Jobb oszlop: elérhetőségek — cím (ha van iroda) Google Maps-szel; telefon kattintható (mobil + vezetékes preferált); email kattintható; nyitvatartás; várható válaszidő ígéret („24 órán belül válaszolunk")
4. Cégadat-strip lábléc közelében — KÖTELEZŐ: cégnév, székhely, cégjegyzékszám, adószám; szakmai szervezeti tagság (MÜK / NAV regisztráció / MOK / Kamara) — ezek erős trust-elemek a magyar piacon
5. GDPR-banner — „Adatait nem osztjuk meg harmadik félnek", link az Adatkezelési tájékoztatóra (kötelező)
6. Opcionális Google Maps beágyazás (B2C iparágaknál: ügyvéd, orvos, fotós-stúdió, ingatlanos)
OUTPUT:
- Markdown szekciók 2 oszlop logikával, magyar szöveg
- 3 ALTERNATÍV hero headline + 3 ALTERNATÍV CTA gomb-szöveg
- Form-tárgy dropdown 3-5 opciója iparág-specifikusan
- Iparág-specifikus példa: ügyvéd — cégjegyzékszám + MÜK + iroda-cím + vezetékes hangsúly; könyvelő — NAV regisztráció + Számlázz.hu/Billingo logo; orvos — MOK + várható válaszidő pontosan; ingatlanos — MIM tagság + helyi térkép; coach — naptár-link dominál; fotós — Instagram + studio-cím; tréner — edzői képzettség + helyszín
- Magyar piaci specifikum: cégadatok KÖTELEZŐEK (cégjegyzékszám, adószám), szakmai szervezeti tagság trust-elem, vezetékes telefon idősebb ügyfeleknek bizalmi (NEM csak mobil), GDPR-link kötelező
TE JÖSSZ — válaszolj 3 kérdésre:
1. Milyen kamarai / szakmai szervezeti tagságod van, ami trust-elem (MÜK, NAV, MOK, MIM)?
2. Milyen 3-5 form-tárgyat kínálsz a dropdown-ban, hogy az ügyfél előre szegmentálódjon?
3. Mi a reális válaszidő-ígéreted (24 óra / 48 óra / 1 munkanap), amit be is tudsz tartani?
NE ÍRD meg a teljes copyt — struktúrát + 3 alternatívát + cégadat-checklistát adj.
Hasznos források
- tally.soTally — ingyenes form-építőGDPR-kompatibilis, EU-s (belga) form-szolgáltatás. Korlátlan form és válasz ingyen, 3 mezős Kapcsolat formhoz tökéletes.
- cal.comCal.com — naptár-foglalásBeágyazható naptár-widget a Kapcsolat oldalra. Ingyenes alaptier elég, konzultációra azonnal foglalhat a látogató.
- resend.comResend — tranzakciós e-mailHa a form-ot magad építed: Resend egyszerű API-val küldi az értesítő e-mailt neked. Magyar fejlesztő-barát alternatíva.
Heti feladat
Auditáld a kapcsolat oldaladat: tartalmaz-e legalább 2 elérési módot és 1 várható válaszidő-mondatot.
- „24 órán belül válaszolok" mondat — vagy más konkrét vállalás
- Email + (Cal.com VAGY űrlap)
- Adatkezelési link a lap alján
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