Cómo crear un botón de llamada a la acción en WordPress

Un botón de llamada a la acción (CTA) es un elemento sobre el que se puede hacer clic en un sitio web y que provoca que los usuarios realicen acciones específicas como comprar, suscribirse a un servicio, suscribirse a boletines, descargar libros electrónicos, etc.

Existen numerosas formas de añadir botones CTA a un sitio web. En este post, te mostraremos varias formas sencillas de cómo crear un botón de llamada a la acción en WordPress que enganche a los usuarios.

Cree bonitas mesas
Con el editor de bloques

Método 1: Utilizar el bloque de botones

WordPress le ofrece un bloque de botones por defecto mediante el cual puede crear botones CTA.

Abra una entrada o página. Busque y añada la opción por defecto Bloque de botones en el editor de bloques y al editor de entradas o páginas.

Añadir el bloque de botones a WordPress

Una vez añadido el bloque, coloque el cursor sobre el botón y escriba su texto CTA (1). Entonces, cambiar su alineación (2) dónde quieres colocarlo. Por último, añada su destino enlace al botón (3).

Escriba la copia de la CTA y añada el enlace

Vuelve a seleccionar el bloque de botones colocando el cursor sobre él. Aparecerán las opciones de personalización en la barra lateral derecha. Aparecerán las opciones de Ajustes y Estilos pestaña allí.

Mediante estas dos pestañas, puede cambiar el tamaño del botón, el color de fondo del botón, el color del texto, la tipografía, etc.

Personalizar el bloque de botones de Gutenberg

Método 2: Utilizar el plugin Ultimate Blocks

Bloques definitivos es un popular plugin de bloques Gutenberg con 25+ maravillosos y útiles bloques Gutenberg personalizados. Este plugin también le permite crear y añadir botones CTA a su sitio con muchas características avanzadas.

Vaya a Plugins > Añadir nuevo plugin. Tipo Bloques definitivos en la casilla de búsqueda de la parte superior derecha. Instale y activar el plugin después de que aparezca a continuación.

Instale y active el plugin Ultimate Blocks

Abra de nuevo el editor de Gutenberg y escriba Botón o Botón (mejorado) en el cuadro de búsqueda. Pulse sobre el bloque correspondiente al editor marcado en la imagen inferior.

Añada el botón CTA de Ultimate Blocks a su sitio web

Siguiendo los mismos métodos anteriores, añada al botón el texto, el enlace y la alineación que desee para la CTA.

Añadir copia, enlace y alineación

Ven a la barra lateral derecha. Tendrás más opciones que el bloque de botones predeterminado. Desde el Ajustes puede personalizar la justificación, orientación, tamaño y anchura del botón. 

También puede añadir un icono, cambiar su posición y ocultar el bloque de botones para determinados dispositivos.

Personalizar la configuración

A continuación, aterrice en el Ficha Estilos. Puede cambiar el radio del botón, hacer que el botón sea transparente, el color del botón, el color del texto, el color hover y su tamaño.

Estilizar el botón

Método 3: Utilizar el plugin Tableberg

Si quieres añadir botones CTA a las tablas, el plugin Tablegerg te ayudará a hacerlo. Con el plugin, puede crear maravillosas tablas versátiles, añadiendo varios bloques en ella.

Instale y activar el Tablegerg de la misma manera que se muestra arriba.

Instalar y activar el plugin TableBerg

Ven a tu puesto. Añade el Bloque Tableberg al editor. Añada el Bloque TableBerg a ella.

Añadir el bloque TableBerg

Defina los números de fila y columna según sus necesidades.

Establecer el número de fila y columna

Empieza a añadir contenido a sus filas y columnas. Una vez que seleccione cualquier celda, se le permitirá añadir diferentes tipos de bloques en la celda. Puedes ver que ya hemos añadido algo de texto y contenido de imagen en sus columnas izquierda y central.

Añadiremos un botón CTA a su columna derecha. Seleccione una celda de la columna y elija el botón Bloque de botones.

Añade el bloque de botones a la tabla

Ahora, del mismo modo, añade una copia al botón. Al mismo tiempo, personalizarlo desde el Estilos en la barra lateral derecha. 

Puede personalizar el color del botón, el color de fondo, el color hover, la tipografía, el radio del borde, etc.

Añadir copia del botón y personalizarla

Nota final

Ahora ya sabe lo sencillo que es crear botones de llamada a la acción en WordPress. Pero recuerda que crear un botón no es suficiente. Debes darle un aspecto cautivador y mostrarlo en los lugares adecuados para que pueda arrastrar la atención de la gente y ayudarte a conseguir conversiones.

Aprenda cómo crear una tabla comparativa en WordPress.



El equipo de Tableberg

La oferta anticipada ya está disponible
Este es el texto por defecto para la barra de notificaciones