VizupCommerce

Comment créer un widget Grille ?

Voici un aperçu du widget grille :

Pour afficher des vidéos sur plusieurs lignes, l’option Grille enveloppée est le choix idéal.

Grid Widget Preview

Étape 1 : Créer un nouveau widget Grille

Dans la vue principale de la mise en page grille, vous trouverez un bouton intitulé “Créer un nouveau widget”. Cliquez sur ce bouton pour créer un nouveau widget.

Create New Widget

Étape 2 : Nommer votre widget

Donnez un nom à votre widget dans le champ prévu. Une fois que vous avez saisi un nom, cliquez sur le bouton “Créer” pour enregistrer votre nouveau widget.

Grid Modal

Étape 3 : Ajouter des vidéos au widget

Cliquez sur le bouton “Configurer le widget” pour ouvrir la vue détaillée du widget. Vous y trouverez le bouton “Ajouter des vidéos au widget”. Cliquez dessus pour ouvrir l’interface de sélection de vidéos et choisir les vidéos pour votre widget grille.

Add Videos Button

Étape 4 : Enregistrer les vidéos sélectionnées dans le widget

Sélectionnez les vidéos que vous souhaitez inclure dans votre grille. Après avoir effectué vos sélections, cliquez sur le bouton “Ajouter au widget”. Cela ajoutera les vidéos sélectionnées à votre widget grille et enregistrera vos modifications.

Add to Widget

Étape 5 : Choisir l’emplacement d’affichage de votre widget

Choisissez où votre widget grille apparaîtra sur votre site web. Vous avez trois options :

  • Page d’accueil : Affichez la grille de manière proéminente sur votre page principale pour une visibilité maximale. Idéal pour mettre en avant du contenu clé ou des promotions.
  • Page produit : Intégrez la grille dans des pages produit individuelles pour mettre en avant des produits connexes, des détails supplémentaires ou des témoignages, améliorant l’expérience d’achat.
  • Page collection : Placez la grille sur les pages de collection pour mettre en avant des groupes de produits spécifiques ou promouvoir des articles connexes dans une catégorie.

Sélectionnez l’option qui correspond le mieux à vos besoins.

Display Widget Location Options

Étape 6 : Enregistrer l’emplacement d’affichage du widget

Après avoir sélectionné votre emplacement d’affichage, cliquez sur “Enregistrer” pour confirmer votre choix et placer le widget grille sur votre site web.

Save Grid

Étape 7 : Personnalisation du thème Shopify

Ouvrez le personnalisateur de thème Shopify (Accédez à l’administration Shopify -> Boutique en ligne -> cliquez sur le bouton Personnaliser).

Shopify Customization

Étape 8 : Ajouter une nouvelle section

Dans l’éditeur de thème Shopify, cliquez sur “Ajouter une section” pour créer un espace pour votre widget grille.

App Block

Étape 9 : Sélectionner l’application

Accédez à l’onglet Applications dans le panneau et recherchez l’application “Grid Layout” à l’aide de la barre de recherche.

App Status Tag

Étape 10 : Enregistrer le thème Shopify

Après avoir sélectionné l’application, cliquez sur “Enregistrer” pour appliquer les modifications. Cela activera le widget grille sur votre thème Shopify et le rendra actif sur votre site web.

Save Shopify Theme
← Back to All Tutorials