Cómo agregar acción a la acción en WordPress (sin código)

¿Le gustaría agregar botones de acción a sus publicaciones o páginas de WordPress? Los botones son una excelente manera de aumentar las conversiones. Son extremadamente visibles, lo que los hace excelentes al redirigir la atención del usuario a una interacción deseada. Por ejemplo, puede usar un botón de urgencia para navegar a los usuarios a una página de transacciones, como la página de precios, la página del producto, la página de servicio y las otras en su sitio web. También puede utilizar la necesidad de promover ofertas especiales, nuevos productos o enlaces afiliados que indiquen sitios web de socios.
En este artículo, le mostraremos cómo agregar fácilmente hermosos botones de acción a WordPress sin escribir ningún código.

Nota: Este elemento es para agregar llamadas personalizadas a los botones de acción de WordPress. Si desea agregar botones de intercambio social, consulte nuestra guía sobre cómo agregar botones de intercambio social a WordPress. Agregar botones a las publicaciones y páginas de WordPress WordPress hace que sea muy fácil agregar botones con un bloque “botón” integrado. Es una nueva característica introducida en WordPress 5.0, junto con el nuevo editor de bloques de WordPress de Gutenberg.
En este artículo, le mostraremos tres formas diferentes de agregar botones de acción a las publicaciones y páginas del blog de WordPress. Puede elegir la solución que mejor se adapte a sus necesidades. Siéntase libre de usar la tabla de contenido a continuación para navegar fácilmente en este artículo. Contenido:
Agregar botones a las publicaciones / páginas de WordPress usando el editor predeterminado
Creando un botón de WordPress en el editor clásico
Agregar un botón de clic para llamar a WordPress
Tutorial de video
Suscríbete a WPBeginner
Si no le gusta el video o necesita más instrucciones, continúe leyendo.
Agregar botones a las publicaciones / páginas de WordPress utilizando el editor predeterminado de este método es más fácil y recomendado para la mayoría de los usuarios. Use el bloque de botones construido en el nuevo editor de WordPress. Si continúa usando el editor clásico anterior, puede pasar a la siguiente sección. Primero, debe crear una nueva publicación o editar una existente en la que desee agregar un botón. En la pantalla de edición posterior, haga clic en el icono “+” para agregar un nuevo bloque y seleccione el bloque de botones en la sección de elementos de sección.

Entonces debería poder ver el bloque de bloque de contenido ADD -Add -on -on -on

Simplemente haga clic en el área “Agregar texto …” e ingrese el texto del botón. Después de eso, debe pegar la URL de la página que desea conectarse a la “URL de Glind o escribir para buscar” debajo del botón. Después de haber terminado, hacer clic en el icono de la aplicación.

Si desea mostrar el botón en el centro, puede hacer clic en el icono Center alineado en la barra de herramientas de bloque anterior.

Luego, puede personalizar el estilo del botón, cambiar el color de fondo y cambiar el color de texto en la configuración del bloque a la derecha.

Hay tres estilos de botones de los que puede elegir: predeterminado, contorno y cuadrado. Puede probar cada uno haciendo clic en ellos y eligiendo el que se vea mejor.
La sección Configuración de color incluye cinco variantes de color para el fondo del botón y el texto del botón. No solo esto, sino que también puede usar un color personalizado eligiendo haciendo clic en la opción de color personalizada. Una vez que esté satisfecho con el diseño del botón, puede guardar la publicación o publicar para ver una vista previa en vivo. Así es como se mostró en nuestro sitio web de demostración.

Bonificación: si desea ver cuán rendimiento son sus botones, entonces debe usar MonsterInsights. Tiene el seguimiento de eventos incorporados para enlaces afiliados, enlaces de salida y eventos personalizados, por lo que puede ver qué tan altos son sus botones para más detalles, consulte Valores de marketing importantes que necesita ver en WordPress.

Crear un botón de WordPress en el editor clásico, aunque el editor de bloques de Gutenberg es más rápido y más fácil, muchos usuarios aún prefieren el antiguo editor clásico de WordPress. Si usted es uno de ellos, debe encontrar una solución alternativa para agregar botones a su sitio de WordPress. Hay principalmente tres opciones disponibles para agregar botones al editor de WordPress Classic.
Agregue el botón a WordPress con el código HTML / CSS.
Agregue el botón a WordPress con el complemento para el código corto del botón WordPress.
Agregue el botón a WordPress sin usar códigos cortos.
De las tres opciones, la primera es el método de codificación. Deberá escribir código HTML / CSS y agregar en su sitio donde necesite un botón. No es adecuado para principiantes.
La segunda opción es el método más utilizado. Esto se debe a que la mayoría de los complementos de WordPress ofrecen códigos cortos para agregar botones. La tercera opción es la mejor, porque le permite agregar fácilmente botones a publicaciones y páginas sin tener que recordar su código corto. Echemos un vistazo a cómo agregar botones a WordPress sin usar códigos cortos. Lo primero que debe hacer es instalar y activar el complemento Olvídese de los botones de código corto. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Después de haber activado el complemento, cree una nueva publicación o cambie una existente. En el editor, verá un nuevo botón en el botón de inserción etiquetado por el editor visual.
Para insertar un botón nuevo en su publicación, debe hacer clic en el botón Insertar. Esto mostrará una ventana emergente donde puede diseñar el nuevo botón.
Primero, debe agregar el texto del botón y la URL. A medida que agrega el texto del botón, puede ver una vista previa en vivo en el cuadro a continuación. Luego puede agregar la etiqueta NOFollow a su enlace y puede abrir el enlace a una nueva pestaña haciendo clic en las opciones a continuación.

Después de eso, puede seleccionar un icono para su botón. Si hace clic en la pestaña icono, podrá ver los iconos que puede agregar antes o después del texto en los botones.

Estos íconos son en realidad fuentes de iconos (descubra cómo usar fuentes de iconos en el editor de mensajes de WordPress). Luego puede elegir el color de texto y el color de fondo para su botón haciendo clic en el icono de la caja de color.
Después de eso, haga clic en el menú Drop -down para elegir el estilo del botón.Hay ocho estilos de diferentes botones listos para su uso. Del mismo modo, también puede elegir el tamaño del botón muy pequeño.


Una vez que esté satisfecho con el aspecto, haga clic en el botón Actualizar.Podrá ver el botón como aparecería en su publicación, justo dentro del editor de publicaciones.También puede configurar los botones alineando simplemente seleccionando el texto del botón y utilizando los botones de la barra de herramientas en el editor clásico.

Si hace doble clic en el botón, aparecerá la ventana del botón de inserción emergente y puede editar el botón nuevamente.Una vez que esté satisfecho con su diseño, puede publicar o actualizar la publicación y verla en acción.Así es como apareció el botón elegante en nuestro sitio web de WordPress.

Agregando un botón de clic para llamar en WordPress, además de los botones de urgencia ordinarios, también puede agregar botones de clic para llamar a su sitio web para aumentar los clientes potenciales y las conversiones. Un botón de clic para llamar es un tipo específico de botón de urgencia que permite a sus usuarios hacer una llamada telefónica a su equipo con un toque simple. Usando botones táctiles para llamar, los visitantes de su sitio pueden hablar instantáneamente con su equipo y obtener la información que necesitan. Ya sea que esté discutiendo una solicitud de oferta, información previa o un problema de soporte, las llamadas telefónicas son rápidas. A medida que aumenta el número de usuarios de teléfonos inteligentes, agregar los botones de llamada ahora es aún más relevante para el día de hoy. Si no tiene un teléfono comercial, le recomendamos que obtenga un número de teléfono comercial virtual. Dicho esto, echemos un vistazo a cómo agregar botones para apel en WordPress paso a paso. Lo primero que debe hacer es instalar y activar el complemento del botón de llamada WP. Para obtener instrucciones detalladas, puede ver nuestra guía de paso por paso sobre cómo instalar un complemento de WordPress. Después de la activación, debe acceder a la página de configuración »Botón de llamada WP para configurar la configuración del complemento y diseñar el botón de clic.
Al principio, verá la configuración del botón de llamada pegajosa. El botón de llamada adhesiva es una función de conversión optimizada, que mueve el botón de llamada junto con los usuarios mientras navega en su sitio. Puede comenzar activando el botón de estado ahora. Simplemente haga clic en el interruptor del interruptor para activar esto. Después de eso, debe ingresar el número de teléfono. El botón de llamada WP tiene un número de teléfono inteligente con el código de país. Simplemente seleccione el país e ingrese el número de teléfono de la empresa. Si no tiene un número de empresa, puede obtener uno del no etivo. Es un proveedor comercial confiable. Luego puede editar el texto del botón de llamada, puede elegir la posición de la llamada y el botón de color. También puede seleccionar dónde mostrar el botón de llamada adhesiva en su sitio web. Por defecto, muestra el botón de llamada en todas las páginas y en todos los dispositivos. Puede elegir mostrar u ocultar el botón en ciertas páginas y mostrar solo en dispositivos móviles. Una vez que examine todas las opciones, puede hacer clic en Guardar los cambios en la parte inferior. Después de eso, puede visitar su sitio web y ver el botón de llamada ahora en la acción. Además de los botones pegajosos, también puede agregar botones de llamada estática a los lados de WordPress, utilizando este complemento. Si usa el nuevo editor de bloques de WordPress, puede agregar fácilmente el botón de llamada ahora en sus páginas usando el bloque de botón de llamada WP. Cree una nueva página o edite una página existente y agregue el bloque de botón de llamada WP al editor de páginas.

Después de eso, puede personalizar el texto del botón, el color del botón, el color del texto, el tamaño de la fuente y puede mostrar u ocultar el icono del teléfono. Una vez que esté satisfecho con su diseño, puede publicar o actualizar la página. Si está utilizando el editor clásico de WordPress, debe usar el generador de botones de llamada estática para obtener un código corto. Vaya a Configuración »Botón de llamada WP y haga clic en el botón de llamada estática en la parte superior.

Simplemente personalice las opciones de botón y luego copie el código corto. Después de eso, puede usar el código corto en cualquier publicación o página en su sitio web. El complemento del botón de llamada WP también le permite agregar el botón de llamada en la barra lateral de WordPress y en otras áreas preparadas para el widget. Simplemente acceda a los »widgts, busque y extraiga el widget del botón de llamada WP en un área preparada para el widget donde desea mostrar el botón de llamada.

Ahora puede agregar un título, una descripción y personalizar el botón de llamada en la sección Configuración avanzada. Después de haber terminado, guarde el widget. ¡Eso es todo!