Créer une bannière avec le diseño Carrousel

Créer une bannière carrousel dans le portail Business

Étape n°1

Choisissez une image large pour la mise en page Super Carrousel. Divisez l'image en parties égales correspondant à un format vertical 9:16. Le nombre de parties doit égaler le nombre de vidéos souhaitées.

Étape n°2

Si ce n'est pas déjà fait, téléchargez les vidéos du Carrousel sur le portail Firework Business.

Étape n°3

Sur chacune des vidéos, cliquez sur Modifier.

Étape n°4

Cliquez sur l'en-tête Affiches pour développer la section. Téléchargez l'un des segments découpés (dans n'importe quel ordre) comme affiche.

Étape n°5

Une fois les affiches ajoutées, créez une playlist et ajoutez les vidéos. Voir Créer une playlist dans le portail Business.

Étape n°6

Accédez à votre playlist dans le portail Business.

Étape n°7

Glissez-déposez les vidéos dans la playlist dans l'ordre pour que les affiches révèlent l'image complète.

Étape n°8

Sélectionnez l'icône bleue d'intégration en haut à droite, puis choisissez Carrousel comme mise en page.

Étape n°9

Cliquez sur Copier le code.

Personnaliser l'expérience desktop

Vous pouvez personnaliser l'expérience en modifiant le code avant de le coller dans votre éditeur.

Remarque : Ceci est un exemple uniquement — copiez le code de votre propre 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>

Désactiver sous-titres et lecture automatique

Un simple survol de souris sur chaque vignette lance la lecture. Ajoutez autoplay="false" et captions="false" au code.

Sous-titres désactivés, lecture automatique activée

La première vignette se lit automatiquement. Ajoutez captions="false" au code.

Sous-titres activés, lecture automatique désactivée

Les sous-titres peuvent inciter les visiteurs à cliquer. Ajoutez autoplay="false" au code.

Le Carrousel est mieux vécu sur Desktop. Sur mobile, les affiches défilent. Consultez votre équipe Firework pour optimiser les expériences desktop et mobile.