Kapcsolat oldal — landoló-anatómia

Form + elérhetőség + iroda fotó + térkép. Klasszikus, részletes változat.

Anatómia · szöveges vázlat — szakaszról szakaszra

Kapcsolat oldal — landoló-anatómia

Form + elérhetőség + iroda fotó + térkép. Klasszikus, részletes változat. Bizalom-igényes szakmáknak: ügyvéd, orvos, ingatlanos.

Top Bar (nav)

Foglalás

Nav megengedett — itt a látogató már tudja, mit akar.

Hero

Barátságos invitáció (NEM hivatalos). „Beszélgessünk" érzés.

Form

Üzenet küldése

Max 3 mező: név + email + üzenet. Minimum, hogy reagáljanak.

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. Külön blokk a form mellett.

Iroda fotó / térkép

Iroda / térkép

Bizalom-építő — fizikailag létezel. Térkép-beágyazás Google Maps-ből.

Footer

© 2026

AdatvédelemÁSZF

Minimum.

Hogyan épül fel?

Klasszikus, részletes változat — minden vállalkozónak kötelező alapoldal. Bizalom-igényes szakmáknál (ügyvéd, orvos, ingatlanos, könyvelő) gyakran a 3. legnézettebb oldal, sokan közvetlenül innen küldik el a megkeresést.

Anatómia:

• Hero (1 mondat: „így érsz el minket")
• Kapcsolati form: név + email + üzenet (max 3-4 mező)
• Elérhetőség blokk: telefon, email, postai cím
• Iroda-fotó + Google Maps embed
• Opcionális FAQ

Pszichológia: a fizikai cím + iroda-fotó erős bizalmi szignál — bizonyítja, hogy létezel offline is. A térkép a „helyi szakember" érzést erősíti.

Magyar piaci specifikum: adószám és cégjegyzékszám a footer-ben kötelező és bizalmi szempontból is plusz.

Tipikus hiba: csak email-form, telefonszám és cím nélkül — itthon sokan telefonon hívnak először. Form submission Resend-en azonnal email értesítést küld, Supabase-be lead-rögzítés follow-up-hoz.

Mit kell tudnod erről az oldalról?

Mire való?

A kapcsolat oldal a kérdés-feltevés helyszíne. Form + elérhetőség + (opcionálisan) iroda-fotó vagy térkép. Egyszerű, klasszikus oldal — minden vállalkozónak kell, mert a látogató keresi: ha nem találja, tovább megy.

Főrészek a rajzon (felülről lefelé)

• Top bar: nav (megengedett)
• Hero: barátságos invitáció (NEM hivatalos)
• Form: név + email + üzenet (max 3 mező)
• Elérhetőség: cím, telefon, email, nyitvatartás
• Iroda fotó / térkép: bizalom-építő
• Footer: minimum

Mikor pont ezt használd?

• Minden vállalkozónak — kötelező alapoldal
• B2B és B2C egyaránt — a vevő keresi a kontakt-pontot
• Bizalom-igényes szakmák: ügyvéd, orvos, ingatlanos

Mikor NE ezt válaszd?

• Soha — minden weboldalnak kell egy kapcsolat oldal
• Egyetlen kivétel: tisztán e-commerce, ahol a chat / ticket-rendszer veszi át

Leggyakoribb hibák

• 5+ mezős form (név, vezetéknév, telefon, cég, beosztás, üzenet) — drop-off
• Csak form, elérhetőség nélkül — a látogató bizonytalan, „vannak-e egyáltalán"
• Stock térkép vagy generikus fotó — bizalom helyett gyanú
• Nincs nyitvatartás / SLA („válaszolunk X napon belül") — bizonytalanság

Konverziós KPI — mit mérj?

Form-kitöltési arány: 5–15% jó (a kapcsolat-oldal egészéhez képest). Az érdeklődés-form-on érkező leadek minősége MAGASABB mint az feliratkozás-en (mert komolyabb a szándék). Mérd: a leadek hány %-a fordul vásárlóvá 30 napon belül.

Mikor érdemes használni?

• Minden vállalkozónak — kötelező alapoldal
• Bizalom-igényes szakmák: ügyvéd, orvos, ingatlanos

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 konverzió-fókuszú copywriter és UX szakértő vagy. Segítsd a felhasználót megépíteni egy Kapcsolat oldalt klasszikus, részletes változatban — bizalom-igényes szakmáknak (ügyvéd, orvos, ingatlanos).

VÁLLALKOZÁS KONTEXTUS (a felhasználó tölti):
- Iparág: {{iparag}}
- Cég neve: {{ceg}}
- Iroda cím: {{cim}}
- Email + telefon: {{kontakt}}
- Nyitvatartás: {{nyitvatartas}}
- Mire írhatnak (form-tárgyak): {{form_topics}}

FELADAT — Form + elérhetőség + iroda-fotó + térkép, klasszikus bizalom-építő:
1. Hero: 1 mondat („Lépj kapcsolatba" / „Itt elérsz minket") + alcím
2. Form: név + email + tárgy (dropdown 3–5 opcióval) + üzenet
3. Közvetlen elérhetőségek: telefon, email, cím — kattintható linkekkel
4. Iroda-fotó (vagy csapat-fotó)
5. Google Maps térkép-beágyazás
6. Nyitvatartás + várható válaszidő

OUTPUT:
- Hero headline javaslat
- Form-tárgy dropdown 3–5 opciója (személyre szabott a vállalkozásra)
- „Várható válaszidő" mondat
- Magyar piaci specifikum: cégadatok (cégjegyzékszám, adószám) lábléchez; szakmai szervezeti tagság (Magyar Ügyvédi Kamara, MOK stb.) trust-elemként; mobil + vezetékes szám is preferált

NE ÍRD MEG a teljes copyt — vázlatot adj. A Kapcsolat oldal trust-elem: minél több valódi, ellenőrizhető adat, annál erősebb.

Hasznos források

• resend.comResend — Transactional email APIForm submission után értesítő email küldése. Magyar nyelvű template támogatás, magas deliverability.
• google.comGoogle Maps Embed APIIroda térkép-beágyazás — ingyenes, API kulccsal, magyar nyelvű címekhez optimalizált.
• nav.gov.huNAV — Hivatalos főoldal (impresszum referencia)Magyar adóhatóság — saját impresszum + adatvédelmi tájékoztató mintaként a kapcsolat oldalhoz (adószám, cégjegyzékszám, székhely formátum).

Heti feladat

Auditáld a kapcsolat oldaladat a landoló-anatómia szerint: 3 elérési mód + adatkezelési link + 1 mondat válaszidő.

• Email + Cal.com + (telefon VAGY űrlap)
• Adatkezelési tájékoztató link
• „24 órán belül válaszolok" — vagy más konkrét vállalás