Webové stránky a mobilní aplikace poskytují přímý kontakt se zákazníky. Jednou z důležitých součástí uživatelské zkušenosti je možnost rychlého kontaktu se zástupci společnosti. K tomu je velmi užitečné, když se telefonní čísla na webu stanou kliknutými. Uživatel může snadno kliknout na číslo a zavolat nebo jej přidat do kontaktů.
V tomto článku se podíváme na několik jednoduchých způsobů, jak v HTML kliknout na telefonní číslo. Nebudete potřebovat složité skripty ani programování, pouze několik řádků kódu a svým zákazníkům budete moci poskytnout pohodlnou příležitost Vás kontaktovat.
Hlavním způsobem, jak přidat kliknutí na telefonní číslo, je použití značky . Tato značka vám umožňuje vytvářet hypertextové odkazy na různé stránky nebo soubory. Chcete-li vytvořit klikací telefonní číslo, jednoduše jej vložte do značky a přidejte atribut href s významem " tel:". Například 123-456-7890. Když uživatel klikne na tento odkaz, jeho zařízení automaticky otevře aplikaci pro hovory s předem zadaným číslem.
Výhody klikacího čísla telefonu
Když si uživatel prohlíží Vaši webovou stránku a vidí klikací telefonní číslo, má možnost vás okamžitě kontaktovat. To vám ušetří čas a usnadní komunikaci mezi vámi a vašimi zákazníky. Níže uvedené výhody klikacího čísla telefonu vám pomohou pochopit, proč je to pro vaši firmu tak důležité.
Zvýšení konverze: Data ukazují, že klikací telefonní číslo přitahuje více kliknutí a konverzí než běžné textové číslo. Pro uživatele je pohodlnější klepnout na číslo a okamžitě zavolat, aniž byste jej museli ručně zadávat.
Zlepšení uživatelské zkušenosti: Klikací telefonní číslo pomáhá učinit váš web uživatelsky přívětivějším a přístupnějším. Mohou vás okamžitě kontaktovat, pokud mají nějaké dotazy nebo potřebují pomoc. To vytváří pozitivnější dojem o vaší společnosti.
Zvýšení důvěry: Uživatelé mohou pochybovat o spolehlivosti společnosti, pokud na webu nevidí oficiální telefonní číslo. Klikací telefonní číslo potvrzuje, že jste připraveni komunikovat se svými zákazníky a poskytnout jim možnost vás kdykoli kontaktovat.
Zlepšení mobilní optimalizace: S mobilním provozem, který se stává stále populárnějším, je klikací telefonní číslo obzvláště důležité. Není třeba psát číslo ručně, zabere to čas a na malé obrazovce to může být nepříjemné. Klikací číslo umožňuje uživatelům jedním klepnutím volat z mobilního zařízení.
Klikací telefonní číslo je nejen uživatelsky přívětivou funkcí, ale také silným nástrojem pro zvýšení prodeje a zlepšení komunikace se zákazníky. Nezapomeňte si na svém webu nastavit klikací telefonní číslo, abyste měli výhody oproti konkurenci a poskytovali svým zákazníkům lepší služby.
Štítek "tel"
Pro použití značky " tel " je nutné vložit telefonní číslo do speciálního formátu. Číslo může obsahovat pouze čísla, znaménko "+" a znak "#". Pokud číslo obsahuje mezery, pomlčky nebo jiné znaky, musí být odstraněny.
Příklad použití značky "tel":
| HTML | Zobrazení v prohlížeči |
|---|---|
| 123-456-7890 | 123-456-7890 |
| +1 (123) 456-7890 | +1 (123) 456-7890 |
Po kliknutí na telefonní číslo prohlížeč automaticky otevře aplikaci pro volání na zařízení uživatele s předem vyplněným číslem. Pokud aplikace pro volání není nainstalována, uživatel bude vyzván, aby si vybral aplikaci z dostupných možností.
Tag " tel " je zvláště užitečný pro mobilní zařízení, protože uživatelé mohou snadno klepnout na telefonní číslo a volat, aniž by museli kopírovat a vkládat číslo.
Příklad použití
Podívejme se na příklad použití kódu k vytvoření telefonního čísla kliknutým:
- Otevřete textový editor a vytvořte nový soubor HTML.
- Přidejte následující kód do značky :
Rádi Vám zodpovíme všechny vaše otázky. Zavolejte nám telefonicky:
Telefon: +1 (234) 567-890
- Uložte soubor s příponou .html a otevřete jej ve webovém prohlížeči.
Nyní bude telefonní číslo kliknuto-kliknutím na něj se otevře aplikace pro uskutečnění hovoru.
Podporované prohlížeče
Zde je seznam nejoblíbenějších prohlížečů, které úspěšně zpracovávají telefonní čísla a přeměňují je na klikací odkazy:
- Google Chrome
- Mozilla Firefox
- Safari
- Microsoft Edge
- Opera
Vzhledem k široké popularitě těchto prohlížečů si můžete být jisti, že většina návštěvníků vašich webových stránek bude moci bez problémů používat klikací telefonní číslo.
Hypertextový odkaz s telefonním číslem
Pomocí hypertextových odkazů lze na webové stránce nastavit telefonní číslo. K tomu je třeba použít značku " a "a atribut" href "se speciálním schématem"tel:".
Pokud je například telefonní číslo, které má být kliknuto, +7 123 456-7890, pak HTML kód pro vytvoření hypertextového odkazu pomocí tohoto čísla bude následující:
Kliknutím na tento hypertextový odkaz s telefonním číslem se uživateli otevře příslušná aplikace pro hovory na jeho zařízení a číslo se automaticky vloží do pole pro vytočení telefonu.
Toto řešení umožňuje pohodlné volání z mobilních zařízení nebo VoIP telefonů a také zvyšuje uživatelskou přívětivost webu.
Pravidla formátování odkazu
Vytvoření klikacího odkazu pro telefonní číslo v HTML je velmi jednoduché, ale pro správné formátování odkazu je třeba zvážit několik pravidel.
- Pečlivě zkontrolujte, zda je vaše telefonní číslo zaznamenáno ve správném formátu. Obvykle jsou telefonní čísla zaznamenána ve formátu + kód země (Kód Regionu) číslo, například +1 (555) 123-4567.
- K vytvoření odkazu použijte značku a. Uveďte telefonní číslo v atributu href přidáním předpony " tel:", například href="tel:+15551234567".
- Umístěte telefonní číslo mezi značky a A /a A a vytvořte klikací odkaz. Například, +1 (555) 123-4567.
- Pro pohodlí uživatelů přidejte atributy title a alt s hodnotou "zavolat", aby uživatelé pochopili účel odkazu.
- Nezapomeňte zkontrolovat, zda odkaz funguje správně, otevře se vytáčení na mobilním zařízení. Před zveřejněním vašeho webu proveďte kontrolu na různých zařízeních a prohlížečích, abyste se ujistili, že odkaz funguje správně.
- Nezapomeňte na dostupnost. Pokud vaše stránka obsahuje digitální kontaktní údaje, doporučuje se přidat je také do textového formátu, aby lidé se zdravotním postižením mohli tyto informace využít.
Dodržování těchto pravidel vám umožní vytvořit klikací odkaz na telefonní číslo, což uživatelům usnadní vytáčení a zvýší použitelnost vašeho webu.