¿Qué es la sección Héroe?
La sección Héroe es el área prominente en la parte superior de una página web, típicamente caracterizada por una imagen impactante o un fondo de video acompañado de texto contundente. Está diseñada para captar la atención del usuario inmediatamente.
¿Por qué es importante la sección Héroe?
La sección Héroe desempeña un papel vital en:
- Captar la atención: Involucra a los visitantes tan pronto como llegan a su página.
- Comunicar mensajes clave: Transmite información importante y mensajes de marca.
- Impulsar conversiones: Conduce a mayores tasas de clics y conversiones al guiar a los usuarios hacia una acción específica.
En GemPages, los usuarios tienen dos enfoques para crear una sección Héroe:
- Usar secciones prediseñadas: Seleccione de plantillas prediseñadas que simplifican el proceso.
- Usar elementos Banner Héroe: Utilice el elemento Banner Héroe para diseños más personalizados.
Este artículo se centra en esta segunda opción, ofreciendo un enfoque paso a paso para crear una sección Héroe personalizada utilizando elementos Banner Héroe.
Desglose de la sección Hero
Una sección Héroe bien construida típicamente incluye los siguientes elementos:
- Imagen o video de fondo: Establece el tono visual y el contexto.
- Encabezado: La declaración principal que captura la esencia de su mensaje.
- Bloque de texto: Proporciona detalles de apoyo que mejoran el encabezado.
- Botón de llamada a la acción (CTA): Anima a los visitantes a dar el siguiente paso deseado.
¿Cómo diseñar una sección Héroe con el elemento Banner Héroe?
Le guiamos la mejor manera de diseñar su propia sección Héroe utilizando el Editor de GemPages v7.
Paso 1: Añada el elemento a su página
- Acceda al Panel de Control de GemPages > Páginas.
- Haga clic en su página objetivo para abrir el editor, o presione Comenzar desde cero para construir una página nueva.
- En la barra lateral izquierda, busque "hero banner", luego arrastre y suelte uno que se alinee con sus requisitos.
Cada estilo ya incluye un fondo de imagen, un encabezado, un bloque de texto y un botón CTA.
Paso 2: Personalice el elemento
Haga clic en el elemento para abrir su configuración. Desde la pestaña Configuración , puede configurar:
- Diseño
- Fondo
- Tamaño
- Contenido
- Forma
- Efecto
- Enlace
- SEO
- Alineación
Para más detalles, consulte este artículo y comience a diseñar su propia sección Banner .
Paso 3: Añada elementos adicionales
Para mejorar aún más su sección Héroe, considere añadir los siguientes elementos:
- Marquee: Un efecto de texto deslizante que puede destacar promociones o noticias.
- Imagen: Incluya imágenes complementarias para enriquecer la experiencia visual.
- Temporizador de cuenta regresiva: Inculca urgencia, perfecto para ofertas por tiempo limitado.
gracias por tus comentarios