f Cómo hacer que un enlace href llame a un teléfono - El Maquetador Web, Maquetación Freelance, Curso HTML HTML5 CSS Tutorial Diseño Responsive Adaptable

¿Necesitas Maquetar o Diseñar una web? ... Consulta nuestra sección Maquetación Freelance o solicita presupuesto a elmaquetadorweb@gmail.com

11.3.15

Cómo hacer que un enlace href llame a un teléfono


Para mejorar la experiencia de usuario desde un dispositivo móvil, es de gran ayuda que podamos llamar directamente a un teléfono desde nuestra web. Simplemente tenemos que usar el siguiente código:

<a class="phone" href="tel:971467600">971-467600</a>

Como podemos ver, hemos añadido al href el comando tel: seguido del número de teléfono al que queremos llamar.

NOTA: para tener una experiencia responsive correcta, lo ideal es hacer que el enlace no lo parezca, para ello podemos quitar todos los estilos que tengan que ver con la apariencia de los enlaces aplicando la clase .desactivado{cursor:default;} en la media querie de la versión desktop, ya que normalmente no se puede realizar una llamada desde un ordenador.

1 comentario:

  1. Sí que es verdad que estás cosas de HTML5 alegran la vida :-)
    Ese tipo de enlaces también detectan aplicaciones tanto en el móvil como en PC como "Skype" que da también como opción cuando se pulsa el enlace.
    Gracias a esto no es imprescindible que no se vea el enlace en la versión de escritorio.

    ResponderEliminar