Saltar al contenido principal

Cómo crear un botón de degradado en Elementor

Divi: el tema de WordPress más fácil de usar

Divi: ¡el mejor tema de WordPress de todos los tiempos!

más 901.000 descargas, Divi es el tema de WordPress más popular en el mundo. Es completo, fácil de usar y viene con más de plantillas gratuitas 62. [Recomendado]

¿Necesitas crear un botón de degradado en Elementor?

El botón es lo suficientemente crucial si desea ofrecer algo en su sitio web. Ya sea a través de una página de destino, un menú de navegación, una barra lateral, etc….

En Elementor, puede agregar fácilmente un botón a su sitio web, ya que este complemento de creación de páginas viene con un widget de botón. Para hacer que su botón sea más atractivo, puede decorarlo agregando un efecto de degradado, por ejemplo.

De forma predeterminada, el widget de botón de Elementor no tiene la capacidad de agregar un efecto de degradado. Pero nada es imposible. Con un pequeño truco, puede crear un botón de degradado en Elementor. El widget de botón en sí está disponible en ambos Elementor Free y Elementor Pro para que pueda aplicar este truco sin importar qué versión de Elementor esté utilizando.

Cómo crear un botón de degradado en Elementor

Para agregar un botón en Elementor, arrastre el widget Botón desde el panel izquierdo y suéltelo en el cuadro de edición de Elementor.

Cree fácilmente su sitio web con Elementor

Elementor le permite crear fácilmente cualquier diseño de sitio web con un aspecto profesional. Deja de pagar caro por lo que puedes hacer tú mismo. [Gratis]

En la pestaña Contenido, puede agregar el enlace del botón en el campo Enlace. Para cambiar la etiqueta del botón predeterminada, puede reemplazar el texto predeterminado " Haga clic aquí" en el campo Textos. También puede agregar un icono si lo desea.

Para decorar tu botón, puedes acceder a la pestaña Estilo. Para cambiar el estilo de fuente y el tamaño, puede hacer clic en el icono de lápiz en la opción Tipografía. Para cambiar el color y el fondo de la fuente del botón, puede hacer clic en el botón transparente en las opciones Color del texto et Fondo botón.

Este es el paso principal de este tutorial. Para agregar un efecto de degradado a su botón, puede hacer clic en el ícono al lado de la forma del lápiz.

Cambia el primer color y luego el segundo color

Defina la ubicación y el tipo. Si el tipo está en lineal la opción Ángulo aparecerá y puede establecer el ángulo según lo que verá en la vista previa. Y si tu eliges Radial, necesitará establecer la posición. Manipule estas configuraciones y opciones hasta que esté satisfecho.

Ahora puede publicar su página una vez que haya terminado con los otros widgets.

¡Obtenga Elementor Pro ahora!

Conclusión

Listo ! Eso es todo por este artículo que le muestra cómo hacer un botón de degradado en Elementor. Si tiene alguna inquietud sobre cómo llegar, háganoslo saber en el comentarios.

Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.

Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.

...

Este artículo contiene los comentarios 0

Dejar un comentario

Su dirección de correo electrónico no será publicada. Los campos necesarios están marcados con *

Este sitio usa Akismet para reducir los no deseados. Obtenga más información sobre cómo se utilizan sus datos de comentarios.

Volver arriba