Los botones El bloque es uno de los elementos más cruciales en un sitio web WordPress. Te permite crear importantes botones de llamada a la acción para captar la atención de tu audiencia y guiarla para que dé el siguiente paso.
También se utiliza para dirigir a los visitantes a la página de un producto, suscribirse a un boletín o descargar recursos en línea. Hoy, en esta guía, vamos a discutir el bloque de botones y cómo utilizar el bloque de botones en WordPress, así como proporcionar una visión general del plugin.
Cree bonitas mesas
Con el editor de bloques

¿Cómo utilizar el bloque de botones en WordPress?
Utilizar el bloque Botones es muy fácil. Es una herramienta útil para aumentar las conversiones. Todo lo que necesitas saber es cómo usarlo. Asegúrate de seguir el tutorial de principio a fin.
Paso 1: Insertar el bloque de botones de WordPress
En primer lugar, vaya a su post o página en la que desea agregar el bloque de botones.
Haga clic en el icono Más “+” (Añadir bloque) (1), tipo "Botones" en la casilla de búsqueda (2)y haga clic en el botón Botón bloque (3).

Debe insertar el nombre de su botón y el enlace para el botón después de insertar el botón.

Aquí también puede seleccionar cómo funcionará su botón. Por ejemplo, puede configurar el botón para que abra un enlace en una nueva página, convertirlo en un enlace patrocinado o marcarlo como nofollow. Después, debe hacer clic en el botón Guardar.

Paso 2: Personalizar el botón
Ahora, añada la anchura de su botón. Vaya a Ajustes (1 ) > Bloquear (2) > Ajustes (3) > Ajustes (4). Seleccione cualquier porcentaje de los ajustes para seleccionar la anchura.

Para personalizar aún más su botón, vaya a la sección Estilos lengüeta. Seleccione el estilo que más le convenga.

La pestaña Estilo tiene más opciones para personalizar el botón.

- Color: Esta función le permite cambiar el color del texto y del fondo de su botón.
- Tipografía: La tipografía le permite seleccionar fuentes y tamaño de fuente, apariencia, altura de línea, espaciado entre letras, casquillo de letras y decoración de letras.
- Dimensiones: Las dimensiones permiten ajustar el relleno y el margen del bloque de botones.
- Frontera: La opción Borde permite añadir un borde y un radio de borde al bloque de botones.
Basándose en la imagen de arriba, ya sabe lo que se puede hacer utilizando la opción Tipografía. Pero estas funciones están ocultas por defecto. Por lo tanto, para mostrar esas funciones, debe hacer clic en los tres puntos en la parte superior derecha y seleccionar todas las opciones para mostrar en el editor.

La opción de color le permite cambiar el color del texto y del fondo de su botón.

Si quieres, también puedes seleccionar colores del selector de color. Ir al fondo del botón (1)seleccione Color (2)haga clic en la barra de color (3)y elige el color con el selector de color (4).

Además, puede hacer un color degradado para su botón.

También puedes poner en negrita y cursiva el texto de tu botón desde el editor.

A continuación se muestra una demostración de un botón que he creado para usted.
Si desea crear mejores botones CTA, consulte la página Bloques definitivos. Cuenta con una increíble colección de más de 22 bloques para mejorar el contenido y el compromiso de tu WordPress.
Después de todas las modificaciones, debes guardar o publicar tu post o página.
Descripción general del bloque de botones
¿Desea saber más sobre el bloque Botones? Navegue por los acordeones de abajo. Contiene todos los detalles sobre el bloque.
¿Qué es el bloque de botones en WordPress?
El bloque Botones es un bloque central que te permite crear increíbles botones CTA para tus entradas y páginas.
Es una herramienta sencilla pero potente para fomentar la interacción y guiar a los usuarios hacia acciones concretas, como visitar enlaces o rellenar formularios, descargar algún recurso, comprar productos, etc.
¿Cuáles son las principales características del bloque de botones?
El bloque Botones dispone de numerosas funciones para crear botones increíbles que se ajusten a la marca de su sitio web. Algunas de las características clave están por debajo.
- Colores personalizables: Elija cualquier color para el texto y el fondo para asegurarse de que su botón coincide con el tema de su sitio web.
- Ancho de botón ajustable: Puede seleccionar la anchura de los botones en los ajustes del bloque para alinearlos con su contenido.
- Opciones de fuente y alineación: Modifique el tamaño, el estilo y la alineación del texto del botón para mejorar el impacto visual.
- Configuración de enlaces: Añade enlaces a tus botones con opciones para abrir el enlace en una nueva pestaña o añadir atributos rel como "nofollow".
- Botón Gradiente: Puede crear un color degradado para el fondo de su botón para que tenga un aspecto excepcional.
¿Cuáles son las funciones de la barra de herramientas del bloque de botones?
La barra de herramientas que aparece al seleccionar el Bloque de botones proporciona un acceso rápido a las herramientas de personalización esenciales:

- Estilos de botones: Permite seleccionar estilos de botones directamente desde el editor.
- Arrastra: Puede arrastrar y soltar el bloque concreto en cualquier lugar del editor.
- Asas móviles: Permite mover el bloque a izquierda y derecha.
- Alinear: Alinear le permite establecer la alineación en ninguna, anchura amplia y anchura completa.
- Justificación del cambio: Permite ajustar la posición del botón a Izquierda, Centro, Derecha y Espacio entre elementos.
- Cambiar la alineación vertical: Con esta opción, puede cambiar la alineación vertical del botón a la parte superior, central, inferior y Estirarlo para rellenar.
- Alinear texto: Esta opción está disponible cuando añade texto al botón. Puede alinear el texto a la izquierda, a la derecha y al centro.
- Enlace: Le permite añadir un enlace a su botón.
- Negrita: Puedes poner en negrita el nombre del archivo que has visualizado utilizando la opción.
- Cursiva: Te permite poner en cursiva el nombre del archivo que has visualizado.
- Opciones de bloque: La opción de bloque incluye opciones de formato como resaltado, código en línea, imagen, tachado, etc.
- Opciones: Contiene opciones de bloque como Copiar, Duplicar, Añadir antes, Copiar estilos, etc.
Reflexiones finales
Cuando cree botones, piense en su público, ya que el botón tendrá un impacto en sus visitantes.
Espero que el tutorial sea fácil de seguir. Si tienes algún problema para seguir las instrucciones, házmelo saber. Estaré encantado de ayudarte.
Pruébalo y utiliza el bloque de botones. Domina todas sus funcionalidades y consigue las conversiones rápidamente.
Más información
- Bloque separador - Guía de uso y resumen
- 9 mejores plugins de pestañas de WordPress para mostrar contenido en pestañas
- Cómo poner imágenes una al lado de la otra en WordPress (tres maneras)
- Cómo añadir botones "Comprar en Amazon" en WordPress (3 maneras)
- 9 mejores plugins de reseñas de productos para WordPress