Activer un Hero Unit
Ajoutez un Hero Unit plein écran à votre site pour promouvoir un événement Firework avec un compte à rebours, un CTA et un lecteur vidéo intégré.
Suscitez l'enthousiasme autour de votre événement Livestream en ajoutant un Hero Unit. Il s'agit d'une magnifique vue plein écran qui met en valeur la vidéo de Livestream sous forme de Story Block à gauche et propose du texte interactif et des appels à l'action à droite.
Anatomie d'un Hero Unit
Le Hero Unit est composé de deux côtés (horizontalement sur la vue web desktop et empilés verticalement sur mobile) :
Côté gauche (vue desktop) ou Haut (vue mobile) : Lecteur vidéo de Livestream dans la mise en page Story Block.
Côté droit de haut en bas (vue desktop) ou Bas (vue mobile) : Compte à rebours, titre, date et heure de l'événement Livestream, et options Ajouter au calendrier et Partager l'événement.
Une fois l'événement Livestream commencé ou expiré, les options affichées à droite/en bas de l'écran se mettront automatiquement à jour. Le compte à rebours est supprimé et « Ajouter au calendrier » est remplacé par « Regarder maintenant ».
Ajouter la mise en page Hero Unit
Vous pouvez sélectionner la mise en page Hero Unit pour tout événement Livestream ou playlist contenant un événement Livestream.
Seule vidéo de Livestream
Étape n°1
Dans le portail Firework Business, cliquez sur l'événement Livestream que vous souhaitez utiliser.
Étape n°2
Cliquez sur l'icône « code » en bas de la page.
Étape n°3
Cliquez sur Copier le code, puis collez le code dans votre éditeur de page web.
Remarque :
Vous ne serez pas invité à sélectionner une mise en page car la mise en page Hero Unit sera incluse dans le code par défaut.
Playlist
Remarque :
Bien que vous puissiez choisir la mise en page « Hero Unit » dans une playlist, seul le premier livestream de la playlist apparaître sur votre page web.
Étape n°1
Dans le portail Firework Business, accédez à la playlist que vous souhaitez utiliser.
Étape n°2
Cliquez sur l'icône « code ».
Étape n°3
Choisissez la mise en page « Hero Unit ».
Étape n°4
Cliquez sur Copier le code, puis collez le code dans votre éditeur de page web.
Personnalisation avancée
Vous souhaitez personnaliser l'unité, par exemple rendre l'arrière-plan du Story Block transparent ? Découvrez comment ici.