Proč nejde volat z webu po kliknutí na číslo a jak to opravit?

Zjistěte, proč se po kliknutí na telefonní číslo na vašem webu nespustí vytáčení. Poradím vám, jak tuto chybu, která vás připravuje o zákazníky, rychle opravit.

Představte si tuhle situaci: Potenciální zákazník si prohlíží vaše webové stránky na mobilu. Má umazané ruce od práce, spěchá, nebo prostě jen chce rychle vyřešit svůj problém. Najde vaši kontaktní stránku, uvidí telefonní číslo a s úlevou na něj klepne prstem. A... nic. Vůbec nic se nestane. Zkusí to podruhé, potřetí, ale telefon nereaguje. V lepším případě si číslo pracně zapamatuje a přepíše ho, v tom horším (a mnohem častějším) váš web zavře a odejde ke konkurenci, kde věci fungují na první dobrou.

Pro malé firmy je tohle doslova zabiják konverzí. Pokud se lidé nemohou spojit s řemeslníkem, restaurací nebo konzultantem jedním kliknutím, cítí frustraci. A frustrace je přesný opak toho, co chcete, aby váš web vyvolával. Pojďme se podívat na to, kde je zakopaný pes a proč váš nefunkční odkaz na telefonní číslo trápí vás i vaše klienty.

Proč k tomu dochází?

Důvodů, proč vytáčení nefunguje, může být několik, ale v drtivé většině případů za to nemůže mobilní telefon uživatele, nýbrž způsob, jakým je číslo do webu vloženo. Moderní prohlížeče v mobilních telefonech (jako Safari na iPhonech nebo Chrome na Androidu) jsou sice chytré a snaží se text, který vypadá jako telefonní číslo, automaticky rozpoznat a udělat z něj odkaz. Na to se ale rozhodně nemůžete spoléhat.

Prvním a nejčastějším problémem je, že číslo je na webu vložené jako prostý text. Není to odkaz, je to jen shluk číslic. Prohlížeč sice pozná, že je to telefon, ale pokud je v kódu chyba nebo je formát čísla nestandardní, neaktivuje funkci "click-to-call".

Dalším viníkem bývá špatné formátování. Pokud máte číslo napsané jako "00420 123 456 789" nebo používáte různé závorky a pomlčky, může se stát, že automatický algoritmus prohlížeče zmatete. Ten pak neví, kde číslo začíná a kde končí, a raději s ním nedělá nic. Často se také stává, že je na vině šablona webu nebo vizuální editor (jako Elementor či Divi), který automaticky přidá k odkazu nějaký skript, jenž se s vytáčením "pere".

V neposlední řadě může být problém v tom, jak se web chová k tzv. protokolům. Zatímco klasické webové stránky začínají na https://, telefonní hovory potřebují protokol tel:. Pokud tento prefix v kódu chybí nebo je napsán chybně, telefon prostě neví, že má otevřít aplikaci pro volání.

Jak to opravit krok za krokem

Dobrá zpráva je, že oprava nebývá složitá a zvládnete ji často i sami, pokud máte přístup do administrace svého webu. Zde je návod, jak udělat klikací telefonní číslo na webu tak, aby fungovalo vždy a všude.

1. Použijte správný HTML kód: Pokud vkládáte číslo do textového pole nebo přímo do kódu, musí vypadat takto: <a href="tel:+420123456789">+420 123 456 789</a> To, co je v uvozovkách za tel:, je nejdůležitější část. Musí tam být číslo bez mezer a ideálně s mezinárodní předvolbou. To, co je mezi špičatými závorkami, je text, který uvidí uživatel – tam klidně mezery mít můžete.

2. Nastavení v Elementoru nebo jiném editoru: Pokud řešíte vytvoření klikacího čísla v Elementoru, postup je snadný. Vyberte prvek (tlačítko nebo text), najděte pole pro odkaz (Link) a do něj napište tel:+420XXXXXXXXX. Nepřidávejte před to žádné https://. Mnoho lidí dělá chybu v tom, že nechají pole prázdné a myslí si, že to "systém pozná". Nepozná.

3. Vždy používejte mezinárodní formát: I když cílíte jen na české zákazníky, vždy pište číslo ve formátu +420.... Proč? Protože někteří lidé mohou mít v telefonu nastavený jiný region, nebo mohou být zrovna v zahraničí na roamingu. Mezinárodní předvolba zajistí, že se dovolají odkudkoliv.

4. Pozor na překryvy prvků: Někdy odkaz v kódu je, ale nefunguje, protože je "překrytý" jiným neviditelným prvkem na webu (např. okrajem obrázku nebo špatně nastaveným menu). Zkuste si na číslo kliknout v různých částech – pokud funguje jen v horním milimetru, je problém v designu a CSS.

5. Důkladně otestujte výsledek: Tohle je kritický krok. Nezkoušejte to jen v prohlížeči na počítači. Vezměte do ruky mobil (ideálně iPhone i Android) a zkuste na číslo reálně kliknout. Pokud se vám otevře nabídka "Zrušit / Volat", máte vyhráno.

Kdy je lepší svěřit to odborníkovi?

Možná jste zkusili všechno výše uvedené, ale proč nefunguje volání z webu na mobilu i po vaší snaze, zůstává záhadou. Někdy jsou totiž příčiny hlubší. Může jít o konflikt v JavaScriptu, zastaralou verzi pluginu, který přebíjí vaše nastavení, nebo o specifický problém šablony, která se snaží být "příliš chytrá".

Svěřit opravu odborníkovi se vyplatí ve chvíli, kdy:

• Máte web postavený na míru a úprava kódu je pro vás příliš riskantní.
• Číslo se sice tváří jako odkaz, ale po kliknutí se stránka jen znovu načte.
• Potřebujete nastavit sledování konverzí (abyste věděli, kolik lidí na číslo reálně kliklo z vašich reklam).
• Chcete, aby se telefonní číslo chovalo jinak na mobilu a jinak na desktopu.

Jako webdesignér vím, že ty nejmenší technické chyby často způsobují ty největší ztráty v podnikání. Majitel firmy se soustředí na vizuály a texty, ale uniká mu, že mu "utíkají" zákazníci kvůli nefunkčnímu tlačítku. Profesionál vám nejen opraví chybu, ale prověří celý proces, kudy zákazník na webu prochází, a zajistí, aby cesta k vám byla co nejhladší.

Závěr

Nefunkční volání z webu je zbytečná bariéra, která vás připravuje o zakázky a kazí první dojem z vaší značky. Doufám, že vám tento návod pomohl identifikovat příčinu a uvést váš kontakt opět do provozu. Pokud si s technickým nastavením nevíte rady nebo chcete, aby váš web konečně začal vydělávat, rád vám s tím pomohu na jasnyweb.cz – podíváme se na to společně a vyladíme váš web tak, aby zákazníci nemuseli nic luštit, ale rovnou objednávali.