Acerca de la sección Parallax y el elemento Parallax Hero Banner de GemPages
Una sección de paralaje es una técnica de diseño donde el fondo se mueve a una velocidad o dirección diferente que el contenido en primer plano, creando una ilusión de profundidad y movimiento sutil al desplazarse.
Este efecto no solo mejora el atractivo visual sino que también ofrece beneficios para la optimización de la tasa de conversión (CRO) al hacer que la experiencia del usuario sea más inmersiva y atractiva.
En GemPages Editor v7, puede diseñar su sección de paralaje en un instante utilizando las opciones disponibles. Banner principal con paralaje .
¿Cómo agregar un Hero Banner Parallax a tu página?
Exploremos cómo agregar un Hero Banner Parallax a su página usando GemPages y personalizarlo a su manera.
- Desde tu panel de control de Shopify, accede a Panel de Control de GemPages > Páginas.
- Localiza la página de destino o haz clic en Comenzar desde cero para abrir el editor.
- En la barra lateral izquierda, busque “hero banner parallax”, luego arrastre y suelte el elemento en su posición preferida en la página.
Configurar la pestaña Configuración
Haga clic en el elemento para abrir su configuración. En el Configuración , puede configurar:
Diseño
GemPages ofrece 12 diseños para el paralaje de tu banner principal. Elige el que prefieras en el panel o introduce la proporción manualmente.
Fondo
Establezca el fondo para el elemento, incluyendo:
- Color: Elija entre la muestra de colores, ingrese un código de color o utilice el selector de color para establecer el color de fondo.
- Imagen: Puedes cargar una nueva imagen o explorar tu galería.
- Video: Utilice un vídeo de YouTube o seleccione Video hosting para establecer un fondo de video para su elemento.
Tamaño
Personaliza el tamaño del elemento o pulsa el botón Como fuente de banner para ajustar automáticamente el ancho y la altura del paralaje del banner del héroe.
Contenido
Ajuste el ancho, el relleno y la alineación del contenido del elemento en esta sección.
Forma
En la sección Forma Sección, puedes agregar un borde, ajustar el radio de la esquina y agregar un efecto de sombra para la sección de tu héroe.
Efecto
Para agregar un efecto de desplazamiento, haga clic en el Efecto Botón para expandir el panel. Desde allí, puedes modificar la opacidad de la superposición y cambiar el color para una mejor visibilidad.
Enlace
Active esta sección y elija una acción después de que los usuarios hagan clic en su banner de héroe en el menú desplegable:
- Abrir página
- Desplazarse a
- Abrir ventana emergente
- Enviar correo electrónico
- Hacer llamada telefónica
Por ejemplo, , si elige el Abrir página Acción: puedes insertar un enlace a una página o seleccionarla de la lista de páginas. Luego, configura Abrir nueva pestaña y Enlace siguiente = Sí/No según prefieras.
SEO
Para mejorar el SEO de tu página, debes agregar el texto alternativo y el título de la imagen en este SEO .
Alineación
Alineaciones disponibles que puede elegir para su elemento: alineada a la izquierda, alineada al centro y alineada a la derecha.
Configurar la pestaña Avanzada
Para una personalización más avanzada, navegue a la pestaña Avanzada y siga las instrucciones en este artículo.
gracias por tus comentarios