30 noviembre 2020
En este episodio aprendemos a crear botones flotantes en WordPress simplemente utilizando un plugin del repositorio y personalizar el aspecto y acción.

Nuestro patrocinador

Este episodio, como no podía ser de otro modo, está patrocinado por LucusHost, el proveedor de hosting en el que tengo confiados todos mis proyectos web.

LucusHost, el mejor hosting

Puedes encontrar un plan de alojamiento a la medida de tus necesidades, desde hosting compartido a servidores dedicados, pasando por el registro de dominios o certificados de seguridad.

Ya sé que hay muchos proveedores de hosting que ofrecen algo similar, pero son muy pocos los que tienen esta calidad en el soporte y en el trato con los clientes.

Recuerda además que si contratas tu hosting desde este banner, conseguirás un importante descuento el primer año..

Botones flotantes

Posiblemente te hagas una idea de qué son los botones flotantes en WordPress, porque estamos acostumbrados a verlos en muchos sitios web.

En la mayoría de sitios web aparecen botones para abrir un chat, para volver al inicio de la página… o bien hacer una llamada telefónica o enviar un whatsapp cuando se visualiza desde un teléfono móvil.

Pero, ¿y si pudieras agregar otros tipos de botones que dirigieran al usuario a donde a ti te interese?

Buttonizer

Hoy te quiero hablar de este plugin freemium, que puedes descargar desde el repositorio de WordPress y que te da la posibilidad de crear un botón flotante personalizado en WordPress de la siguiente forma:

Versión gratuita

Con la versión gratuita podrás crear botones para

  • Llevar a una URL (interna o externa)
  • Llamadas a número de teléfono desde dispositivos móviles
  • Volver arriba
  • Compartir en las redes sociales
  • Retroceder una página

También es posible personalizar un seguimiento con Google Analytics.

Versión PRO

Con la versión PRO, además, puedes

  • Personalizar la aparición del botón en determinadas páginas o hacer que aparezcan en todas excepto en las que pertenezcan a alguna categoría.
  • Crear disparadores que hagan aparecer el botón. Por ejemplo, mostrarlo cuando transcurra un tiempo, cuando el usuario haya hecho scroll en un porcentaje determinado, etc.
  • Hacer que se muestre solo en horas y días determinados
  • Crear botones con logos, imágenes o iconos personalizados
  • Crear botón para enviar Whatsapp desde dispositivos móviles.

Crear un botón con Buttonizer

A la hora de crear un botón flotante para WordPress, podrás configurar los siguientes aspectos:

  • Color: sin pulsar, pulsado, al poner el ratón encima…
  • Icono: elegido de un selector de iconos de Font Awesona.
  • Tamaño del botón (tanto en escritorio como en móviles)
  • Etiqueta junto al botón
  • Animación del botón
  • Posición del botón (esquina inferior izquierda o derecha y espacio desde borde).
  • En qué redes sociales quieres compartir (si eliges esta opción).

Plugin Recomendado

Herramienta Recomendada

Esta semana te recomiendo Rapportive, la herramienta con la que puedes utilizar para mostrar información de los usuarios que te envian un email a GMail.

A la derecha aparecerá una columna donde podrás ver su foto, nombre, localización, biografía, redes sociales, etc…

Juanma Aranda

Ayudo a usuarios noveles a dar sus primeros pasos con WordPress mediante mentorías individuales.
También creo vídeotutoriales en español para desarrolladores de WordPress que quieren mejorar su servicio de ayuda a clientes.

Ver todos los artículos

Comentar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información adicional sobre protección de datos:
Responsable: Juan M. Aranda
Finalidad: Moderar los comentarios de este sitio web.
Cesión: NO se cederán a nadie, salvo obligación legal.
Derechos: acceso, rectificación, cancelación y borrado de tus datos.
Legitimación: tu consentimiento expreso.

 

Cupón Descuento

60% el primer mes
Ver el cupón
cupón descuento soportepress

SoportePress -60%

60% de descuento en servicio de mantenimiento web WordPress.
Ir a la promoción

Cursos Flash GRATIS

cursos wordpress gratis

Únete a nosotros

error: Contenido protegido
consectetur porta. Sed velit, accumsan et, id tempus

Te espero en YouTube

para seguir aprendiendo más WordPress