Seleccionar página

El uso de los dispositivos móviles para visitar páginas web es algo muy común hoy en día. De hecho en determinados sectores el acceso web vía móvil es superior al acceso vía ordenadores de escritorio.

Debido a este uso generalizado del móvil (o celular) se hace muy interesante poder poner un botón para llamar en la página web.

Al hacer clic en el botón automáticamente el número aparece ya marcado en el móvil a la espera de hacer clic en el botón de llamada. De este modo nos ahorramos tener que memorizar el número de teléfono que vemos en la web para poder marcarlo en el móvil, hacemos clic sobre el botón “Clic to call” y listo.

Este tipo de botones se denominan “click to call” traducidos como “clic para llamar”.

Con este tipo de accione mejoraremos las conversiones y sobre todo la experiencia de usuario.

Si quieres MÁS sobre  WORDPRESS, DISEÑO WEB, SEO… APÚNTATE a MI ACADEMIA ONLINE: cursotiendaonline.com
IR A MI ACADEMIA

 

 

ACCEDE A TODOS MIS CURSOS ONLINE POR SOLO 10€/MES

VER CURSOS

 

 

 

 

1.- Botón de llamar HTML

 

De manera general para hacer que un número de teléfono se marque en el móvil al hacer clic sobre un enlace el código HTML deber ser el siguiente:

 

<a href=”tel://658545547”>658 545 547</a>

 

Pon este texto en la pestaña de HTML del editor de texto de WordPress general, o en un módulo de texto o código del divi builder (constructor de la plantilla Divi).

Compara el código con el de un enlace normal:

 

<a href=”http://www.midominio.com”>Ir a la página 2</a>

 

Como ves los dos códigos son bastante similares, lo que cambia es la ruta dentro del «href«. En el caso del enlace HTML para llamar tiene un prefijo tel:// mientras que en el de un enlace web normal tiene el prefijo http://

El contenido del href indica al navegador el destino tras hacer clic en el enlace.

 

DESCUENTOS PLANTILLA DIVI

 

Si quieres MÁS sobre  WORDPRESS, DISEÑO WEB, SEO… APÚNTATE a MI ACADEMIA ONLINE: cursotiendaonline.com
IR A MI ACADEMIA

 

En anchor text, que es el texto visible del enlace, en el caso de un enlace de llamada para móvil normalmente será el número móvil al que se quiere llamar. Pero podría ser un texto del tipo “llámanos” “clic para llamar” “contáctanos” “teléfono”, etc.

 

Código html de un enlace para llamar por teléfono en móvil

Enlace para llamar por teléfono en HTML

 

También puedes probar a ponerlo en un módulo tipo botón del divi builder (page builder de la plantilla Divi de WordPress)

 

Botón Divi para llamar wordpress

Módulo botón de Divi con enlace para llamar por teléfono

 

 

2.- Enlace para llamar por teléfono en el número de teléfono del header de la plantilla Divi de WordPress

 

Si utilizas la plantilla Divi, que como sabes es mi plantilla favorita para WordPress, sabrás que en la parte superior del header, más concretamente en el menú secundario del header se puede poner un número de teléfono de contacto.

 

Aprende las diferentes opciones que tienes para personalizar el header con la plantilla Divi

 

Si quieres MÁS sobre  WORDPRESS, DISEÑO WEB, SEO… APÚNTATE a MI ACADEMIA ONLINE: cursotiendaonline.com
IR A MI ACADEMIA

 

De por si este número que aparece en el header no es del tipo “click to call”. Para convertirlo en un enlace de llamada por teléfono tendrás que ir a: “Divi > personalizador de temas > Cabecera y navegación > Elementos de cabecera” y en el campo “Número de teléfono” introducir el código html que hemos visto en el apartado 1.

Sería algo del tipo:

 

<a href=”tel://658545547”>658 545 547</a>

 

A continuación Guarda y listo.

 

 

3.- Plugin botón de llamada en tu web WordPress fijo en dispositivos móviles

 

Vamos a ver ahora un plugin para wordpress muy interesante (gratuito), pues nos permite situar un botón de «clic para llamar» fijo en la parte inferior de la web. Pero este botón solo será visible cuando el visitante esté viendo la web en un dispositivo móvil.

 

IR AL PLUGIN

 

El plugin se denomina “Call now button” y es un plugin gratuito del repositorio de wordpress.org

 

plugin call now button para poner un botón de clic para llamar en la web

Plugin Call Now Button para llamar en la web

 

Una vez lo hayas instalado y activado, para configurarlo tendrás que ir a: “Ajustes > Call Now Button”. Tendrás las siguientes opciones:

 

Si quieres MÁS sobre  WORDPRESS, DISEÑO WEB, SEO… APÚNTATE a MI ACADEMIA ONLINE: cursotiendaonline.com
IR A MI ACADEMIA

 

a.- Button status: si marcamos el check box el botón aparecerá, y si no lo marcamos no aparecerá.

b.- Phone number: aquí introduciremos el número de teléfono al que llamará el visitante al hacer clic en el botón de click to call.

Ahora haz clic en “+ Advanced settings” para que se muestren el resto de opciones de configuración.

c.- Button color: elegiremos el color del botón de clic para llamar.

d.- Position: elegiremos la posición del botón en la pantalla del móvil. Right corner (esquina derecha), Left corner (esquina izquierda), Center button (centro), Full button (ancho completo).

 

configuración plugin para poner botón de llamar en la web

Opciones de configuración del plugin wordpress call now button

 

e.- Limit apparence: si no pones nada el botón aparecerá en cualquier página de la web. Pero si introduces aquí IDs de páginas o entradas de blog, el botón de clic para llamar solo aparecerá en dichas páginas o posts.

f.- Back to old button desing: si marcas este check box cambiarás del diseño moderno del botón al antiguo.

En  la siguiente imagen puedes ver el botón antiguo (derecha) y el nuevo (izquierda). Elige el que prefieras.

A mí personalmente me gusta más el antiguo, pero esto es solo una cuestión de gustos.

 

diseño antiguo y moderno del botón de llamar en la página web

Diseño del botón de llamada en página web

 

En la siguiente imagen puedes ver cuál es el resultado de la configuración del plugin. Verás en la parte inferior izquierda de la web el botón de llamada para la web en móvil.

 

Añade más de 90 nuevas funcionalidades a la plantilla Divi con el fabuloso plugin: Divi Booster

 

El botón solo aparecerá en la versión móvil de la web y no en la versión de escritorio.

Cuando hagamos scroll el botón permanecerá fijo y siempre visible.

 

así se ve el botón de clic para llamar en la web con plugin wordpress

Botón para llamar en página web con plugin wordpress «Call Now Button»

 

 

 

4.- Plugin de botón para llamar en WordPress y botón de mapa

 

He encontrado otro plugin para wordpress interesante, también gratuito que se llama: “Mobile call now & map button”.

IR AL PLUGIN

 

Este plugin no lo he probado, si quieres pruébalo y nos dices que tal te parece.

 

Si quieres MÁS sobre  WORDPRESS, DISEÑO WEB, SEO… APÚNTATE a MI ACADEMIA ONLINE: cursotiendaonline.com
IR A MI ACADEMIA

 

Con este plugin se mostrará en el footer de la web un botón de “clic para llamar” como con el plugin anterior, pero en éste además se mostrará un botón para ver la localización en un mapa.

En la configuración del plugin podremos determinar en qué tipo de móviles (anchura) queremos que aparezcan estos botones.

Configuraremos el color de la barra y de los botones.

Introduciremos el número de teléfono que se marcará al hacer clic en el botón de llamar y también tendremos que introducir la dirección que queremos que aparezca al hacer clic sobre el botón de localización.

También podrás personalizar el texto que aparece en los botones

 

botone de clic para llamar y localización con plugin para wordpress

Plugin WordPress con botón de llamada en página web + botón de localización

 

 

Compártelo ya!!

ACCEDE A TODOS MIS CURSOS POR SOLO 10€/MES

1.- CURSO WORDPRESS (44 Clases)
2.- CURSO SEGURIDAD Y ACTUALIZACIONES WORDPRESS (9 Clases)
3.- CURSO DIVI (33 Clases)
4.- CURSO DISEÑADOR WEB FREELANCE (10 Clases)
5.- CURSO MEMBERSHIP SITE (14 Clases)
6.- CURSO ELEMENTOR (14 Clases)
7.- CURSO ASTRA PRO (17 Clases)
8.- CURSO BLOOM + MAILCHIMP (7 Clases)
9.- CURSO SEO (19 Clases)
10.- CURSO BLOG WORDPRESS (32 Clases)
11.- CURSO WOOCOMMERCE (39 Clases)
12.- CURSO FLATSOME WORDPRESS (36 Clases)
13.- CURSO COLORES WEB (9 Clases)
14.- CURSO ANALYTICS (10 Clases)
15.- CURSO SEO PARA TIENDAS ONLINE (12 Clases)
16.- ETC. ETC...(Más de 30 cursos)
*** ADEMÁS TIENES MI SOPORTE VÍA EMAIL***

IR A LOS CURSOS

Vé a tu buzón de correo y confirma la suscripción. Si no encuentras el correo de confirmación mira en la carpeta de SPAM.

Abrir chat
¿Dudas sobre mis cursos o servicios?
🙋🏻‍♂️** ¿Alguna duda sobre mis cursos o servicios? Soy Joaquín, cuéntame y te ayudo encantado
**Accede a TODOS mis cursos por solo 10 €/mes desde cursotiendaonline.com