Présentation des blocs

Vue d’ensemble Tous les forfaits 6 min de lecture

Un bloc est un élément de contenu à l’intérieur d’un méga menu ou d’un onglet. Les blocs se placent côte à côte sur une ligne, et la Largeur de chaque bloc détermine la part de la ligne qu’il occupe.

Liens et boutons

Liste de liensUn titre et une colonne de liens, avec icônes, images et badges facultatifs. Liens avec image au survolDes liens à côté d’une grande image qui change au survol. Liste d'atoutsDes arguments de vente comme la livraison gratuite, chacun avec une icône. BoutonUn bouton d’appel à l’action, comme « Tout acheter ».

Images et bannières

ImageUne bannière ou image promotionnelle avec un titre et un lien. Carrousel d'imagesPlusieurs images dans un carrousel.Growth · Pro Bannière promotionnelleUne image avec un titre, un texte et un bouton. Logos de marquesUne grille de logos de marques, chacun avec son propre lien.

Produits et collections

Liste des produitsUne carte produit, ou des produits en grille, en liste ou en carrousel. Lookbook avec points d'intérêtUne photo avec des points cliquables sur les produits qu’elle contient. Liste de collectionsDes collections avec leurs images.Growth · Pro Vitrine de collectionsDes noms de collections à côté d’une grille de leurs produits.Growth · Pro

Contenu et promotions

Articles de blogVos derniers articles de blog, ou ceux que vous avez choisis.Growth · Pro Formulaire de contactUn formulaire que les clients utilisent pour vous envoyer un message. NewsletterUn formulaire d’inscription par e-mail. Compte à reboursUn minuteur qui décompte jusqu’à une date.Growth · Pro Code promoUn code de réduction que les acheteurs copient en un clic.Growth · Pro HTML personnaliséN’importe quel HTML : cartes, vidéos, intégrations.Pro

Lequel choisir ?

Bloc	Idéal pour	Onglet dans Sélectionner le bloc	Forfait
Liste de liens	Catégories, marques, tailles	Liste de liens	Tous les forfaits ; Badge nécessite Pro Navigation
Liens avec image au survol	Catégories prévisualisées avec une image	Liste de liens	Tous les forfaits
Liste d’atouts	Livraison gratuite, retours, paiement sécurisé	Liste de liens	Tous les forfaits
Bouton	Un appel à l’action « Tout acheter »	Liste de liens	Tous les forfaits
Image	Une bannière saisonnière ou une promotion	Ajouter une image personnalisée	Tous les forfaits
Carrousel d’images	Plusieurs campagnes dans un seul bloc	Ajouter une image personnalisée	Growth Navigation, Pro Navigation
Bannière promotionnelle	Une vente ou une nouvelle collection, avec un bouton	Ajouter une image personnalisée	Tous les forfaits
Logos de marques	« Acheter par marque »	Ajouter une image personnalisée	Tous les forfaits
Liste des produits	Un best-seller, des nouveautés, une collection	Ajouter un produit	Produit unique : tous les forfaits. Grille, liste, carrousel : Growth Navigation, Pro Navigation
Lookbook avec points d’intérêt	« Shop the look »	Ajouter un produit	Tous les forfaits
Liste de collections	Vignettes « Acheter par catégorie »	Collection	Growth Navigation, Pro Navigation
Vitrine de collections	Produits issus de plusieurs collections	Collection	Growth Navigation, Pro Navigation
Articles de blog	Guides, lookbooks, actualités	Blogs	Growth Navigation, Pro Navigation
Formulaire de contact	Des questions sans quitter la page	Formulaire de contact	Tous les forfaits
Newsletter	Agrandir votre liste d’e-mails	Formulaire de contact	Tous les forfaits
Compte à rebours	Ventes flash et dates limites	Compte à rebours	Growth Navigation, Pro Navigation
Code promo	Un code de réduction à copier	Coupon code (code promo)	Growth Navigation, Pro Navigation
HTML personnalisé	Cartes, vidéos, intégrations	Ajouter du HTML au menu	Pro Navigation

Deux autres onglets ajoutent de la structure plutôt qu’un bloc unique :

• Multi-bloc ajoute en un clic des combinaisons toutes prêtes, comme 3 listes de liens + 1 image ou Carte + contact + adresse. Le forfait requis dépend des blocs qu’elles contiennent. Groupe d’éléments empile plusieurs blocs dans une colonne ; consultez Disposition en mosaïque (Pro Navigation).
• Onglet ajoute des onglets simples ou imbriqués avec les titres à gauche, en haut ou à droite. Consultez Menu à onglets (Pro Navigation).

Ajouter un bloc

1. Ouvrir le panneau

   Dans l’éditeur de menu, cliquez sur l’élément qui possède un méga menu pour ouvrir son panneau. Cliquez sur Ajouter un bloc.

   

   Cliquez sur Ajouter un bloc dans le panneau ouvert du méga menu.

2. Choisir un onglet et une mise en page

   Dans Sélectionner le bloc, cliquez sur un onglet, par exemple Multi-bloc, Liste de liens ou Coupon code. Survolez une mise en page et cliquez sur Sélectionner.

   

   (1) Choisissez un onglet, (2) survolez une mise en page et cliquez sur Sélectionner.

3. Configurer le bloc

   Ses paramètres s’ouvrent dans Modifier l’élément. Renseignez le contenu et choisissez la Largeur. Pour le modifier plus tard, cliquez sur le bloc dans l’aperçu.

   

   (1) Cliquez sur le compte à rebours dans l'aperçu, (2) définissez sa Largeur.

4. Enregistrer et publier

   Cliquez sur Enregistrer, puis sur Publier.

Note

Une mise en page portant un badge Growth Navigation ou Pro Navigation ne fait pas partie de votre forfait actuel. Son bouton affiche Mettre à niveau pour utiliser et vous mène à Tarifs.

Paramètres communs à tous les blocs

LargeurPar défaut: Selon la mise en page

Part de la ligne occupée par le bloc : Auto, ou de 8.33% à 100%. Les blocs dont la somme des largeurs dépasse 100 % passent à la ligne suivante. Pour des colonnes égales, utilisez 4 × 25%, 3 × 33.33% ou 2 × 50%.

Masquer sur ordinateur / Masquer sur mobilePar défaut: Désactivé

Sous Visibilité. Masque le bloc sur un type d’appareil.

Masquer si connecté / Afficher uniquement si connectéPar défaut: Désactivé

Sous Visibilité. Affiche le bloc uniquement aux visiteurs non connectés, ou uniquement aux clients connectés.

Planifier la publicationPar défaut: Désactivé

Sous Visibilité. Affiche le bloc uniquement entre une Date de début / Heure de début et une Date de fin / Heure de fin. Consultez Planifier les menus.

Nom de classe supplémentairePar défaut: Vide

Sous Avancé. Ajoute votre propre classe CSS pour personnaliser le bloc avec le CSS personnalisé.

Les données Shopify se mettent à jour automatiquement

Les blocs de produits, de collections et de blog lisent en direct dans votre boutique les titres, prix, images, stocks et nouveaux articles. Le bloc retient uniquement quels éléments vous avez choisis : si vous en supprimez un ou modifiez son identifiant (URL), sélectionnez-le à nouveau. Consultez Les modifications faites dans l’admin Shopify n’apparaissent pas dans le menu.

Pages associées

• Méga menuCréez un large panneau de sous-menu à partir de blocs comme des listes de liens, des images, des produits et un formulaire de contact.
• Menu à ongletsPermettez aux acheteurs de passer d'un groupe de contenu à l'autre, comme Hommes, Femmes et Enfants, dans un même sous-menu.
• Disposition en mosaïque et Menu spécialEmpilez proprement des blocs de hauteurs différentes en colonnes, ou affichez une liste de catégories avec un panneau pour chacune.
• Forfaits et facturationComparez les forfaits Globo Mega Menu, démarrez un essai gratuit, puis passez à un forfait supérieur ou inférieur, ou annulez votre abonnement.

Cette page vous a-t-elle aidé ?

Signaler un problème