Navigation Shopify : créer les menus, sous-menus et la structure du site — Vidéo 22/41

maintenant qu'on a créé tous les produits on va venir s'occuper de la boutique en ligne reste accrocher c'est l'avant dernière étape après on aura les applications et on aura enfin fini dans cette vidéo je vais m'occuper du sousmenu et ensuite après on va passer à la boutique en ligne je sais que tu t'impatientes mais ne t'inquiète pas on fait les choses étapes par étape je commence avec les préférences là tu vois que la boutique en ligne est protégée par un mot de passe quand on aura fini le site on pourra venir désactiver le mot de passe ici tu as le titre et la méta desescription c'est un petit peu comme la collection la fiche produit je ne vais pas m'attarder dessus si tu veux tu peux utiliser chat GPT pour t'aider à rédiger le titre et la méta desescription de la page d'accueil si je t'en avais déjà parlé dans les paramètres et dans l'onglet marque ici tu as l'aperçu de l'image de partage sur les médias sociaux lorsque vous partagez un lien une image s'affiche généralement dans votre publication celle-ci sera utilisée si aucune autre image pertinente n'est trouvé donc là tu peux venir changer l'image si tu veux moi je vais laisser celle-là et ensuite ça reprend des données comme le titre de la page l'url de la boutique et la méta desescription donc ce que tu as renseigné ici là tu as la partie Google Analytics alors pour t'expliquer rapidement ce que c'est Google Analytics c'est un petit peu ici comme l'analyse de données ça te permet de récolter énormément de données d'ailleurs tu peux avoir beaucoup plus de données que dans Shopify donc c'est vrai que ça peut être vraiment pas mal de créer un compte Google Analytics et de venir le connecter à ta boutique Shopify je ne vais pas te montrer comment créer un compte Google Analytics je ferai sûrement une vidéo Youtube à ce sujet donc toi si tu as déjà un compte Google Analytics je te conseille de gérer le Excel ici par rapport à tout ce qui est Google Google Analytics ou même Google Search très important il faut que tu fasses tout ça à la fin et pas avant vraiment quand tu as lancé le site alors moi c'est prévu que je fasse une vidéo de ce type sur Youtube mais ce sera pas pour maintenant donc en attendant si tu veux tu peux aller regarder sur youtube et je le répète tu fais ça uniquement quand tout ton site est fini ensuite tu as le pixel Facebook donc pareil je ne vais pas te montrer comment connecter ce pixel Facebook ensuite ici tu as la confidentialité des clients et on va reparler de rgpd normalement tu n'as pas le droit de collecter les données des visiteurs une fois qu'ils sont sur le site tu peux uniquement faire ça une fois que la personne elle a cliqué sur Accepter les cookies je pense que tu as déjà eu l'expérience sur des sites de toute façon la bannière de cookies est obligatoire et tu dois donner le choix à la personne d'accepter ou refuser les cookies ne t'inquiète pas on va installer une application pour avoir cette fameuse bannière de cookies donc là on te demande de choisir le moment où tu veux collecter les données de marketing et d'analyse donc là tu peux collecter avant le consentement du visiteur donc ça veut dire avant que la personne elle clique sur Accepter normalement tu n'as pas le droit ensuite là tu peux euh collec avant consentement mais partiellement et là tu peux collecter après consentement normalement tu dois choisir cette option là mais je sais qu' il y a certains de mes clients qui ont quand même cliqué ça parce que c'est vrai que ça peut avoir un impact sur les analyses et les campagnes publicitaires vu que si la personne elle qui pas sur Accepter les cookies tu ne peux pas recueillir des données sur cette personn là donc là comme je l'ai dit très bien mon express favorite chacun son chacun moi je vais mettre après consentement généralement les gens il cliquent sur Accepter les cookies hein mais après toi tu fais comme tu veux ici on n'est pas concerné enfin moi je ne suis pas concerné mais si tu vends aux États-Unis je pense qu'il faut que tu actives ça ici du coup c'est le mot de passe quand on aura fini la boutique enfin on pourra décocher ici et ici tu as la protection contre le courrier indésirable donc c'est tout ce qui est tu sais le petit bouton là qui prouve que tu es bien un humain et pas un robot ou tu dois cliquer sur les bonnes images là moi je trouve que c'est quelque chose d'assez chiant donc je le mets uniquement dans les formulaires de contact et de commentaires pas dans les pages de connexion de création de compte et cetera mais toi tu peux mettre les deux si tu veux ensuite on passe à la navigation donc c'est tout ce qui est menu du haut et menu du bas donc moi j'ai déjà réfléchi à mes menus j'ai déjà fait le travail si ça n'a pas a été fait je te conseille de mettre pause et de réfléchir à ce que tu veux mettre dans ton menu du haut et dans le menu du bas là normalement toi tu as deux menu le menu principal c'est le menu en haut et tu as le menu pied de page avec la recherche donc moi ce que je vais venir faire c'est rajouter deux menus donc le premier menu que je vais venir rajouter c'est information donc ici comme je te l'avais dit je vais venir mettre toutes les pages légales donc là tu as juste à faire ajouter un élément de menu chercher la page donc comme tu le vois tu peux mettre la page d'accueil rechercher collection produits page blog donc moi je vais mettre page et je vais mettre euh retour et garanti donc là tu l'as bien ajouté tu peux venir remodifier si tu veux donc peut-être que je me suis trompé de page et je vais mettre mention légale attention cette fois-ci il faudra changer le titre parce que ça le reprend la première fois mais pas les autres fois donc je fais appliquer les modifications et c'est bon tu peux également supprimer mais si tu supprimes tu peux pas revenir en arrière donc tu dois être sûr donc ensuite si tu veux faire des sous-menus tu as juste à rajouter quelque chose donc là je vais rajouter une collection par exemple voilà et je fais ça tu glisses et tu mets là ensuite je peux venir rajouter d'autres menus qui vont venir s'ajouter à la suite donc ça je peux pas mettre ça je vais mettre un produit je metis n'importe quoi donc voilà tu peux faire ça ainsi de suite donc je vais venir supprimer et après tu fais enregistrer le menu donc ça c'est une ancre tu as pas besoin d'en savoir plus sur ça et là tu as le titre du menu ensuite j'ai fait un deuxième menu avec Brown ira où là j'ai mis un lien vers qui suis-je un lien vers la FAQ et un lien vers la page Contact donc là je vais venir juste changer le menu principal donc tu as la page d'accueil voilà le lien vers la page d'accueil tu as certains sites qui le mettent et certains sites qui ne le mettent pas parce qu'en fait il y a pas mal de personnes qui ont le réflexe et qui savent que quand tu cliques sur le logo ça te ramène dans la page d'accueil après pour être sûr et surtout ça dépend de ta cible par exemple je pense que les vieilles personnes ou des personnes qui sont pas trop sur le net voilà c'est bien quand même d'avoir un lien vers la page d'accueil au cas où donc moi je le mets ensuite tu as qui suis-je donc voilà j'ai fait le reste en gros si tu veux un lien vers tous tes produit directement ça je le conseille uniquement si tu as une boutique monoproduit de toute façon si tu as une boutique monoproduit bah il y aura le lien directement vers le produit ou si tu as très peu de produits comme moi donc là je vais venir faire modifier et ici tu pourras mettre tous les produits tu viens dans produits et tu mets tous les produits si toi tu as plusieurs catégories ce que je te conseille de faire c'est peut-être boutique et ensuite de mettre des sous-menus donc par exemple accessoire et tu mettras toutes tes catégorie ici donc je viens je fais supprimer et tu peux venir enregistrer donc voilà pour le menu ensuite tu as les pages donc là aussi c'est super facile tu peux venir ajouter une page donc par exemple on va aller dans la page Contact tu as le titre de la page tu as la visibilité tu peux venir dupliquer la page et tu peux venir l'afficher sur le site là un petit peu comme pour le produit les collections tu peux venir mettre une description et tu peux modifier le référencement naturel de la page ce qui va s'afficher sur les moteurs de recherche alors la page Contact elle est pas super importante donc si tu dois vraiment travailler le référencement de page c'est la page d'accueil et les pages produits et les pages collection donc voilà si tu as vraiment du mal ne t'embête pas avec ça par contre si tu veux aller dans le détail tu peux cliquer ici et tu peux venir changer tout ce qu'il y a là pas de souci donc là je sais pas si tu as remarqué mais le formulaire n'est pas là on le voit là c'est tout à fait normal parce qu'en fait cette page a un modèle de thème particulier donc si je clique là tu as la page par défaut donc là avec la page par défaut tu as uniquement le titre et le contenu de la page dans la page Contact tu as le titre le contenu de la la page et le formulaire et dans la FAQ ça je vais te montrer parce que je vais te montrer comment faire une page de FAQ personaliser tu vas voir ça va être top donc là je remets contact et euh toute façon ça je vais te montrer ça rapidement tu peux venir modifier dans personnaliser page d'accueil page et là tu as les différents modèles de pages donc tu vois que contact est attribué à une page qui est la page Contact la page par défaut est attribuée à 5 pages donc c'est tout le reste et la FAQ est attribué à une page donc si je viens ici tu vois bien que tu as ils ont rajouté une section ils ont rajouté un formulaire de contact et ici tu peux venir modifier les options si tu veux là je vais laisser comme ça de toute façon on va venir modifier toutes les pages ne t'inquiète pas après donc je reviens dans les pages donc voilà après pour le reste tu peux faire pareil donc moi j'ai juste mis pour les CGV normalement tu auras juste à faire copier coller parce que tu auras déjà fait ce travail avant et comme tu le vois c'est la page par défaut donc voilà moi j'ai mis toutes les pages légales j'ai mis la page qui suis-je voilà et retour et garanti là je vais te montrer comment faire une page FAQ si bien sûr tu as envie hein tu n'es vraiment pas obligé si tu veux faire une page FAQ spéciale donc premièrement on va venir mettre le titre et ensuite tu vas venir mettre une petite description donc là ce que j'ai mis c'est une interrogation besoin d'aide la FAQ et là si tu ne trouves toujours pas la réponse contacte-nous via le chatbot ou par email on se fera un plaisir de te répondre point voilà quelque chose de très court et de toute façon après il y aura le visuel sur toutes les questions je vais te montrer ce que ça donne pour que tu visualises donc voilà et après ici on aura toutes les questions donc comment on fait ça on va créer un modèle de thème ici il faut que tu fasses personnaliser un modèle donc voilà là ça t'a mis automatiquement dans les pages alors il faut bien sélectionner la catégorie donc nous on veut un nouveau modèle de page pas de produit pas de collection de page donc on vient dans page et il faut que tu fasses créer un modèle donc là moi ce que j'avais mis c'est FAQ donc tu peux pas dépasser 25 caractères et bien sûr il faut vraiment que tu le restes ici hein donc voilà toi tu feras créer un modèle moi je fais annuler parce que je l'ai déjà fait donc là toi tu vas normalement avoir juste ça ici tu vas venir rajouter une section qui s'appelle contenu réductible donc il est juste après là juste après multiligne là donc tu auras ça et ça ça sera visible uniquement pour la page FAQ parce que je te le rappelle si par exemple je vais dans la page par défaut et que je rajoute des sections ces sections seront présentes sur toutes les pages sur toutes les pages qui utilisent le modèle de page par défaut je sais que c'est pas très facile à intégrer au début mais en tout cas j'essaie de d'expliquer comme je peux on revient ici on revient dans le modèle de page FAQ je vais te montrer comment on peut venir personnaliser ça donc là tu peux mettre une légende je ne mets rien parce qu'en fait j'ai tout mis ici donc voilà là on va juste mettre les questions donc je vais te montrer ce que je veux faire alors voilà là c'est mon site alors moi j'utilise une template payante je vais t'en parler plus tard parce que tu peux te demander mais pourquoi tataas ça et nous on n' pas ça je vais tout expliquer moi j'ai fait quelque chose comme ça voilà avec des groupes de questions mais toi tu peux enchaîner les questions tu peux faire comme tu veux donc là si je veux faire ça donc là tu peux changer la taille du titre mais moi je n'ai pas de titre ici tu peux changer l'alignement du titre ici c'est la mise en page donc est-ce que tu veux que ce soit comme ça ou comme ça donc là tu vois pas la différence parce que il faudrait que je change voilà ça rend comme ça aucun contenant donc je vais remettre le nuancier 1 et moi je préfère comme ça ensuite ici tu as l'autre nuancier ça donne comme ça si tu fais ça donc voilà donc moi je préfère que ce soit super classique mais ça dépend de ton identité visuelle bien sûr là tu peux mettre ouvrir d'abord la rangée réductible la première question sera ouverte moi j'ai mis ça mais tu n'es pas obligé ensuite tu peux mettre une image voilà et tu peux mettre les marges supérieur et inférieur donc là je vais venir en rajouter un petit peu ensuite ici tu as toutes tes questions donc soit tu peux venir mettre toutes tes questions dans une même section donc tu peux en mettre à l'infini hein là je vais venir retirer oups je suis allé trop vite soit tu peux venir faire comme moi j'ai fait plusieurs blocs donc j'avais mis par exemple contact et là au lieu de faire ajouter une section et prendre du temps pour refaire ce qu'on a fait là tu vas juste venir cliquer ici et mettre dupliquer comme ça ça reprend exactement le même sty tu n'as pas à refaire toutes les options donc voilà ensuite ici je peux mettre [Musique] livraison donc voilà je peux faire je peux faire quelque chose comme ça ensuite ici bien sûr tu peux mettre ta questionin donc le titre de la question le l'icône tu peux mettre tout ce que tu veux hein tu as plein d'icône et ici tu peux mettre du coup la réponse tu peux également sélectionner une page directement comme réponse mais je te conseille pas parce que généralement une page c'est super long euh donc donc voilà comment tu peux faire une page personnalisée tu peux faire la même chose pour la page à propos donc tu peux venir créer un modèle qui s'appelle About Us ou à propos et tu peux venir styliser la page à propos pour qu'elle soit un petit peu plus design moi j'ai fait quelque chose de classique pour la la page à propos pour l'instant parce que c'est pas mon focus donc je fais enregistrer puis voilà pour les pages ensuite tu as articles de blog mais moi je n'ai pas d'article de blog si tu veux faire tu as juste à faire créer un article de blog et c'est toujours la même chose le titre le contenu la visibilité là tu as quelque chose de nouveau qui s'appelle extrait donc c'est un résumé de l'article qui s'affichera sur la page d'accueil ou le blog ensuite tu as l'image V d'ê là tu as l'organisation donc tu as le auteur alors tu peux l'effacer et c'est quelque chose que tu peux venir enlever dans la template d'articles de blog donc on verra pas ton nom et ton prénom ne t'inquiète pas ici tu as la catégorie de blog et tu peux mettre des balises voilà maintenant pour le sous-menu maintenant on va enfin passer au thème