Cómo añadir botones personalizados a las entradas y páginas de WordPress: Tutorial detallado paso a paso

Los bloques de botones integrados de WordPress hacen que añadir botones sea muy fácil, una función introducida en el editor de bloques de WordPress Gutenberg. En este artículo, te mostraremos las muchas maneras sobre cómo añadir botones de llamada a la acción a las entradas y páginas del blog de WordPress. Puedes elegir la solución que mejor se adapte a tus necesidades.

Añadir botones a las entradas/páginas de WordPress utilizando el editor por defecto

Este método es fácil de usar y adecuado para todos los usuarios. Utiliza el editor de bloques integrado de WordPress "botones"Bloques". Si todavía utiliza el antiguo Editor clásico, puede pasar a la siguiente sección.

1. Seleccione la página

necesitaCrear una nueva entradatal vezEditar mensaje existentepara añadir botones.

En la pantalla de edición de entradas, haga clic en "+"y seleccione el bloque de botones de la sección Elementos de diseño.

2. Añadir bloque de botones

A continuación, debería ver que el bloque de botones se ha añadido al editor de contenido. Sólo tiene que hacer clic en "Añadir texto..."e introduzca el texto del botón.

3. Añadir texto al botón

A continuación, haz clic en el botón Enlace de la barra de herramientas para añadir un enlace. Busca la entrada o la página, o simplemente copia y pega la URL en el campo del enlace. Cuando hayas terminado, pulsa el botón "Entre en" o haga clic en "aparato" para guardar el enlace.

4. Añadir enlace de botón

Para centrar el botón, puede hacer clic en "alinearse en el orden correcto" y seleccione "alineado en el centro". La alineación vertical de los botones también puede modificarse desde la barra de herramientas.

5. Cambiar la alineación de los botones

A continuación, puede personalizar el estilo del botón y cambiar los colores del texto y del fondo desde el panel de configuración de bloques de la derecha. Basta con cambiar a la configuración del bloque en "tipo" para ajustar el estilo del botón.

6、Cambiar el estilo de los botones

Hay tres estilos de botón disponibles: predeterminado, contorno y cuadrado. La sección de configuración del color incluye cinco variaciones de color para el fondo y el texto del botón. Los ajustes de color también pueden modificarse pulsando el botón "Colores personalizados"para seleccionar un color personalizado. Una vez que esté satisfecho con el diseño del botón, guarde o publique su mensaje para ver una vista previa en vivo.

Crear botones de WordPress en el editor clásico

El editor de bloques por defecto de WordPress es más moderno y rápido. Algunos usuarios todavía utilizan el antiguo editor clásico de WordPress. No recomendamos usar el editor clásico porque tiene funcionalidades limitadas y está anticuado.

Si todavía utiliza el Editor clásico, puede añadir botones a WordPress de tres maneras:

1. Añadir botones mediante código HTML/CSS.
2. Añade botones utilizando el plugin Button Shortcode.
3. Añadir botones sin usar el shortcode.

1. Utilización Olvídate de los botones Shortcode plug-in (componente de software)

El tercer método recomendado es utilizar un plugin. En primer lugar, instalar y activar en el salpicadero Olvídate de los botones Shortcode Plugin. Después de activar el plugin, cree una nueva entrada o edite una entrada existente. En el editor, haga clic en "Botón de inserción"Iconos

2、Icono del botón Insertar

Aparecerá una ventana en la que podrás diseñar el nuevo botón. En primer lugar, añadir el texto del botón y la URL. a continuación, puede añadir el enlace a la nofollow y seleccione Abrir enlace en nueva pestaña.

3. Seleccione los iconos y colores de los botones

También puede seleccionar el icono del botón, el color del texto y del fondo, y elegir el estilo y el tamaño del botón. Cuando haya terminado, haga clic en "actualización", el botón se insertará en el mensaje.

4、Alineación de botones

La alineación de los botones puede establecerse seleccionando el texto del botón y utilizando los botones de la barra de herramientas del editor. Una vez que esté satisfecho con su diseño, publicar o actualizar el post para ver el resultado real.

Añadir botones Click-to-Call en WordPress

Los botones Click-to-call son un tipo específico de botón de frase de llamada a la acción en el que los usuarios simplemente hacen clic para llamar a su equipo. Esto es muy eficaz para aumentar los clientes potenciales y las conversiones.

1. Instalación Botón de llamada WP plug-in (componente de software)

En primer lugar.Instalar y activar el plugin WP Call ButtonDespués de la activación, visite la página de Configuración. Después de la activación, visite la página Ajustes "Botón de llamada WP" para configurar los ajustes del plugin y diseñar el botón click-to-call.

2、Configurar botón de llamada pegajosa

En la configuración de los botones de llamada adhesiva, active el estado del botón Llamar ahora, introduzca el número de teléfono, edite el texto del botón de llamada, seleccione la posición del botón y el color.

3、Configuración de botones personalizados

Puede personalizar el texto del botón, los colores, los iconos, etc. y elegir en qué páginas del sitio web y en qué dispositivos se mostrará el botón de llamada adhesiva. Guarda los cambios y visita el sitio web para ver el efecto del botón.

4. Añadir botón de llamada estática

Los botones de llamada estáticos también pueden añadirse a las páginas, entradas y barras laterales de WordPress utilizando el plugin. Añade un bloque WP Call Button en el editor de bloques y personaliza el diseño del botón. Si utilizas el Editor clásico, puedes usar el Generador de código corto para obtener el código corto y añadirlo a la entrada o página.

5. Añadir widgets

Arrastre el widget WP Call Button a la barra lateral o a otra área de widgets para guardar la configuración.

Añadir sugerencias de botones personalizados en WordPress

No basta con añadir botones, puede que necesite utilizar la funciónImagen del héroeyMenús y diseños personalizadosPersonalice la página. Se recomienda utilizar la opciónarrastrar y soltar Plugins constructores de páginas de WordPress como SeedProd tal vez Arquitecto Thrive. Estos constructores le ayudan a crear páginas personalizadas con bonitos botones de llamada a la acción.

Resumen:

Este artículo detalla las muchas maneras de añadir botones de llamada a la acción a las entradas y páginas de WordPress. Tanto si utilizas el editor de bloques predeterminado de Gutenberg como el editor clásico, tienes a tu disposición una gran variedad de opciones. Puedes añadir botones personalizados y botones de llamada mediante bloques de botones incorporados, plugins como Forget About Shortcode Buttons y WP Call Button.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: [email protected]
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres