Válido para tu Tienda Online (MyWebsite/MyWeb)

«Hero image» es un término utilizado en diseño web para referirse a un banner de gran formato presentado en una página web. Suele utilizarse en la parte superior de la página para atraer la atención de las visitas. En tu Tienda Online también tienes la posibilidad de utilizar una imagen de banner, que te ofrece diversas opciones de formato y animación. En este este artículo te explicamos cómo funciona.

Agregar una imagen de banner

  • Inicia sesión en tu cuenta IONOS y abre el proyecto deseado.
  • En el menú principal de tu E-shop, haz clic en Editor > Páginas .
  • Selecciona la página que quieras editar o añade una nueva. Aparecerá una vista previa a la derecha de la columna del menú.
  • Haz clic en Contenido > Banners > Imagen del banner y, manteniendo pulsado el botón izquierdo del ratón, arrastra el elemento a la posición deseada en la página seleccionada.
  • Haz clic en el botón Añadir imagen y elige entre una imagen de tu equipo o de la biblioteca de imágenes de Unsplash. Ten en cuenta que el ancho de la imagen debe ser de al menos 1240 píxeles.
  • Haz clic en Aplicar imagen seleccionada.Mueve la imagen con los iconos de flecha o manteniendo pulsado el botón izquierdo del ratón hasta que se ajuste a lo que buscas. También puedes ampliar o reducir la imagen girando la rueda del ratón
  • Finaliza la acción con Guardar.

Para editar el formato del banner, por ejemplo, el diseño de fondo o el tipo de animación, desplaza el puntero del ratón sobre la imagen y selecciona la acción en los botones que aparecen en la parte superior de la pantalla.