Ajouter des menus déroulants à votre navigation

Créez des listes de liens qui apparaissent lorsque les visiteurs survolent le texte de navigation.

Dernière mise à jour le 10 février 2025

Utilisez la fonctionnalité menu déroulant pour créer des menus de navigation déroulants sur votre site. Les menus déroulants sont parfois appelés pages imbriquées ou sous-menus. Dans Squarespace, ils étaient auparavant connus sous le nom de dossiers.

Chaque liste déroulante crée un menu unique dans votre navigation. Vous pouvez ajouter plusieurs menus déroulants pour différents menus, mais il n’est pas possible de les imbriquer dans d’autres menus déroulants.

Regarder une vidéo

Ajouter un menu déroulant

Pour ajouter un menu déroulant :

  1. Ouvrez le panneau Pages et cliquez sur l’icône +.
  2. Cliquez sur le menu déroulant.
  3. Le menu déroulant vide apparaît dans le panneau Pages. Saisissez le titre du menu déroulant qui s’affichera dans la navigation.

Ajouter des pages au menu déroulant

Les menus déroulants ne sont pas des pages : vous ne pouvez pas y ajouter directement du contenu. Lorsque vous ajoutez des pages à un menu déroulant, elles apparaissent sous la forme d’éléments de menu qui se « déroule » lorsqu’un visiteur survole votre navigation.

Pour ajouter une page existante au menu déroulant, glissez-déposez-la dans l’espace situé en dessous du menu déroulant. Pour ajouter une nouvelle page, cliquez sur Ajouter une page en dessous du menu déroulant. Pour modifier l’ordre des pages, glissez-déposez-les dans le menu déroulant.

Il n’est pas possible d’imbriquer des menus déroulants dans des menus déroulants.

KB Guide Image

Menu déroulant des URL

Si vous accédez directement à l’URL d’un menu déroulant, elle vous redirige vers la première page de ce menu déroulant. Si le menu déroulant ne contient pas de pages, le message « Ce dossier ne contient aucune page » s’affichera. Il n’est pas possible de modifier ce texte ni d’ajouter d’autres contenus.

pages Index (version 7.0)

Vous pouvez ajouter tout type de page à un menu déroulant, à l’exception d’une page Index. Pour diriger les visiteurs vers une page Index, sélectionnez Lien, cliquez sur Ajoutez l’URL ici, puis utilisez l’onglet Contenu pour que le lien dirige les visiteurs vers une page Index. Pour en savoir plus sur la configuration des liens, consultez l’article Ajouter des liens sur votre site.

Affichage du menu déroulant

La façon dont le menu déroulant s’affiche dépend de la version de votre site.

Sur les sites de la version 7.1 :

  • Les pages du menu déroulant apparaissent lorsque vous survolez le titre du menu déroulant.
  • Cliquer sur le titre du menu déroulant n’ouvre pas la première page.
  • Le menu déroulant est réduit sur les appareils mobiles et s’ouvre lorsque vous appuyez dessus.

Pour obtenir des informations spécifiques à la version 7.0, consultez l’article Affichage des menus déroulants par template.

Couleur d'arrière-plan

Si votre site utilise la version 7.1, la couleur d’arrière-plan de votre menu déroulant dépend du style de votre en-tête :

  • Unie : la couleur d’arrière-plan respecte soit le réglage de la couleur d’arrière-plan défini dans les paramètres de votre en-tête, soit le réglage de l’arrière-plan des sections à l’échelle du site pour le thème que vous avez sélectionné pour l’en-tête. Pour la modifier, cliquez sur Modifier l’en-tête, sur Modifier le design, sur l’onglet Couleur, puis sur Couleur ou Thème, selon la palette de couleurs que vous choisissez. 
  • Dégradé : la couleur d’arrière-plan respecte le réglage de la couleur d’arrière-plan défini dans les paramètres de votre en-tête. Pour la modifier, cliquez sur Modifier l’en-tête, sur Modifier le design, puis sur l’onglet Couleur.
  • Adaptatif : la couleur d’arrière-plan respecte celle de l’arrière-plan des sections à l’échelle du site pour le thème de la première section de la page. Pour changer cela, ouvrez le panneau Styles du site, cliquez sur Couleurs, puis survolez le thème utilisé par la section et cliquez sur l’icône crayon.

Pour obtenir la liste des ajustements de la version 7.0 qui définissent cette couleur, consultez l’article Affichage des menus déroulants par template.

Supprimer le menu déroulant

Si vous supprimez un menu déroulant, ses pages seront également supprimées.

Pour supprimer un menu déroulant :

  1. Survolez le menu déroulant dans le panneau Pages et cliquez sur l’icône corbeille.
  2. Cliquez sur Supprimer pour confirmer l’opération. 
  1. Appuyez sur Plus, puis sur Pages.
  2. Si votre site utilise la version 7.1, appuyez sur le menu déroulant que vous souhaitez supprimer, puis appuyez sur l’icône corbeille et enfin sur Confirmer. Pour les sites qui utilisent la version 7.0, balayez le menu déroulant vers la gauche et appuyez sur Supprimer

Astuce

 vous avez la possibilité de restaurer les pages du dossier pendant les 30 jours qui suivent.

Menus imbriqués des catégories de produits (version 7.1)

Les catégories de produits forment une navigation distincte en haut de votre boutique.

Dans les pages Boutique de la version 7.1, vous pouvez créer des menus de sous-catégories imbriqués. Pour en savoir plus, consultez l’article Organiser les produits.

Dans la version 7.0, les pages Boutique ont une ‌navigation par catégorie, mais il n’est pas possible d’afficher des sous-catégories imbriquées.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.

Ajouter des menus déroulants à votre navigation