Cómo usar el bloque de botones de WordPress

Los botones de su sitio web juegan un papel importante en su apariencia y usabilidad. Ayudan a los visitantes a navegar por diferentes páginas y les facilitan la realización de acciones importantes (como descargar contenido o suscribirse a su boletín informativo). Es crucial que tenga una forma simple pero efectiva de insertar y personalizar este elemento esencial. Afortunadamente, el bloque de botones de WordPress puede ayudar.

En esta publicación, explicaremos cómo agregar el bloque de botones de WordPress a sus publicaciones y páginas, así como cómo usarlo. Discutiremos cada una de sus configuraciones y opciones de configuración, y le brindaremos algunos de los mejores consejos para usar el bloque de manera efectiva. Luego, concluiremos respondiendo algunas preguntas frecuentes.

¡Empecemos!

Suscríbete a nuestro canal de Youtube

Cómo agregar el bloque de botones a su publicación o página

Para agregar un botón a su contenido de WordPress, primero navegue hasta la publicación o página donde desea insertarlo. A continuación, haga clic en el icono Agregar bloque (1), busque "botones" en el campo de texto y seleccione la opción Botones (2):

También puede agregar el bloque Botones escribiendo "/ botones" en el editor de texto y presionando la tecla Intro en su teclado. Después de insertar el bloque, obtendrá acceso a un nuevo menú de la barra de herramientas, que discutiremos a continuación.

Configuración y opciones del bloque de botones

Cada bloque de WordPress viene con su propio conjunto de controles y opciones de configuración. Al agregar botones, hay bastantes opciones para vincularlos, alinearlos y diseñarlos. Comenzaremos explorando la configuración del texto y los enlaces.

Texto y enlaces

Cuando inserte por primera vez el bloque de botones , se agregará un botón predeterminado con contenido de marcador de posición:

Cuando haces clic en el campo de texto, puedes cambiar el texto a lo que quieras que diga el botón. Por ejemplo, puede agregar un llamado a la acción (CTA) como "Más información".

La segunda opción de la barra de herramientas es el icono de enlace, que puede utilizar para determinar a dónde dirigirá el botón a los usuarios:

Puede buscar la página interna a la que desea vincular escribiendo en el campo de texto. También puede ingresar o copiar / pegar la URL de una página externa. Luego, puede seleccionar el ícono de flecha o presionar Enter para insertar su enlace.

Tenga en cuenta que también puede alternar la opción Abrir en una nueva pestaña . Esto determinará si los usuarios son llevados a la nueva página dentro de la misma ventana o en una nueva pestaña.

Formateo de botones

Una vez que agregue el texto de su botón y lo vincule a la página de destino correcta, puede comenzar a formatearlo y personalizarlo. Primero, puede optar por poner en negrita o cursiva el texto del botón, usando los iconos respectivos a lo largo de la barra de herramientas:

Si hace clic en la flecha hacia abajo, también verá algunas opciones adicionales. Por ejemplo, puede cambiar el color del texto e incluir texto en subíndice o superíndice.

Estilos, tipografía y color

El último paso para personalizar su botón es seleccionar su estilo, tipografía y colores. Puedes hacer todo esto usando los controles en el menú de la barra lateral del bloque:

Las dos opciones de estilo que tiene son Relleno y Contorno . El relleno hará que el botón sea de un color sólido, mientras que el contorno proporcionará un botón transparente con un borde de color opcional. Puede hacer su selección haciendo clic en el icono con la vista previa o seleccionando el aspecto que desee en el menú desplegable Estilo predeterminado .

A continuación, en la sección Tipografía , puede elegir un tamaño de fuente para el texto de su botón:

Las opciones van desde extra pequeñas hasta gigantes . También puede ingresar un tamaño personalizado.

En el panel Color , puede encontrar opciones para cambiar el texto y los colores de los botones. Para ambos, puede elegir de la lista de opciones disponibles o seleccionar un tono personalizado:

Tenga en cuenta que para su color de fondo, puede elegir entre Sólido o Degradado :

Si elige Degradado , puede seleccionar entre varios colores de transición mezclados. Puede utilizar el control deslizante de color para determinar la prevalencia de cada color, así como la dirección del degradado.

Consejos y prácticas recomendadas para utilizar el bloque de botones de forma eficaz

Hay muchas formas de usar botones en su sitio de WordPress, aunque se usan más comúnmente como CTA. Estos pueden incluir botones que soliciten a los visitantes:

• Leer / aprender más
• Compra ahora
• Descargar
• Añadir al carrito
• Reservar ahora

Cuando crea su CTA, o cualquier otro tipo de botón importante, es importante asegurarse de que se destaque en la página. De lo contrario, sus visitantes pueden pasarlo por alto y es posible que no obtenga el nivel de participación o conversiones que busca.

Por lo tanto, recomendamos aprovechar las opciones de estilo de botones integradas de WordPress al insertarlos en sus publicaciones y páginas. Por ejemplo, cambiar el color de fondo del botón a un tono que tenga un alto contraste con el fondo de su tema puede hacerlo más distinguible.

Además, es inteligente ser estratégico sobre la ubicación de sus botones. Por lo general, tiene sentido colocarlos en algún lugar de la página donde los ojos de sus visitantes caerán naturalmente. Por ejemplo, puede agregar un botón al final de una publicación de blog, cuando esté listo para dirigir a los usuarios a una nueva página.

Dependiendo del propósito de sus botones, también puede tener sentido agregarlos en las barras laterales para que estén constantemente visibles a medida que los usuarios navegan por su sitio. Esta es una idea especialmente buena si está creando un botón de contacto o suscripción .

Preguntas frecuentes sobre el bloque de botones

A estas alturas, probablemente ya tenga un conocimiento sólido de qué es el bloque de botones y cómo usarlo. Sin embargo, para asegurarnos de que hemos cubierto toda la información esencial, revisemos algunas de las preguntas más frecuentes sobre este bloque.

¿Dónde encuentro el bloque de botones en WordPress?

Puede encontrar este bloque navegando a la publicación o página (o área de widgets) donde desea agregar un botón. A continuación, puede buscar "botones /" y presionar Enter , o hacer clic en el icono Agregar bloque y buscar "botones" en el campo de texto.

¿Qué hacen los bloques de publicación y página de botones?

El bloque de botones le permite enlazar a páginas internas y externas de una manera visualmente distintiva. Puede insertar un botón que dirija a los visitantes a otra parte del contenido de su sitio web o un sitio de terceros, y personalizarlo para que se vea exactamente de la manera que prefiera.

¿Dónde puedo agregar el bloque de botones en WordPress?

Puede agregar botones en cualquiera de sus publicaciones y páginas. Además, puede insertarlos siempre que tenga acceso al Editor de bloques. Por ejemplo, esto significa que a menudo puede insertar un botón en su pie de página o barra lateral (dependiendo de las opciones de su tema).

Conclusión

Los botones son un elemento importante para un diseño web eficaz. Guían a sus visitantes adonde quieren ir y lo ayudan a aumentar el compromiso y las conversiones. Por lo tanto, es esencial tener una forma de insertarlos y editarlos de manera rápida y sin problemas en todo su sitio.

Como ya sabe, el bloque Botones puede hacer que agregar estos elementos a su sitio sea mucho más fácil. Una vez que inserte el bloque, puede usar la configuración y los controles para personalizar su apariencia y determinar a dónde se enviarán los visitantes cuando hagan clic en él. Incluso puede agregar un botón personalizado a sus bloques reutilizables, para que pueda usarlo repetidamente en su sitio.

¿Tiene alguna pregunta sobre el uso del bloque de botones ? ¡Háganos saber en la sección de comentarios!

Imagen destacada a través de RobinKhan / shutterstock