---
title: "Kattintható telefonszám weboldalra ( + Viber, WhatsApp, e-mail )"
url: "https://wplanning.hu/kattinthato-telefonszam-weboldalra-viber-whatsapp-email/"
date: "2019-11-04"
modified: "2026-08-20"
author: "Gulyás Krisztián"
language: "hu_HU"
categories: ["WordPress útmutatók"]
featured_image: "https://wplanning.hu/wp-content/uploads/2019/11/kattinthato-telefonszam-weboldalra-borito-1024x538.webp"
excerpt: "Így készíts kattintható telefonszámot (tel:), emailt (mailto:), WhatsApp, Viber és Messenger linket weboldalra. Kódok, GA4 mérés és beállítási útmutató."
---

# 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!

![](https://wplanning.hu/wp-content/uploads/2019/11/kattinthato-telefonszam-elotte-utana-illusztracio-1024x572.webp)

*A látogatónak egyszerűbb hívni, mint másolgatni a telefonszámot.*

## 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.

![](https://wplanning.hu/wp-content/uploads/2019/11/kattinthato-telefonszam-link-beallitasa-1024x649.webp)

*Gutenberg mező telefonszám link kitöltése*

## 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](https://wplanning.hu/kapcsolat/) keresztül.