Ir al contenido principal

Agrega una sección hero a una página con Premier

La sección Hero es tu pieza distintiva. Es lo primero que ve la gente cuando visita tu página y funciona como una excelente forma de presentar tu marca.

Nota: Este artículo se refiere a las Plantillas Heredadas Premier y puede estar desactualizado. Si tienes problemas con la reproducción de video en tu Sección Hero, te recomendamos usar una plantilla de Página de Destino. Para agregar un video a tu Sección Hero en Páginas de Destino, haz clic aquí.


Agrega una sección hero

Para agregar una sección hero a tu página con la plantilla heredada, Premier

  • Abre la pestaña Website desde el Dashboard

  • Haz clic en Pages

  • Selecciona el título de la Página que deseas editar, o haz clic en Customize

  • En el editor de barra lateral, haz clic en Add Section

  • Haz clic en Hero

  • Luego, haz clic en Add

  • Tu sección Hero recién creada se generará al final de tu página. Simplemente arrastra y suelta en el editor de barra lateral para reorganizar

  • Haz clic en Save para guardar tus cambios:


Personaliza tu sección hero

Con la Plantilla Premier, personaliza los Detalles y la Apariencia de tu Sección Hero.

Detalles del hero

Personaliza el Título y el Texto del Cuerpo de tu Sección Hero para comunicar tu mensaje a los visitantes de tu página.

En el Cuadro de Texto del Editor, accede a herramientas adicionales para editar tu texto:

  • Accede al código fuente de tu texto para incrustar o ingresar scripts de código e integrar aún más elementos en tu página

  • Cambia el Formato de tu texto ajustando Encabezados, En línea, Bloques y Alineación

  • Personaliza la apariencia de tu texto poniéndolo en negrita, cursiva o tachado

  • Cambia el color de secciones específicas de tu texto

  • Agrega una línea horizontal para dividir tu texto

  • Crea listas ordenadas y listas desordenadas con tu texto

  • Indenta secciones de tu texto

  • Inserta/edita un enlace en tu texto para crear texto interactivo y clicable

  • Amplía el cuadro de texto para editar tu texto más fácilmente

Apariencia de la sección hero

Personaliza la Apariencia de tu Sección Hero para mostrar una Imagen o un Video silencioso, el Color de Fondo, el Color del Texto, la Alineación y el Espaciado.

Selecciona el tipo de sección hero a mostrar

  • Imagen de Fondo

  • Video de Fondo

Luego, sube tu Imagen o Video para mostrar como Fondo de tu Sección Hero.

Si tu Imagen o Video subido no aparece, considera ajustar el Deslizador de Opacidad del Color de Fondo. El Color de Fondo actúa como una superposición y puede obstruir la capacidad de un visitante para ver tu Imagen o Video subido.

Nota: Si eliges mostrar un Video de Fondo para el Tipo de Sección Hero con la Plantilla Premier, tu Video se mostrará como una Imagen estática al verse en dispositivos móviles.

Ajusta tu color de fondo

El Color de Fondo se puede usar en lugar de una Imagen o Video, o se puede personalizar para que actúe como una Superposición para tu Imagen o Video subido.

Crea un efecto dramático para tu Imagen o Video subido seleccionando un Color de Fondo y ajustando el Deslizador de Opacidad a la opacidad deseada.

Personaliza el color de tu texto

Personaliza el color del texto de toda la Sección Hero para que se ajuste a tu identidad de marca y diseño.

Alineación y espaciado

Cambia la apariencia de tu Sección Hero personalizando la Alineación de tu texto dentro de la Sección Hero y personalizando el espaciado general de la Sección.

Alineación:

  • Izquierda

  • Centrada

  • Derecha

Espaciado:

  • Extra Pequeño

  • Pequeño

  • Mediano

  • Grande

  • Altura Completa

Consejo: Usa Full Height Spacing para crear un efecto fluido de desplazamiento para el Fondo de tu Sección Hero al verse en escritorio. Ten en cuenta que la Imagen o Video de Fondo se mostrará como una Imagen estática al verse en dispositivos móviles.

Agrega un llamado a la acción

Anima a los visitantes de tu página a tomar acción directamente desde tu Sección Hero con un botón de Llamado a la Acción.

¿Ha quedado contestada tu pregunta?