Una de las tareas básicas para cualquier persona que trabaja con WordPress es colocar botones y uno de los mejores plugins para colocar botones es MaxButtons. Veamos un tutorial rápido de como insertar botones en un artículo de wordpress.

En este caso, usaremos como ejemplo un artículo que explica cuáles son las mejores impresoras 3D.

Colocar botón en WordPress – Paso a paso

  • Primero debemos determinar el mejor lugar para colocar nuestro botón. En este caso, lo vamos a colocar debajo de la caja de productos que se muestra en la siguiente imagen.
wordpress button plugin

Este nuevo botón será usado para colocar un enlace de afiliados hacia Amazon.com.

  • Para insertar el botón, debemos ir al menú izquierdo y buscar el ícono de Maxbuttons, una vez allí, hacemos clic en “Add new (agregar nuevo)”.
boton wordpress

MaxButtons es muy configurable con muchas opciones para adaptar el botón a tus necesidades con mucha flexibilidad.

maxbuttons pro
  • Primero le damos un nombre al botón y le colocamos la URL a donde dirigirá cuando se haga clic en el botón. También seleccionamos que la URL del botón abra en una pestaña nueva y que sea un enlace NoFollow.
maxbuttons plugin
  • Luego, colocamos el tooltip del botón, es decir, lo que se muestra cuando alguien coloca el mouse sobre el botón sin hacer clic. También colocamos el texto que aparecerá sobre el botón.
maxbuttons pro download
  • En el lado derecho, tenemos la vista previa del botón.
how to place maxbuttons within widget sidebar
  • Más abajo tenemos las opciones para configurar el diseño del botón. Podemos cambiar el color de texto con el botón estático, el color del texto cuando el usuario pasa el mouse por encima del botón, el encuadre del texto, el centrado, etc.
como añadir un boton en wordpress
  • A continuación, podemos ajustar el tamaño del botón (ancho y altura). También puedes agregar una breve descricpión sobre el uso de este botón.
como poner boton de leer mas en wordpress

En la sección “Bordes”, puedes configurar el diseño del borde del botón, como el color de la línea del botón estático, el color de borde cuando la gente coloca el mouse arriba del botón sin hacer clic sobre él.

como poner boton paypal en wordpress
  • En la sección Background, puedes ajustar el color de fondo del botón, el color de fondo cuando el usuario pasa el ratón pr encima del botón, gradientes y opacidades.
como crear un boton en wordpress
  • Más abajo, puedes configurar sombras y contenedores para el botón.
como insertar un boton en wordpress
  • En la sección “Avanzado” podemos colocar ccs y etiquetas rel personalizadas.
añadir boton wordpress
  • Por último, puedes activar el comportamiento responsive del botón para mejorar su velocidad de carga.
wordpress plugin boton flotante
Scroll to Top