Enlaces de teléfono en tu sitio WordPress para móviles

Crear enlaces de teléfono resulta muy fácil a través del uso de HTML5. Puedes añadir el código en el encabezado, las barras laterales, dentro de entradas o páginas, en tu página de contacto o dentro de algún widget.

El link de teléfono funciona a través de algunos protocolos HTML5, tales como tel: y mailto:. Los navegadores reaccionan a estos protocolos de maneras distintas, el usuario allí tendrá la última palabra.

Para añadir enlaces telefónicos en tu página web, sólo añade el siguiente código en formato texto en el lugar donde deseas que aparezca. Una sola línea de código bastará:

<a href=”tel:123-456-7890″>123-456-7890</a>

La primera parte de esta línea de código te indica hacia donde apuntar el enlace. Href=tel: creará un enlace de teléfono. El número que aparece a continuación será el marcado en la llamada.

La segunda parte de esta línea es la porción visible del enlace. Por supuesto, la sección visible no tiene que ser igual al enlace creado. En otras palabras, aquí puedes colocar letras y números, si así lo deseas. Podría decir, por ejemplo: “Llámanos”. Si deseas colocar un texto distinto, tu código podría ser el siguiente:

<a href=”tel:123-456-7890″>LLÁMANOS</a>

Los visitantes del sitio verán el mensaje LLÁMANOS pero al dar click se marcará el número de teléfono indicado en la sección tel:

Afortunadamente, en HTML5 no estás limitado sólo números telefónicos. Puedes utilizar otras llamadas a la acción, como las listadas a continuación:

• tel: – para iniciar llamada de teléfono
• mailto: – para abrir una aplicación de correo
• callto: para abrir Skype
• sms: – para enviar mensaje de texto
• fax: – enviar fax

Si el número de teléfono que utilizas en tu sitio web incluye también una extensión, tu línea de código será similar a la siguiente:

<a href=”tel:123-456-7890p123″>LLÁMANOS</a>

en donde la letra p incorporará una pausa de 1 segundo antes del marcado de la extensión 123.

No es necesario que utilices código de país, pero si tu sitio tiene posibles clientes internacionales, lo mejor será que lo añadas a tu línea de código:

<a href=”tel:+5255-4566-7890″>Llámanos</a>

Plugins

Si no deseas realizar el trabajo de implementación de los enlaces de forma manual, algunos de los plugins candidatos a ser utilizados para crear enlaces de teléfono son los siguientes:

Speed Contact Bar
Mobile Contact Bar