Kattintható telefonszám weboldalra ( + Viber, WhatsApp, e-mail )

A weboldalak látogatóinak több mint kétharmada ma már mobilról böngészik. Amikor valaki gyorsan szeretne ajánlatot kérni vagy elérni a cégedet, az egyik legnagyobb konverziós gát az, ha a képernyőn lévő telefonszámot fejben kell megjegyeznie, cetlire kell felírnia, vagy bajlódnia kell a szövegmásolással az appok között. Ha a kapcsolatfelvétel nem megy egyetlen érintéssel, a látogatók jelentős része lemorzsolódik és átmegy a konkurenciához.

A megoldás pofonegyszerű: a telefonszámokat, email címeket, valamint a népszerű chat-alkalmazásokat (WhatsApp, Messenger, Viber) olyan közvetlenül kattintható hivatkozásokká kell alakítani, amelyek mobilon azonnal elindítják a hívást vagy megnyitják a megfelelő beszélgetést. Lássuk a szabványos HTML kódokat és a helyes formátumokat!

1. Kattintható telefonszám készítése (tel: protokoll)

A böngészők a tel: protokoll segítségével ismerik fel a telefonszámokat. Mobilon rábökve azonnal felugrik a tárcsázó az előre beírt számmal; asztali számítógépen pedig a társított alkalmazás (pl. FaceTime, Skype, Windows Telefon-összekapcsolás) indul el.

<a href="tel:+36701234567">+36 70 123 4567</a>

A két legfontosabb technikai szabály:

• A linkben (href): Mindig a nemzetközi előhívóval (+36) add meg a számot, és ne használj szóközt, zárójelet vagy kötőjelet (pl. +36701234567). A tárcsázóknak a tiszta karaktersorozat a biztos.
• A látható szövegben: A két kacsacsőr közé bármit beírhatsz, ott bátran használd a szóközöket a jobb olvashatóságért (pl. +36 70 123 4567 vagy Hívjon minket!).

2. Kattintható email cím előre kitöltött tárggyal (mailto: protokoll)

A mailto: linkre kattintva a látogató alapértelmezett levelezője (Gmail, Outlook, Apple Mail) nyílik meg, a címzett mezőben a te címeddel.

<!-- Sima kattintható email cím -->
<a href="mailto:info@domained.hu">info@domained.hu</a>

<!-- Email cím előre kitöltött tárggyal -->
<a href="mailto:info@domained.hu?subject=Ajánlatkérés%20weboldal%20készítésre">Kérj ajánlatot emailben!</a>

Pro tipp: Ha a ?subject= paraméterrel előre megadod a tárgyat, a szóközök helyére használj %20 karaktert. Ezzel segítesz a látogatónak, a saját fiókodban pedig szűrőkkel azonnal külön mappába irányíthatod az ajánlatkéréseket.

3. Kattintható WhatsApp hivatkozás (wa.me szabvány)

A WhatsApphoz a hivatalos és biztonságos wa.me univerzális linket érdemes használni a régi API-s URL-ek helyett. Ez okostelefonon közvetlenül az appot indítja el, számítógépen pedig a böngészős WhatsApp Web felületet nyitja meg.

<!-- Alap WhatsApp kapcsolatfelvétel -->
<a href="https://wa.me/36701234567" target="_blank" rel="noopener noreferrer">Üzenet küldése WhatsAppon</a>

<!-- WhatsApp chat előre beírt kezdő üzenettel -->
<a href="https://wa.me/36701234567?text=Szia!%20Érdekelne%20egy%20ajánlat." target="_blank" rel="noopener noreferrer">Írj nekünk WhatsAppon!</a>

Figyelem: A telefonszámot nemzetközi formátumban kell megadni, de a „+” jel és szóközök nélkül (tehát +36 helyett simán 36701234567).

4. Facebook Messenger közvetlen link (m.me címek)

Magyarországon az egyik legelterjedtebb csatorna a Facebook Messenger. Az m.me rövid linkkel azonnal a céges Facebook oldalad csevegőablakába irányíthatod az ügyfelet anélkül, hogy végig kellene görgetnie a hírfolyamodat.

<a href="https://m.me/oldalad_felhasznaloneve" target="_blank" rel="noopener noreferrer">Írj Messengeren!</a>

A link végére a céges Facebook oldalad egyedi felhasználónevét (username / slug) kell beillesztened.

5. Viber és Telegram linkek beállítása

Ha a célközönséged szívesen használja a Vibert vagy a Telegramot, az alábbi kódokkal közvetlen csevegésindítást hozhatsz létre:

<!-- Viber csevegés indítása -->
<a href="viber://chat?number=%2B36701234567">Beszélgessünk Viberen</a>

<!-- Telegram kapcsolatfelvétel -->
<a href="https://t.me/felhasznalonev" target="_blank" rel="noopener noreferrer">Üzenet küldése Telegramon</a>

Megjegyzés a Viberhez: A telefonszám előtti „+” jelet URL-kódolt formában kell megadni, ami a %2B karakterpár.

Hogyan illeszd be WordPressben kódolás nélkül?

Nem szükséges egyedi HTML blokkokkal dolgoznod, ha a Gutenberg blokkszerkesztőt vagy oldalépítőket (GenerateBlocks, Elementor) használsz:

1. Jelöld ki a kívánt szöveget vagy kattints egy Gomb (Button) blokkra.
2. Kattints a link beszúrása ikonra (láncszem).
3. A weboldal címe helyére közvetlenül írd be a protokollt és a számot: például tel:+36701234567 vagy mailto:info@domained.hu.
4. Üss egy Entert, és a gomb máris hívásindítóként működik.

Miért éri meg üzletileg? Mérés és konverziós tippek

A kattintható linkek nemcsak kényelmesek, de óriási üzleti előnyük, hogy **pontosan mérhetővé teszik a kapcsolatfelvételeket**:

• Google Analytics 4 mérés: A GA4 *Fokozott mérés (Enhanced Measurement)* funkciója a kimenő linkeket és a híváskattintásokat automatikusan vagy Google Tag Manager segítségével rögzíteni tudja. Így látni fogod, pontosan melyik Google hirdetésből vagy blogcikkből indult valódi hívás.
• Lebegő hívásgomb (Sticky Call Button): Helyi szolgáltatóknál (autómentés, duguláselhárítás, szerelők, orvosi rendelők) érdemes a mobilnézet képernyőjének aljára egy fixen ott maradó, jól látható lebegő hívásgombot kitenni. Ez a tapasztalatok szerint akár 20-30%-kal is megemelheti a közvetlen megkeresések számát.

Gyakran Ismételt Kérdések

Mikor kell bekapcsolni az új lapon való megnyitást (target="_blank")?
A tel:, mailto: és viber: protokolloknál tilos vagy felesleges az új ablak nyitása, mert egy üres, fehér böngészőfül maradhat utána. A külső webes hivatkozásoknál viszont (mint a WhatsApp https://wa.me/... vagy a Messenger https://m.me/...) kifejezetten javasolt a target="_blank" használata.

Működik a hívásindítás laptopról vagy asztali gépről is?
Igen. Ha a látogató Macet használ azonos Apple ID-val, a FaceTime-on keresztül közvetlenül csörög a telefonja, Windows alatt pedig a Telefon-összekapcsolás app vagy a Skype veszi át a tárcsázást.

Ha szeretnéd a weboldaladon profin beállítani a konverziós gombokat, mérni a Google Analytics hívásokat, vagy korszerűsíteni a felületet, keress bátran a kapcsolati oldalamon keresztül.