Le bloc Vidéo vous permet d'intégrer du contenu vidéo directement sur n'importe quelle page SeedProd. Vous pouvez intégrer une vidéo YouTube en utilisant son URL, ou coller un code d'intégration personnalisé de n'importe quelle plateforme — y compris Vimeo, Wistia, et d'autres — vous donnant la flexibilité d'utiliser l'hébergeur vidéo sur lequel votre contenu se trouve.
La vidéo est l'un des outils les plus efficaces pour augmenter l'engagement et les conversions sur les pages de destination. Utilisez ce bloc pour présenter des démonstrations de produits, des témoignages, des vidéos explicatives, ou tout contenu multimédia qui aide à raconter votre histoire et à garder les visiteurs plus longtemps sur votre page.
Ajouter le bloc Vidéo à vos pages
Suivez ces étapes pour ajouter un bloc Vidéo à votre page SeedProd :
Étape 1 : Ajouter le bloc
Sous Design > Blocs, faites glisser et déposez le bloc Vidéo dans la section souhaitée de votre page.
Étape 2 : Configurer les paramètres de contenu
Une fois ajouté, cliquez sur le bloc Vidéo pour ouvrir ses paramètres. Dans l'onglet Contenu, vous trouverez les options suivantes sous la section Vidéo :
- Type : Choisissez entre YouTube pour intégrer une vidéo par URL, ou Personnalisé pour coller un code d'intégration de n'importe quelle plateforme vidéo telle que Vimeo, Wistia, ou d'autres.
- URL YouTube (Type YouTube uniquement) : Entrez l'URL complète de la vidéo YouTube que vous souhaitez intégrer (par exemple,
https://www.youtube.com/watch?v=MUXoqm3VpRo). - Code Vidéo Personnalisé (Type Personnalisé uniquement) : Collez le code d'intégration iframe complet fourni par votre plateforme d'hébergement vidéo.
- Largeur : Définissez la largeur du lecteur vidéo en pourcentage de son conteneur à l'aide d'un curseur (par défaut : 100%).
- Alignement : Définissez l'alignement horizontal du lecteur vidéo — Gauche, Centre ou Droite — avec des contrôles par appareil pour ordinateur, tablette et mobile.
Étape 3 : Personnaliser le design
Dans l'onglet Avancé, vous pouvez personnaliser l'apparence visuelle de votre bloc Vidéo.
Styles :
- Ombre : Appliquez une ombre portée au lecteur vidéo à l'aide de tailles prédéfinies — Aucune, Fine, Petite, Moyenne, Grande, Très grande ou 2X grande.
Espacement :
- Marge : Définissez l'espacement extérieur autour du bloc sur les quatre côtés, avec des contrôles indépendants pour ordinateur, tablette et mobile.
- Rembourrage : Définissez l'espacement intérieur à l'intérieur du wrapper du bloc sur les quatre côtés, avec des contrôles par appareil.
Attributs :
- Classe personnalisée : Ajoutez une ou plusieurs classes CSS personnalisées au wrapper du bloc pour un style ciblé.
- ID CSS : SeedProd génère automatiquement un ID CSS unique pour ce bloc. Vous pouvez l'utiliser pour référencer le bloc dans du CSS ou JavaScript personnalisé.
- Attributs personnalisés : Ajoutez des attributs HTML personnalisés à l'élément wrapper du bloc. Entrez chaque attribut sur une nouvelle ligne en utilisant le format clé|valeur.
Visibilité de l'appareil :
- Masquer sur ordinateur : Basculez pour masquer le bloc lorsqu'il est affiché sur les écrans d'ordinateur.
- Masquer sur tablette : Basculez pour masquer le bloc lorsqu'il est affiché sur les écrans de tablette.
- Masquer sur mobile : Basculez pour masquer le bloc lorsqu'il est affiché sur les écrans mobiles.
Effets d'animation :
- Effet de défilement : Appliquez une animation déclenchée par le défilement au bloc, y compris les options de défilement vertical et horizontal avec des contrôles de direction, de vitesse et de décalage de la fenêtre d'affichage.
- Effet de souris : Appliquez un effet de parallaxe piloté par le mouvement de la souris au bloc.
Étape 4 : Enregistrez vos modifications
Une fois que vous avez terminé de configurer le bloc Vidéo et de personnaliser son apparence, assurez-vous de sauvegarder votre travail.
Vous avez ajouté avec succès un bloc Vidéo à votre page ! Que vous intégriez une vidéo YouTube ou un lecteur personnalisé d'une autre plateforme, le contenu vidéo est un moyen puissant de communiquer votre message et d'augmenter le temps passé sur la page. Utilisez les paramètres de largeur, d'alignement et d'ombre pour intégrer votre vidéo de manière transparente dans n'importe quelle mise en page.