Agrega en tu web números de teléfono en que se puede hacer clic desde Smartphones

Agrega en tu web números de teléfono en que se puede hacer clic desde Smartphones - 4.0 out of 5 based on 1 vote
Modificado por última vez en Domingo, 11 Agosto 2013 00:36
(1 Voto)

enlace a un número de teléfono desde una página web

Tendrás que crear manualmente el vínculo si deseas enlazar una imagen a un número de teléfono

El número de usuarios que navegapor sitios web desde sus teléfonos está aumentando cada día. Muchas empresas ponen sus números de teléfono en su página web, pero no se puede hacer clic. Recientemente, uno de nuestros lectores que trabaja en un restaurante nos preguntó si habría una manera de convertir los números de teléfono en enlaces que se pudiesen hacer clic para los usuarios de teléfonos inteligentes. Esto permitiría a los usuarios de móviles aprovechar y llamar al restaurante desde el sitio web.

En este artículo, te mostraremos cómo añadir en tus páginas números de teléfono en que puede hacer clic desde smartphones.

Si el número está escrito en un formato de número de teléfono reconocible, entonces la mayoría de teléfonos inteligentes reconocerán automáticamente el número de teléfono y lo convertirán en un enlace. Sin embargo, si deseas que el número sea sustituido por un texto de enlace, o si deseas enlazar una imagen a un número de teléfono, entonces tendrás que crear manualmente el vínculo.

El formato adecuado para escribir un número de teléfono es:

<Código del país> <(Código de la provincia)> <Número local >

Ejemplo para Madrid, España: +34 (91) 73475xx

Sin embargo, la mayoría de los teléfonos inteligentes también reconocerían los siguientes formatos:

â—¾ +349173475xx
â—¾ +34.91.734.75xx
â—¾ 91-734-75xx
â—¾ 91 734 75xx

Escribir los números de teléfono en el formato apropiado los convertirá automáticamente en enlaces para los usuarios de teléfonos móviles. Sin embargo, los usuarios con teléfonos más antiguos no pueden ver el link.

<!-- Estos vínculos funcionarán en Android y iPhone. Serán visible para los usuarios de escritorio, pero se producirá un error cuando se hace clic -->
<a href="tel://+349173475xx">+34 (91) 73475xx</a>

<a href="tel://349173475xx">Llamar</a>

El problema con los enlaces de arriba es que serán visibles para los usuarios en todos los dispositivos. Si alguien en el escritorio hace clic en él, entonces no hará nada en Google Chrome y mostrará un error en Firefox.

<!-- Este enlace abrirá Skype en el escritorio y portátiles, en los teléfonos móviles se solicita a los usuarios si desean abrir skype o marcar este número utilizando su teléfono -->
<a href="callto://349173475xx">+34 (91) 73475xx</a>

En el ejemplo anterior hemos utilizado el protocolo callto: . Este protocolo es utilizado por el protocolo skype: . El uso de esto tiene la ventaja de que los usuarios de smartphones podrán llamar al número con su servicio telefónico, mientras que los usuarios de equipos de escritorio y otros dispositivos serán capaces de realizar una llamada con Skype.

<!-- Enlace a una imagen con un número -->
<a href="callto://349173475xx" title="Llamar"><img src="/images/llamada-tlf.png" alt="Llamar" title="Llamar" width="550" height="350"/></a>

El ejemplo de arriba enlaza una imagen para un número usando el protocolo de Skype callto: . El problema con esta sintaxis es que un teléfono inteligente puede reconocer el protocolo de Skype, pero no puede reconocer el número de teléfono. Por otra parte, no puede ofrecer al usuario la posibilidad de llamar usando su teléfono. Podría complementarse añadiendo bajo la imagen el enlace del ejemplo anterior.

También pueden crearse enlaces a los nombres de usuario de Skype y proporcionar a tus visitantes asistencia de chat en vivo o de llamada de voz.

<a href="skype:echo123">Skype</a>

Esperamos que este artículo te haya ayudado a añadir en tus páginas números de teléfono en los que se puede hacer clic desde smartphones.


Comentarios (8)

This comment was minimized by the moderator on the site

Llevo una semana queriendo añadir esto a mi web y por fin!

Ya la tengo https://kbcenters.com/

This comment was minimized by the moderator on the site

Me lo apunto y lo acabamos de añadir a nuestra web de reformas y pladur en la comunidad: https://empresareformasypladurmadrid.es/

This comment was minimized by the moderator on the site

He probado el sistema, pero a mi no me funciona. Alguna ayuda?

This comment was minimized by the moderator on the site

Para la navegación móvil lo acabo de poner en mi web y desde luego se agradece un montón el aporte para que lleguen más clietnes.

This comment was minimized by the moderator on the site

Hola Luis,
¿Te refieres a una página web hecha en wix.com? Puede entonces que el servidor tenga algunas restricciones en algunas etiquetas HTML. No sabría decirte alguna cosa más.

This comment was minimized by the moderator on the site

Hola Muchas gracias por el artículo.
tengo un problema, estoy usando el código que comentan en WIX pero el problema es que cuando veo el sitio en el móvil al dar clic no funciona de inmediato, debo mantener el dedo sobre el link para que me...

Hola Muchas gracias por el artículo.
tengo un problema, estoy usando el código que comentan en WIX pero el problema es que cuando veo el sitio en el móvil al dar clic no funciona de inmediato, debo mantener el dedo sobre el link para que me despliegue las opciones de comunicación lo cual no lo hace nada intuitivo y funcional,. Saben que puedo hacer?

Leer más
This comment was minimized by the moderator on the site

Gracias, lo pongo en práctica en mi web http://www.fontanerosalicante-pro.com

This comment was minimized by the moderator on the site

Gran aporte, esto facilitará mucho la rapidez y sencillez de ponerse en contacto al cliente con el profesional, almenos en mi caso, gracias y un saludo. http://www.fontanero-madridsur.com

No hay comentarios escritos aquí

Deja tus comentarios

  1. Publicar comentario como invitado. Regístrate o ingresaa tu cuenta
Archivos adjuntos (0 / 3)
Compartir su ubicación
close

Recibe gratis nuestros nuevos artículos!

Serás el primero en conocer las novedades y noticias que pasan en Internet, nuestros tutoriales, trucos y más.

Escribe tu email:

Se abrirá una nueva ventana deFeedBurner a la izquierda de la página y habrás de validar un Captcha.

Lee nuestras Política de privacidad & Política de cookies
Puedes darte de baja de la lista de correo electrónico en cualquier momento