Crear un banner con el diseño de carrusel

Aprende cómo crear uno de nuestros diseños de carrusel más populares.

Last updated:
April 30, 2024

Crear banner de carrusel en el portal de negocios

Paso n.°1

Elige una imagen ancha para el diseño Super Carrusel. Dividéla en partes iguales con proporción vertical 9:16. El número de partes debe ser igual al número de vídeos deseados.

Super Carousel

Paso n.°2

Si aún no lo has hecho, sube los vídeos del Carrusel al portal de negocios de Firework.

Screenshot 2023-01-13 at 8.36.01 AM

Paso n.°3

En cada vídeo, haz clic en Editar.

Paso n.°4

Haz clic en el encabezado Pósteres para expandir la sección. Sube uno de los segmentos recortados (en cualquier orden) como póster.

Screenshot 2023-01-13 at 8.37.16 AM

Paso n.°5

Una vez añadidos los pósteres, crea una playlist y añade los vídeos. Ver Crear una playlist en el portal de negocios.

Paso n.°6

Navega a tu playlist en el portal de negocios.

Paso n.°7

Arrastra y suelta los vídeos en la playlist en secuencia para que los pósteres revelen la imagen completa.

Screenshot 2023-01-13 at 8.37.48 AM

Paso n.°8

Selecciona el icóno azul de integración en la esquina superior derecha y elige Carrusel como diseño.

Paso n.°9

Haz clic en Copiar código.

A-1

Personalizar la experiencia de escritorio

Puedes personalizar la experiencia editando el código antes de pegarlo en tu editor.

Nota: Este es solo un ejemplo — copia el código de tu propia playlist.

<script async type="text/javascript" src="//asset.fwcdn3.com/js/embed-feed.js"></script>
<fw-embed-feed
   channel="FW_testchannel"
   playlist="oBZ4Oo"
   mode="row"
   open_in="default"
   max_videos="0"
   placement="middle"
   player_placement="bottom-right"
   captions="false"
   autoplay="false"
></fw-embed-feed>

Desactivar subtítulos y reproducción automática

Un simple hover del ratón sobre cada mosaico inicia la reproducción. Añade autoplay="false" y captions="false" al código.

A new

Subtítulos desactivados, reproducción automática activada

El primer mosaico se reproduce automáticamente. Añade captions="false" al código.

ab

Subtítulos activados, reproducción automática desactivada

Los subtítulos pueden motivar a los visitantes a hacer clic. Añade autoplay="false" al código.

abv

El Carrusel se experimenta mejor en escritorio. En móvil, los pósteres se desplazan. Consulta con tu equipo de Firework para optimizar ambas experiencias.

mobile