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

|

Ez megint csak egy kis nyúlfarknyi bejegyzés lesz. Ha rákeresel a neten, ezer másik cikket olvashatsz erről, akár magyarul is, hát miért ne legyen megtalálható itt is? 🙂 De ezen kívül kapsz egy kis extrát is, a cikk elolvasása után akár kattintható Viber, WhatsApp vagy email linket is beágyazhatsz a weboldaladba.

Mit jelent az, hogy kattintható telefonszám?

Az ugye megvan, hogy a potenciális ügyfeleid amikor szolgáltatást/terméket keresnek, azt a legtöbbször mobilkészülékről teszik. Amikor megtalálják, és plusz infó kell nekik rólad vagy a cégedről, fel akarnak hívni. Tök jó, mert ott virít a számod/email címed minden oldalon/fejlécben/láblécben/stb. Ekkor célközönségednek az alábbi lehetőségei vannak:

  • Kiírja egy cetlire a számot, majd onnan felhív.
  • Átvált az oldaladról a tárcsázóba, és bepötyögi a számod, és hív.
  • Rábök a telefonszámodra, és a telefonod átvált automatán a trácsázóba, és beírja a számod, egy kattintással tud hívni.

Szerinted melyik a kényelmesebb -és nem másodlagos szempontként- hatékonyabb? Persze, hogy a kattintható szám. És ugyanez érvényes az emailekre, Viber-re és a WhatsApp-ra is.

Hogyan tudom beágyazni a weboldalamba?

A kattintható telefonszámot / emailt HTML formátumban kell beágyazni az oldalunk azon részébe, ahova szeretnénk, hogy működjön.

Ez így néz ki Gutenberg blokkban:

html gutemberg blokk

Ha valamilyen visual builderrel dolgozol, akkor „HTML” fület, vagy „Egyszerű szöveg” fület keress, és ott írd be.

+36708815042

Kattintható telefonszám HTML kódja

  • Sima telefonszám: +36708815042
  • Kattintható telefonszám: +36708815042

A kattintható telefonszám HTML kódja így néz ki:

<a href="tel:+36708815042">+36708815042</a>

A „tel:” után beírt számnál arra kell figyelni, hogy NE használjunk szóközt,kötőjelet vagy egyéb más elválasztót, úgy írjuk be a számot, mint amikor begépeljük a tárcsázóba! A két kacsacsőr közti >+36708815042< tartalomba bármit írhatunk. Ha akarjuk a számunkat, de írhatunk szavakat is, vagy akár ikonra is cserélhetjük!

Értelemszerűen a telefonszámok helyére azt a számot írjátok, amit meg akartok jeleníteni az oldalon!

Kattintható email cím HTML kódja

A kattintható email cím HTML kódja így néz ki:

<a href="mailto:[email protected]">[email protected]</a>

Ugyanúgy, mint a telefonszámnál, NE használjunk szóközt,kötőjelet vagy egyéb más elválasztót, úgy írjuk be a számot, mint amikor begépeljük a tárcsázóba! A két kacsacsőr közti >[email protected]< tartalomba bármit írhatunk. Ha akarjuk az email címünket, de írhatunk szavakat is, vagy akár ikonra is cserélhetjük!

Értelemszerűen az email címek helyére azt a címet írjátok, amit meg akartok jeleníteni az oldalon!

Kattintható Viber

A kattintható Viber HTML kódja így néz ki:

<a href="viber://contact?number=%2B36708815042 target="_blank"">VIBER</a>

Itt arra kell figyelnünk, hogy a kódban a telefonszám előtt a „+” jel helyett „%2B” karaktereket kell írnunk! A két kacsacsőr közti >VIBER< tartalomba bármit írhatunk. Ha akarjuk a számunkat, de írhatunk szavakat is, vagy akár ikonra is cserélhetjük!

Értelemszerűen a telefonszámok helyére azt a számot írjátok, amit meg akartok jeleníteni az oldalon!

Kattintható WhatsApp

A kattintható WhatsApp HTML kódja így néz ki:

<a href="https://api.whatsapp.com/send?phone=+36708815042 target="_blank">WhatsApp</a>

A két kacsacsőr közti >WhatsApp< tartalomba bármit írhatunk. Ha akarjuk a számunkat, de írhatunk szavakat is, vagy akár ikonra is cserélhetjük!

Értelemszerűen a telefonszámok helyére azt a számot írjátok, amit meg akartok jeleníteni az oldalon!

És miért jó ez nekünk? Ha mobilról nézed a weboldalamat, akkor ki tudod próbálni, hogy a fejlécben, vagy a láblécben szereplő ikonokra kattintva mi történik! Amikor én keresek a neten valamit, szeretem, ha a weboldalon egy bökéssel kapcsolatba tudok lépni a szolgáltatóval.

Hogyan tudom ezt majd én felhasználni?

Egyszerűen másold ki azt a kódot, amelyikre szükséged van, és illeszd be oda, ahol meg szeretnéd jeleníteni. Ezután írd át az email címet/telefonszámot arra, amit meg szeretnél mutatni. Arra figyelj, hogy ne törölj véletlenül idézőjelet, illetve ne legyen felesleges szóköz, mert nem fog működni!

Ha bármilyen kérdésed lenne, ne habozz feltenni! 🙂

“Kattintható telefonszám weboldalra ( + Viber, WhatsApp, e-mail )” bejegyzéshez 8 hozzászólás

  1. Aet szeretném kérdezni ha ez az ismerősöm száma a viberen 0670*******.De igy is el van mentve a telefonkönyvembe 067-0**-***** de igy már azt irja hívjam meg a viberbe….mi ez a hívoszám formátum.?Mire jo? Előre is köszönöm.

    Válasz
    • Kedves Sándor!

      Ez egy jó kérdés. 🙂
      Véleményem szerint a második, kötőjelekkel tagolt formátum nem jó, ha az ilyen formában van elmentve, azt a telefon nem fogja tudni kezelni.
      A helyes formátumok:
      067********
      +367*******
      00367*******

      Remélem tudtam segíteni!

      Válasz
  2. Szia, ezt valószinűleg egy dobozos weboldalrendszerben nem tudom megcsinálni ugye, vagy mégis? Ha igen, akkor hogyan? Egyszerű linkeléssel nem működik? Kontrétan a Webnode rendszeréről lenne szó.

    Köszi

    Válasz
    • Kedves Adrián!
      A Webnode-dal még valamikor nagyon régen dolgoztam. Nem emlékszem, de amennyiben van benne HTML szerkesztő, akkor elvileg a kódnak működnie kell. Illetve ha sima szövegszerkesztő van benne, ahol van lehetőség linket beszúrni a szöveghez, akkor ott is megteheted, ez esetben a linked lesz a „tel:+36xxxxxxx”.

      Remélem tudtam segíteni. 🙂

      Üdv, Krisztián

      Válasz
    • Kedves Bea!

      Megvallom őszintén, nem ismerem a Wechat alkalmazást, én a neten keresgélve ezt találtam:

      LINK

      De mondjuk ez sem mai bejegyzés… 🙂

      Nem tudom, hogy hogyan működik, nincs Wechat alkalmazást használó ismerősöm, ha sikerült, jelezz vissza, frissítem a bejegyzést! 😉

      Válasz
  3. Nagyon szépen köszönöm a segítséget!
    először a gombos megoldásnál elakadtam, de aztán szövegessel hipp hopp meglett a kívánt eredmény!
    Kattintható!! annyira örülök!
    Köszi-köszi-köszi!!!!

    Válasz

Szólj hozzá!