Élément de bannière vidéo

À propos de l'élément de bannière vidéo dans GemPages

Le Élément de bannière vidéo de GemPages vous permet d'ajouter des arrière-plans vidéo dynamiques à votre page, parfaits pour les sections héros ou les blocs promotionnels. 

Au lieu de vous fier à des images statiques, vous pouvez utiliser le mouvement pour raconter l'histoire de votre marque, mettre en évidence les messages clés et attirer immédiatement l'attention des visiteurs.

Cet élément permet à tout marchand Shopify de créer facilement des mises en page immersives et modernes qui améliorent à la fois l'attrait visuel et l'engagement des utilisateurs.

Comment ajouter un élément de bannière vidéo à votre page ?

Suivez ces étapes simples pour ajouter le Élément de bannière vidéo à votre page:

Étape 1 : Depuis votre interface administrateur Shopify, accédez au tableau de bord GemPages et recherchez Pages.

Étape 2 : Cliquez sur la page où vous souhaitez afficher la bannière vidéo pour ouvrir GemPages Editor. 

Si vous n'avez pas encore créé de page, cliquez sur Créer une nouvelle page, et se référer à pour commencer.

Étape 3 : Utilisez la barre de recherche de l'éditeur GemPages pour trouver l'élément Bannière vidéo. Glissez-le et déposez-le à l'emplacement souhaité sur votre page.

Cliquez ensuite sur l'élément pour accéder à ses paramètres. Vous pouvez le personnaliser à votre guise grâce aux Paramètres Avancé onglets.

Configurer l'onglet Paramètres

Localisez le Paramètres onglet pour configurer l'élément de bannière vidéo :

Mise En Page

Choisissez la disposition de votre élément vidéo parmi les 12 options disponibles dans le panneau des paramètres. Vous pouvez également ajuster le format pour une visibilité optimale.

Présentation

Dans l' Présentation section, configurez l'arrière-plan de cet élément. 

Si vous préférez le Vidéo option d'arrière-plan, ignorez le Couleur Image(s) les.

Remarque : Bien que le Couleur Image(s) les options d'arrière-plan sont toujours disponibles, les modifications peuvent être masquées par la vidéo.

Dans l' Vidéo panneau de paramètres, sélectionnez la source vidéo à partir de YouTube or Hébergement vidéo. Ensuite, entrez l'URL de la vidéo dans la case pour l'utiliser comme arrière-plan de l'élément.

Mettez le Boucle vidéo à Oui si vous voulez que la vidéo soit en boucle. 

Vous pouvez également ajouter une superposition à votre vidéo. Cliquez sur Afficher plus > Case « Ajouter… » à côté de le Recouvrir option pour configurer la couche de superposition selon vos préférences.

Taille

Choisissez votre ratio préféré parmi les Rapport vidéo liste déroulante. Par défaut, le ratio est défini sur 16:9, idéal pour la plupart des écrans de bureau.

Vous pouvez également sélectionner Encadrement Sur Mesure pour définir votre propre ratio.

Ensuite, configurez :

• Largeur:
  • Plein (100%): Affiche la vidéo en pleine largeur.
  • Par défaut (1200 px): Limite la vidéo à la largeur du contenu de votre page.
• Hauteur:Personnalisez pour un équilibre visuel sur ordinateur et mobile.

Menu

Ajustez la largeur du contenu, le remplissage et l’alignement de votre bannière vidéo :

• Largeur: Contrôlez la largeur de tout contenu placé sur la bannière.
• Rembourrage: Ajustez l'espacement dans la bannière pour une mise en page épurée.
• Aligner: Choisissez comment le contenu de superposition est aligné verticalement dans la bannière (haut, milieu, bas et pleine hauteur)

Forme

Personnalisez la forme de la bannière pour qu'elle corresponde à votre style de conception :

• Frontière: Ajoutez une bordure pour mettre l'accent.
• Rayon d'angle: Arrondissez les coins pour un look plus doux.
• Ombre: Ajoutez une ombre pour créer de la profondeur.

Effect

Appliquez une superposition pour améliorer la visibilité de votre bannière vidéo.

Lien

Basculer sur le Lien pour voir les paramètres détaillés. Vous pouvez choisir Après avoir cliqué action à partir de la liste déroulante, y compris :

• Ouvrir la page
• Faites défiler jusqu'à
• Ouvrir une fenêtre contextuelle
• Envoyer un mail
• Faire un appel téléphonique

Par exemple, nous avons défini le Après avoir cliqué = Ouvrir la page. Ensuite, sélectionner la page cible en insérant le lien ou en choisissant parmi les options disponibles :

Le SEO

Optimisez la bannière vidéo pour les moteurs de recherche en fournissant un texte alternatif et un titre d'image, garantissant ainsi une meilleure visibilité de votre boutique.

Aligner

Ajustez l'alignement de la vidéo : aligné à gauche, aligné au centre ou aligné à droite selon vos préférences.

Configurer l'onglet Avancé

Pour une personnalisation plus avancée, veuillez accéder au Avancé onglet et suivez les instructions dans cet article.