Estás leyendo la publicación: Cómo agregar un botón en WordPress usando complementos, códigos cortos, Gutenberg y más
Los botones en WordPress son algunas de las características más básicas y esenciales al crear un sitio web funcional. Sin embargo, si es nuevo en WordPress, es posible que se pregunte cómo agregar un botón en el editor de WordPress. Para asegurarse de hacerlo bien y no perder clientes, aquí hay algunos métodos diferentes para crear botones de WordPress.
¿Qué tipos de botones puedes agregar a WordPress?
Se puede agregar una amplia gama de botones en WordPress para lograr una variedad de propósitos. Cada tipo de botón se puede diseñar de manera diferente, utilizar diferentes textos y videos, e incluso tener una forma diferente para maximizar cada tipo de conversión.
Botones para compartir en redes sociales
En WordPress, los botones para compartir en redes sociales se refieren a los botones que normalmente se encuentran en el encabezado o pie de página o en la parte inferior de los artículos para compartir páginas en plataformas de redes sociales. Existen numerosas aplicaciones para crear botones para compartir en redes sociales en WordPress, que incluyen:
- Intercambio social monarca
- guerra social
- Botones fáciles de compartir en redes sociales para WordPress
- Sumo Compartir
- Iconos sociales definitivos Plus
Estos botones son esenciales para ayudar a crear un zumbido en las redes sociales y facilitar que sus clientes/lectores/clientes compartan publicaciones importantes, páginas, videos y más, aumentando la posibilidad de que se vuelvan virales.
Haga clic para llamar botones
Los botones de clic para llamar son un tipo de botón de WordPress que le permite convertir un número de teléfono en un botón activo para que las personas llamen. Por lo general, puede encontrar botones de clic para llamar en la esquina superior derecha de un sitio web sobre el encabezado.
El ejemplo anterior es del sitio web de Lubbock Medical Solutions, uno de los sitios web creados por mi agencia de diseño, eXcelebrate. Los visitantes del sitio web pueden hacer clic en el botón para realizar la llamada desde un dispositivo móvil.
Algunos de los principales complementos de clic para llamar incluyen:
- Botón llamar ahora
- Haga clic para llamar al botón
- Excitel – Haga clic para llamar
- Haga clic para llamar realmente simple
- Página de contacto con Click To Call de Mighty Call
Botones de comercio electrónico
Los botones de comercio electrónico cubren varios tipos de estilos de botones que ayudan a convertir un sitio web en una tienda de comercio electrónico completamente funcional. Los botones incluyen botones para agregar al carrito, botones para pagar, botones para comprar ahora, etc.
Algunos de los complementos principales para ayudar a convertir un sitio web en un sitio web de comercio electrónico incluyen:
El ejemplo anterior muestra diferentes botones de comercio electrónico en Amazon que permiten a los usuarios agregar productos a su carrito para seguir comprando o comprar artículos de inmediato.
Botones de llamada a la acción
En WordPress, los botones de llamada a la acción son los botones generalmente grandes que se ven en un sitio web que dirigen al usuario a realizar una acción específica.
Algunas de las diferentes acciones que podrían alentarse incluyen contactarnos, registrarse, comprar ahora, obtener más información y cualquier otra acción que acerque a un visitante al resultado deseado.
Los principales complementos para agregar botones de llamada a la acción en WordPress incluyen:
- Prosperar clientes potenciales
- Convertir Pro
- Complementos definitivos para Gutenberg
- Boxzilla
- Elementor Pro
La imagen de arriba muestra un botón de llamada a la acción en la página de inicio de mi empresa de soluciones web. El botón fue creado usando Elementor.
Cómo agregar un botón en WordPress sin habilidades de codificación
Existen numerosas formas de crear un botón en WordPress sin necesidad de conocimientos de codificación (pero también puede aprender a editar código en WordPress aquí). Es importante entender que cada método tiene ventajas y desventajas.
Uno de los principales inconvenientes de agregar botones sin código es que puede crear una sobrecarga de código, como en el caso de los complementos adicionales. Sin embargo, la ventaja es que es fácil diseñar cada botón y crear varios tipos de botones, incluso para los creadores de sitios web principiantes.
Gutenberg
Gutenberg es el editor de bloques nativo de WordPress que le permite crear publicaciones y páginas personalizadas a través de un editor intuitivo. La ventaja de Gutenberg sobre un complemento como Elementor es que minimiza la sobrecarga de código y no tiene que preocuparse por las actualizaciones u otros problemas potenciales.
La principal desventaja de Gutenberg es que todavía falta en comparación con muchos complementos completos de creación de páginas y temas. Sin embargo, el editor de bloques se está poniendo al día rápidamente y pronto podrá hacer casi todo lo que los creadores de páginas de terceros pueden hacer en términos de diseño y diseño.
Agregar botones en Gutenberg es simple. Haga clic en el signo más azul para agregar un nuevo bloque desde la barra de herramientas de bloques y seleccione el bloque de botones.
Una vez que haya colocado el botón exactamente donde lo desea, puede cambiar el estilo del botón de acuerdo con su marca, el propósito del botón, el enfoque de conversión, etc.
Uso de códigos cortos
Los códigos cortos son fragmentos de código que se pueden agregar al editor de publicaciones o a las páginas para mejorar las capacidades y la funcionalidad.
Estos códigos son una alternativa a agregar grandes cantidades de código a una página. Cada código se adjunta a una función específica y se puede usar para agregar funciones como botones, controles deslizantes, archivos de audio incrustados, fechas de actualización automática, etc.
Se pueden usar varios complementos para crear códigos cortos para botones. A continuación se presentan algunas de las opciones más populares.
Complemento WP Shortcode Pro
El complemento WP Shortcode Pro está disponible en My Theme Shop y es compatible con todos los temas. Puede usar el complemento para crear botones de WordPress y más de ochenta características diferentes.
Algunos de los diferentes botones de shortcode que puede crear usando WP Shortcode Pro incluyen:
- Botones Tradicionales
- Botones dobles
- Expandir/Mostrar más botones
- Botones de llamada a la acción
- Botones para compartir en redes sociales
- Botón de copia del portapapeles
Otras características que se pueden agregar incluyen gráficos, códigos QR, controles deslizantes, galerías de fotos, mapas avanzados de Google, etc. El complemento es intuitivo y funciona de manera eficiente en el editor de WordPress, por lo que no tiene que cambiar de pantalla constantemente.
Códigos cortos Ultimate
Shortcodes Ultimate es un complemento que le permite crear botones de código abreviado en WordPress y muchas otras funciones de manera eficiente. El complemento funciona con cualquier tema y está listo para Gutenberg, por lo que no se necesitan complementos adicionales.
El complemento no tiene tantas opciones de estilo de botón como WP Shortcode Pro. En cambio, solo se puede editar un tipo de botón según sus necesidades específicas. Sin embargo, es muy versátil y permite una fácil edición.
Además de la configuración básica, se pueden agregar más de cincuenta funciones diferentes, como pestañas, videos, controles deslizantes, etc., a través de los códigos abreviados. Una versión gratuita del complemento está disponible con funciones complementarias premium.
Complemento de codificador corto
Shortcoder es un complemento gratuito de código abierto disponible en el repositorio de complementos de WordPress. Esta puede ser una buena opción si no desea pagar complementos premium y necesita algo que pueda ayudarlo a crear botones personalizados de WordPress.
El complemento es un poco diferente a los otros complementos de shortcode mencionados anteriormente. En lugar de ofrecer elementos prefabricados, le permite codificar sus propias funciones y luego insertarlas en páginas y publicaciones a través de un código abreviado.
Si se siente cómodo codificando, o si desea tomar fragmentos de código prefabricados de lugares como GitHub y usarlos, este puede ser un complemento excelente para probar.
Códigos cortos de Vision Ultimate WordPress
Intense es un complemento premium de Intense Visions que simplifica la inserción de botones de código abreviado y otras características que se ven bien y funcionan bien. Puede usar el complemento con cualquier tema de WordPress.
El complemento viene con varios beneficios, incluida la integración con WPML para ayudar a traducir contenido, Buddypress y WooCommerce. También es compatible con SEO y viene con una variedad de opciones de soporte para garantizar que pueda resolver los problemas rápidamente.
Con Intense Shortcodes, puede agregar más de cien funciones diferentes de shortcode con la opción de diseñar la mayoría de los elementos. En general, el precio del complemento es bastante justo para todas las funciones que obtiene, y el complemento tiene una calificación bastante alta.
Complemento de códigos cortos flexibles de Meks
Meks es otro complemento excelente para agregar elementos dentro de publicaciones y páginas sin necesidad de saber código. El complemento está disponible de forma gratuita en el repositorio de complementos de WordPress y es de código abierto, lo que significa que obtiene una funcionalidad completa sin ninguna actualización premium.
El complemento viene con una docena de funciones diferentes y facilita la edición de cada elemento según sus especificaciones exactas. Otro beneficio es que este complemento se actualiza regularmente, por lo que no tiene que preocuparse de que sea incompatible con las actualizaciones más recientes de WordPress.
En general, el complemento puede ser una buena opción si está buscando una opción gratuita para agregar botones de código abreviado en WordPress. Sin embargo, si quieres algo más poderoso, iría con WP Shortcodes Pro.
Constructores de páginas y temas
Los creadores de páginas y los creadores de temas son potentes complementos que amplían en gran medida la funcionalidad de WordPress y proporcionan un editor visual para que los no programadores y los diseñadores no profesionales obtengan el sitio web que desean.
Estos complementos generalmente se arrastran y sueltan y le permiten diseñar la página en la parte delantera o trasera arrastrando elementos o widgets a la página y luego diseñándolos según sus necesidades. A menudo, estos complementos ofrecerán una amplia gama de botones para diferentes usos.
Elementor
Elementor es el creador de páginas y temas más popular con millones de usuarios activos y una de las interfaces más fáciles de usar. El complemento es extremadamente poderoso y ofrece una amplia gama de funciones, incluso en la versión gratuita.
En total, hay cinco opciones de botones diferentes incorporadas, que incluyen:
- Botones básicos
- Botones para compartir en redes sociales
- Botón de Facebook
- Botón de PayPal
- Botón de rayas
Sin embargo, una de las mejores cosas de Elementor es la gran cantidad de desarrolladores externos que ofrecen complementos para expandir la funcionalidad del constructor. Puede encontrar fácilmente un complemento con el tiempo de botón exacto que desea.
Constructor de oxígeno
Oxygen es otro potente creador de páginas y temas que puede ayudar a reducir el tiempo de respuesta al crear un sitio web externo. Sin embargo, Oxygen tiene una curva de aprendizaje un poco más dura que Elementor y está más orientado a diseñadores y desarrolladores experimentados de WordPress.
El complemento tiene una amplia gama de botones que se pueden instalar fácilmente a través del editor de arrastrar y soltar de la parte frontal. Estos incluyen botones básicos a los que se les puede aplicar el estilo que elijas para darte la posibilidad de crear botones a través de CSS y HTML personalizados.
Cabe señalar que Oxygen Builder es un generador premium de WordPress sin una opción básica o una prueba gratuita. Sin embargo, hay una garantía de devolución de dinero de 60 días para que pueda probar el constructor sin riesgos.
Bloques de Kadence
Kadence Blocks es un poco diferente a Elementor y Oxygen en que es un generador de bloques versus un generador de páginas racional de arrastrar y soltar. Funciona de manera similar, pero se parece más a Gutenberg que a Elementor u Oxygen. Esto proporciona una ventaja en términos de velocidad de página y rendimiento.
El complemento Kadence Blocks facilita agregar botones en WordPress y diseñarlos exactamente como los desea. Puede elegir entre una variedad de tipos de botones, que incluyen:
- Botón básico
- Botón doble
- Botón ancho
- icono con botón
- Botones de ancho completo
El generador de bloques también tiene muchas otras características y una gama de plantillas prefabricadas para ayudarlo a comenzar a construir su sitio web. Está disponible como una versión básica gratuita con la opción de actualizar a profesional para un conjunto de funciones más sólido.
Constructor brillante
Brizy Builder es una alternativa popular a Elementor y Oxygen y una opción para principiantes si desea agregar botones en WordPress sin necesidad de código. El constructor hace que sea fácil arrastrar y soltar elementos donde los desee y diseñar cada botón y elemento según sus necesidades.
El constructor ofrece múltiples botones y otros elementos para servir una amplia gama de funciones. Otro beneficio es que puedes probar la versión básica del constructor gratis para siempre. Tenga en cuenta que algunas de las configuraciones avanzadas y tipos de botones no están disponibles en la versión básica gratuita.
Creador de páginas Divi
Divi es uno de los creadores de páginas y temas más antiguos y populares disponibles. El constructor es una alternativa popular a Elementor y ofrece un alto grado de funcionalidad. Vea nuestra comparación de Divi vs Elementor para más detalles.
Al igual que Oxygen, la curva de aprendizaje para usar Divi es más alta que Elementor, lo que la convierte en una mejor opción para usuarios avanzados de WordPress.
El constructor ofrece un editor frontal fácil de usar que facilita arrastrar varios tipos de botones exactamente donde los desea. También es sencillo diseñar cada elemento exactamente como lo necesita según el diseño de su sitio web.
Al igual que Oxygen Builder, Divi es un generador premium de WordPress, lo que significa que no hay una opción gratuita. Puede comprar el generador y el tema en el sitio web de Elegant Themes para comenzar.
Complementos de botón
Otro método simple para aprender cómo agregar un botón en WordPress es mediante el uso de complementos de botón de WordPress. Estos son complementos que puede descargar para insertar una amplia gama de botones según sus necesidades.
La mayoría de estos facilitan el estilo de los botones y pueden ofrecer funciones potentes como hacer clic para llamar, compartir en redes sociales y más. Algunos de estos son complementos gratuitos, mientras que otros son gratuitos o premium y requerirán que compre una licencia.
Botones X
Buttons X es un complemento que se puede encontrar en Code Canyon que facilita el diseño de botones y la creación de una variedad de botones en WordPress para satisfacer sus necesidades específicas. El complemento ofrece numerosas características de diseño, que incluyen más de cincuenta animaciones de desplazamiento diferentes y más de treinta animaciones de revelación.
Puede diseñar botones para el uso diario en la interfaz de WordPress o el uso de comercio electrónico a través de WooCommerce. El complemento también ofrece seguimiento de análisis de botones para ayudarlo a realizar un seguimiento más fácil de cuántas veces los usuarios hacen clic en cada botón.
Compre este complemento premium a través del mercado de Code Canyon. Por lo que obtienes, el precio es bastante razonable. Además, es una compra única con la opción de comprar soporte extendido.
Complemento del botón Hacer clic para llamar
Call Now Button es un complemento popular para crear un botón de clic para llamar que funciona en dispositivos móviles. Esto es solo para la versión móvil de su sitio web y crea un botón de ancho completo que facilita que los usuarios llamen sin necesidad de navegar a su página de contacto o hacer clic en el pequeño texto de clic para llamar en el pie de página o encabezado.
El complemento es fácil de usar y es gratuito para la versión básica. La versión premium permite una funcionalidad ampliada, incluidos SMS, correo electrónico, WhatsApp, etc. Puede encontrar el complemento en el repositorio de complementos de WordPress.
Botones adhesivos para WordPress
Sticky Buttons para WordPress es otro complemento de botón de contacto que facilita la creación de botones adhesivos para varias aplicaciones y complementos. El complemento simplifica la creación de quince tipos de botones diferentes que van desde botones para compartir hasta botones de correo electrónico y teléfono en WordPress.
Puede agregar los botones a su sitio web, lo que les permite permanecer visibles para sus usuarios en cualquier lugar del sitio web al que vaya. También es relativamente fácil diseñar los botones exactamente como quieres con más de 1500 iconos, doce posiciones de botones, tres tamaños diferentes, ocho animaciones, etc.
Complemento de botones de contacto definitivo
Ultimate Contact Buttons Plugin es otro complemento de Code Canyon que facilita la adición de botones de contacto en WordPress. Uno de los beneficios del complemento es que es fácil de usar y conecta cuatro plataformas de comunicación principales, incluidas Viber, Messenger, WhatsApp y Skype.
El complemento proporciona un amplio grado de flexibilidad en el diseño y facilita la inserción de botones en las publicaciones y páginas de WordPress. Este complemento premium debe comprarse a través del mercado Code Canyon, aunque es significativamente menos que muchos competidores.
Complemento MaxButtons
El complemento de botón de WordPress MaxButtons facilita la creación de botones de WordPress exactamente como los desea. El complemento ofrece más de cinco mil botones listos para usar en WordPress y tiene treinta y cinco mil íconos gratuitos seleccionados para ayudarlo a diseñar el suyo propio.
Otro beneficio del complemento es que es fácil agregar sus botones creados de forma única en WordPress en cualquier lugar que desee utilizando botones de código abreviado. El complemento presenta actualizaciones periódicas, por lo que no tiene que preocuparse de que se rompa. Con miles de reseñas de cinco estrellas en el repositorio de complementos, definitivamente califica como altamente calificado.
Agregue este complemento a su sitio web a través del repositorio de complementos de WordPress para acceder a la configuración básica. Si desea una funcionalidad y características más avanzadas, puede comprar la versión Pro del complemento MaxButtons a través de su sitio web.
Crear un botón de WordPress en el Editor clásico
Si bien el editor clásico de WordPress se reemplazó por completo con Gutenberg, todavía es posible usar el editor de WordPress a través de un complemento llamado Editor clásico.
Varios colaboradores de WordPress mantienen el complemento. Devuelve el editor moderno a la interfaz tradicional a la que muchos usuarios de WordPress están más acostumbrados.
Si es nuevo en WordPress, no le recomiendo usar el complemento Editor clásico, ya que es más difícil de usar a menos que esté acostumbrado. Tampoco hay tantas funciones y necesita muchos complementos para expandir la funcionalidad.
Sin embargo, si insiste en usar el complemento Editor clásico, puede agregar botones a través del editor de texto en la publicación o página de WordPress usando HTML tradicional o mediante uno de los complementos anteriores.
Widget de botón
Un método final que puede usar para agregar botones a su sitio de WordPress con una codificación mínima o nula es agregar widgets. Tradicionalmente, este es el mejor método para agregar un botón a la barra lateral o al pie de página.
La forma de hacerlo es agregando un widget a una de las áreas de widgets de cuatro pies de página o la barra lateral. Puede agregar uno de los widgets que vienen con cada instalación de WordPress o usar complementos de widgets para expandir la funcionalidad y proporcionar opciones de widgets personalizados.
Si desea seguir la ruta del widget personalizado, algunos de los mejores complementos incluyen:
- Paquete de widgets de SiteOrigin
- Administrador de widgets y barra lateral
- Widgets fijos Q2W3
- Complemento de opciones de widget
- Barras laterales conscientes del contenido
Cada uno de estos puede proporcionar diferentes opciones para los botones para que sea más fácil agregarlos a la barra lateral o al pie de página de su sitio de WordPress.
Cómo agregar un botón en WordPress usando código
Si bien todos los métodos anteriores para agregar botones a las publicaciones y páginas de WordPress son para usuarios que no tienen mucha experiencia en codificación, existen métodos para agregar botones en WordPress a través del código.
Asumo que ya sabes programar o no estarías aquí. Por lo tanto, el mejor consejo que puedo dar es evitar intentar agregar botones en el editor de WordPress a través del código hasta que haya aprendido los conceptos básicos de la codificación y haya visto algunos tutoriales en video de WordPress.
Esto es especialmente cierto si está trabajando en un sitio web funcional o uno que planea publicar después de que esté completo. Jugar con el código en WordPress cuando no está seguro de lo que está haciendo puede romper las cosas y requerir que contrate a un profesional para arreglar y volver a una copia de seguridad anterior o comenzar de nuevo por completo.
Reflexiones finales sobre cómo agregar un botón en WordPress
Afortunadamente, WordPress hace que sea fácil para principiantes crear botones y agregar estilos de botones sin código. Esto asegura que todos, desde los usuarios de WordPress por primera vez hasta los usuarios avanzados, tengan opciones.
Para los usuarios principiantes, recomiendo apegarse a los complementos para minimizar la posibilidad de romper algo. Esto también garantizará que tenga muchas opciones de diseño de botones, incluida la capacidad de insertar un icono de botón, una URL de botón y agregar texto.
Otro beneficio es que hay muchas opciones de complementos, incluidos los creadores de páginas, por lo que puede seguir intentándolo hasta que encuentre la mejor solución.
