El 100% de los españoles que se conectan a internet lo hacen también desde su smartphone. Así que debemos tener eso en mente a la hora de crear nuestra página web y su contenido. Hoy aprenderemos a crear links para llamar directamente al pulsar con el dedo.
La mayoría de las páginas web corporativas tienen un número de teléfono de contacto. Cuánto crees que aumentaría la posibilidad de que te llamen si pudiera hacerse sólo pulsando con el dedo.
Hoy en día cuando buscamos el número de teléfono de un negocio en google a través de nuestro smartphone, nos sale la opción de pulsar directamente sobre el número para llamar. ¿Por qué no facilitar esa opción dentro de nuestra web?, como hace Google.
Cómo crear links para llamar directamente
Para hacer esto vamos a necesitar usar un poco de código. Pero no te preocupes porque es muy sencillo.
Cuando estés en el editor de una página o entrada de WordPress asegúrate de tener marcada la pestaña de HTML y no la de Visual (en la que trabajas normalmente).
Asegúrate de estar en la pestaña de HTMLAhí es donde ves tu contenido en forma de código HTML. Con una sola línea de código nos valdrá:
<a href="tel://666112233">666112233</a>
La primera parte de esta línea de código indica el link, en este caso el teléfono; y la segunda es lo que aparecerá en tu web. En este caso he escrito lo mismo en ambas partes pero no tiene por qué ser así. Por ejemplo:
<a href="tel://666112233">Llama ahora</a>
Como ves, en el segundo ejemplo he usado el mismo número de teléfono pero el texto que vería el usuario en la web sería Llama ahora.
Así verá tu usuario el link del número de teléfonoPara hacerlo tú mismo en la web, sólo tienes que copiar ese código y sustituirlo por el número y el texto que quieras.
Otras formas de que te contacten en un click
Hemos visto que para llamar por teléfono usamos el protocolo–> tel:
Vamos a ver otras opciones:
- mailto: – abre una aplicación de envío de emails
- callto: – abre Skype
- sms: – enviar un mensaje de texto
- fax: – enviar un fax
Los usaríamos de la misma forma que el protocolo del teléfono. Por ejemplo, para enviar un email escribiríamos la siguiente línea de código:
<a href="mailto: tuemail@gmail.com"> Haz click aquí para enviarme un email </a>
Conclusión
Cuando creamos una página web solemos tener en mente la versión para ordenadores y después nos ponemos a pensar en cómo quedaría en un smartphone.
Hay que empezar a pensar al revés. Cada vez hay más themes de WordPress pensados para los dispositivos móviles, son los llamados Mobile First. Funcionan perfectamente en los ordenadores, claro, pero el punto de vista a la hora de su desarrollo es diferente.
Independiente del theme que tengas, estos pequeños trucos pueden hacer que las llamadas a la acción de tu página web sean mucho más efectivas.
Si tienes alguna duda o quieres sugerirme temas para el blog, puedes contactarme aquí.