Añadir un fondo degradado

¿Qué es un fondo degradado?

A fondo degradado Es un fondo que transiciona suavemente entre dos o más colores, creando una mezcla o progresión gradual de tonos. En un degradado, los colores cambian gradualmente de un lado a otro, creando una transición suave y visualmente atractiva.

Puedes añadir transiciones de color a tus páginas de Shopify de diferentes maneras. Aunque el Editor de Temas de Shopify lo permite, se requieren conocimientos de programación.

Afortunadamente, existe una alternativa: GemPages, el constructor de páginas de Shopify mejor clasificado, permite crear diseños con degradados vibrantes de forma rápida y sencilla, sin necesidad de codificación.

¿Cómo agregar un fondo degradado a los elementos de GemPages?

Siga estos pasos para aplicar un estilo degradado a los elementos de GemPages con facilidad:

Paso 1: Acceda al Editor de GemPages

• Desde su administrador de Shopify, navegue a la aplicación GemPages > Páginas.
• Elige tu plantilla preferida para localizar el editor.

Paso 2: Abra la configuración del elemento

• Haga clic en el elemento de destino para revelar las configuraciones en la barra lateral izquierda.

• Desplácese hacia abajo hasta la sección Fondo y seleccione Color.

Paso 3: Agrega un fondo degradado para el elemento

• En el panel, cambie a la Gradiente Estilo para afinar la transición de color.

• Selecciona tus colores preferidos y modifica la transición de color a tu manera, como por ejemplo:
  • Arrastre las paradas de color existentes (los círculos pequeños en la barra de degradado) para cambiar la combinación entre colores.
  • Puede agregar una nueva parada de color para ajustar su diseño de degradado haciendo clic directamente en la barra de degradado.
  • Utilice el control de ángulo (°) para ajustar la dirección del gradiente.

Paso 4: Guarda tus cambios

Una vez que esté satisfecho con el aspecto, haga clic en Guardar y luego en Publicar para aplicarlo a tu tienda en vivo.

¿Cómo agregar un fondo degradado a su botón?

Un botón de CTA con degradado puede captar la atención de los visitantes al instante. Aquí te explicamos cómo aplicar un efecto de degradado suave a tu botón en GemPages:

Paso 1: Una vez en el editor, busque "botón" en la barra lateral izquierda. Luego, arrastre y suelte un Elemento de botón a cualquier posición que prefieras.

Paso 2: Haga clic en el elemento para abrir su configuración. Desplácese hacia abajo hasta Fondo y seleccione Color.

Paso 3: En el panel de configuración de color, seleccione la opción Gradiente Opción para agregar un fondo degradado para su botón.

Paso 4: Personaliza la combinación de colores como prefieras. Puedes seleccionar una de las opciones Colores recientes lista para ahorrar esfuerzo y garantizar que el fondo degradado se ajuste a su diseño.

Paso 5: Una vez hecho, guarde y republicar su página para que las actualizaciones se publiquen en la tienda.

Importante

La función de personalización de degradado está actualmente disponible para elementos como Fila, Encabezado y Botón within Versión 7 de GemPages.

Para cualquier solicitud de diseño específica o efectos personalizados, no dude en comunicarse con nuestro Equipo de soporte para verificar la viabilidad.