Tutorial Divi: Cómo hacer clicable el teléfono de la barra secundaria

Una de las utilidades más obvias de la barra secundaria de Divi, la que sale sobre el menú principal, es mostrar el correo electrónico y el teléfono de tu negocio, además de los enlaces sociales, e incluso el carrito de compra si tienes una tienda online.

Y todos estos elementos tienen algo en común, menos el teléfono: son clicables, sirven para hacer algo directamente.

Pues bien, si quieres que el teléfono no sea solo texto, que al hacer clic tenga un enlace al número que hayas puesto para que, sobre todo desde dispositivos móviles, te puedan llamar tus visitantes, aquí tienes como conseguirlo fácilmente.

Activa la barra secundaria

Parece algo de perogrullo pero si no la completas con datos ni la verás. Así que ve al escritorio de WordPress y haz clic en Apariencia > Personalizar.

Una vez en el personalizador de temas ve a Cabecera y navegación > Elementos de cabecera y pon tus datos (email, teléfono, etc).

Guarda los cambios.

Comprobarás, visitando la web, que el email sí es clicable, tiene enlace que abre tu aplicación de correo electrónico, pero no así el teléfono.

Tranqui, ahora aplicamos algo de magia.

La magia de JavaScript

Y la magia la hará un poco de código JavaScript, que será el culpable de convertir ese triste número de teléfono que es solo texto en un enlace clicable que abrirá nuestra aplicación de teléfono en los móviles, o la aplicación que tengamos asociada en ordenadores (Skype por ejemplo).

Para ello ve de nuevo al escritorio de WordPress y de ahí al menú Divi > Opciones del tema > Integration.

añadir código a divi para hacer teléfono clicable

Clic para ampliar

Habilita el código de cabecera y, en la primera caja, la que pone lo de «Agregar código al <head> de su blog», añade el siguiente código:

Guarda los cambios y ¡ya está!

Ahora simplemente ve a tu web y comprueba que el teléfono ya tiene enlace clicable, para que te llamen tus futuros clientes.

Teléfono con enlace clicable en Divi

Clic para ampliar

 

Si te gusta este contenido prueba tambien a suscribirte al canal en YouTube.
VALORA ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
FlojitoNo está malEstá bienMe ha servidoFantástico (4 votos, promedio: 5,00 de 5)
Cargando…

Al dejar una valoración se recopila la IP para evitar fraudes

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Mi último libro es WordPress - La guía completa. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera. Sigue a @fernandot en Twitter

Comparte esta entrada en
468 ad

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para saber si ya aceptaste nuestras políticas, si ya estás suscrito a nuestra newsletter, para reconocer el estado de tu sesión si la tuvieses y para servir más rápidos los contenidos.

No se captura IPs ni siquiera para el servicio de Analytics así que tu visita es privada.

JSESSIONID, _cfuid, wpSGCachePypass, mailerlite, gdpr, gawp
mailerlite, _cfuid

Cookies de terceros

Usamos cookies de terceros con servicios, también garantes de tu privacidad, que analizan tus usos de navegación para que podamos mejorar los contenidos, si ya estás suscrito al boletín y los elementos compartidos en redes sociales y el formulario de comentarios.

1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID, disqus_unique, disqusauth
disqus_unique, disqusauth
1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID

Pin It on Pinterest

Share This
Ir al contenido