Cómo añadir botones en WordPress sin código

Añadir botones a las entradas y páginas de WordPress

WordPress tiene un bloque de botones incorporado, y añadir botones es relativamente sencillo. Esto es (Gutenberg)Editor de bloques de WordPress GutenbergUna característica del

Echemos un vistazo a los métodos disponibles.

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

Según nuestra experiencia, este método es sencillo y el mejor para los principiantes. Utiliza el editor de bloques integrado de WordPress "botones"Bloques

En primer lugar, es necesario crear unnuevo puestotal vezEditar mensaje existentecon el fin deAñadir botón.

En la pantalla de edición de entradas, haga clic en "+"y selecciónelo en el menúSección de elementos de diseñoSeleccione el bloque de botones en.

¡Imagen[1]-Cómo añadir botones en WordPress sin código - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida!

A continuación, podrá ver el bloque de botones añadido al editor de contenido.

Simplemente haga clic en "Añadir texto..." e introduzca el texto del botón.

Imagen [2] - Cómo añadir botones en WordPress sin código - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, ¡rápida respuesta!

A continuación, haga clic en el botón Enlace de la barra de herramientas para añadir un enlace.

Puede buscar entradas o páginas, o simplemente copiar y pegar la URL en el campo de enlace.

Imagen [3] - Cómo añadir botones en WordPress sin código - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, ¡rápida respuesta!

Cuando haya terminado, pulse "Entre en"o pulse"aparato" para guardar el enlace.

Para mostrar el botón en el centro, 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.

Imagen [4] - Cómo añadir botones en WordPress sin código - Photon Flux | Professional WordPress Repair Service, Global Reach, Fast Response

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 del bloque de la derecha.

Basta con cambiar a la configuración del bloque en "Estilos"para ajustar el estilo del botón.

Imagen [5] - Cómo añadir botones en WordPress sin código - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, ¡rápida respuesta!

Hay tres estilos de botón para elegir: predeterminado, contorno y cuadrado. Puedes hacer clic en cada botón para probarlo y luego elegir el que mejor te parezca.

La sección Ajustes de color incluye cinco variaciones de color para el fondo y el texto del botón. No sólo eso, sino que también se puede cambiar haciendo clic en el botón "Colores personalizados" con el color personalizado seleccionado.

Imagen [6] - Cómo añadir botones en WordPress sin código - Photon Flux | Professional WordPress Repair Service, Global Reach, Fast Response

Una vez que estés satisfecho con el diseño del botón, guarda el post o publícalo y previsualízalo.

Así es como se ve en el sitio de demostración.

Imagen [7] - Cómo añadir botones en WordPress sin código - Photon Flux | Professional WordPress Repair Service, Global Reach, Fast Response

Añadir botones Click-to-Call en WordPress

Además de los botones comunes de frases de llamada a la acción, puede añadir botones de llamada a su sitio web para aumentar los clientes potenciales y las conversiones.

Un botón de llamada es un tipo específico de botón de llamada a la acción que permite a los usuarios llamar a un equipo con un solo toque.

Con el botón "click-to-call", los visitantes del sitio web pueden hablar inmediatamente con el equipo. Las llamadas telefónicas son rápidas y sencillas, ya se trate de solicitudes de presupuesto, información preventa o resolución de problemas.

A medida que crece el número de usuarios de teléfonos inteligentes, la adición deBotón Llamar ahoraAhora lo es más.

Veamos paso a paso cómo se añade la funciónPulse el botón de llamada.

Instalar y activarWP Botón de llamada Plugin.

Tras la activación, vaya aConfiguración del "Botón de llamada WPpara configurar los ajustes del plugin y diseñar los botones de llamada.

Imagen [8] - Cómo añadir botones en WordPress sin código - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida

En primer lugar, se verá "Botones de llamada adhesivos"Ajustes".

Primero puede activar el "Llame ahora"Estado del botón". Pulse sobre el interruptor para activar este estado.

WP Call Button tiene un campo de número de teléfono que contiene el código del país. Simplemente seleccione el país e introduzca su número de teléfono.

A continuación, se puede editar el texto del botón de llamada y seleccionar su posición y color.

También existe la opción de un sitio webMuestra la ubicación del botón de llamada fija. Por defecto, muestra el botón de llamada en todas las páginas y en todos los dispositivos. En algunas páginas es posibledemuestretal vezBotón Ocultaro simplemente muéstrelo en su teléfono móvil.

Después de ver todas las opciones, puede pulsar en la parte inferior "Guardar cambios". Actualice la portada del sitio para ver el botón de llamada adhesiva en acción.

Imagen [9] - Cómo añadir botones en WordPress sin código - Photon Flux | Professional WordPress Repair Service, Global Reach, Quick Response

Además de los botones de llamada adhesivos, este plugin también se puede utilizar para añadir botones de llamada estáticos a las páginas, entradas y barras laterales de WordPress.

Si utiliza el editor de bloques de WordPress, puede añadir fácilmente el botón Llamar ahora en la página utilizando el bloque Botón de llamada de WP.

Cree una nueva página o edite una página existente y añádala utilizando el editor de páginas. Bloque de botones de llamada WP.

¡Imagen [10] - Cómo añadir botones en WordPress sin código - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida!

Puedes personalizar el texto del botón, el color del botón, el color del texto y el tamaño de la fuente, así como mostrar u ocultar el icono del teléfono.

Si está satisfecho con el diseño, puedeescriba atal vezactualizaciónPágina.

¡Imagen [11] - Cómo añadir botones en WordPress sin código - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida!

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
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
© Declaración de reproducción
Este artículo fue escrito por Harry
EL FIN
Si le gusta, apóyela.
felicitaciones0 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios