Construire ta page d'accueil Shopify : sections, bannières et mise en page — Vidéo 28/41

alors maintenant on va faire la page d'accueil et après on va finir avec la page produit on doit mettre le paquet donc là on va faire la page d'accueil on va commencer tout doucement ne t'inquiète pas ne stresse pas moi j'ai déjà avancer on va venir intégrer la maquette qu'on a fait là on va commencer par le menu du haut tranquillement on va faire le foour et ensuite on va faire le contenu de la page ok là tu as la barre d'annonce donc la barre annonce je sais pas si tu te rappelles ce que je t'avais dit c'est que on veut mettre en avant des choses qui sont importantes pour le visiteur donc là par exemple eux ils te mettent welcome to the store non on s'en fout il y a pas de Welcome sur le site il faut que tout soit stratégique là tu vas venir cliquer ici ici tu peux venir mettre les différentes annonces moi ce que je te conseille c'est de voir en fonction bien sûr de tes arguments marketing ne va pas mettre la même chose que moi parce que tu veux faire comme moi non il faut que ce soit en fonction de toi par exemple toi peut-être que tu ne veux pas donner un code de réduction pour la première commande et c'est totalement ok donc plutôt que dire moins 10 % sur ta première commande tu peux dire ebook offert si tu passes commande voilà quelque chose comme ça peut-être que toi tu as une offre de acheter un offert j'ai envie que vous preniez confiance en vous que vous réfléchissiez sur des stratégies si vous avez du mal avec ça vous venez me voir et on vient réfléchir ensemble ne copiez surtout pas bêtement ce que font les autres la chose la plus facile à faire c'est de mettre quelque chose par rapport à la livraison et bien sûr il faut que ce soit un argument marketing intéressant j'ai mis livraison gratuite en France métropolitaine Belgique et luxembourg.ra alors moi je mets ça mais en fait je vais tout changer parce que je vais mettre plutôt à partir de 30 € parce qu'en fait j'ai dû faire des changements mais pour l'exemple on va laisser livraison gratuite ok livraison gratuite en France métropolitaine Belgique et Luxembourg entre parenthèses point relais moi je préfère préciser parce que j'ai pas envie que la personne elle pense que c'est à domicile qu'elle arrive dans le checkout et qu'elle dit oh moi je pensais que c'était à domicile et je lui annonce directement la couleur donc là moi j'ai mis un petit émoticone il y a des professionnels qui sont contre les émoticones il y en a qui sont pour moi je suis pour si déjà c'est cohérent avec ton identité visuelle c'est cohérent avec ta communication et que tu n'en abuses pas trop ensuite j'ai mis - 10 % sur ta commande en t'inscrivant à la newsletter et ensuite j'ai mis paiement sécurisé les deux sont bien paiement sécurisé en vrai je l'ai un petit peu mis pour avoir trois trucs et faire le test du défilement mais c'est vrai que paiement sécurisé bah en fait c'est la base mais pour certains visiteurs paiement sécurisé ça peut les rassurer donc donc pourquoi pas une fois que tu as mis tes annonces tu peux mettre un lien moi je te conseille pas de mettre de lien à part par exemple si par exemple je peux mettre une annonce nouveauté le soin nanana et par contre là c'est hyper pertinent de venir mettre un lien on revient ici là tu peux venir changer la couleur donc moi j'ai choisis mon nuancier bleu si je regarde ma maquette c'est ce qu'il y a donc voilà c'est parfait ensuite ici tu peux afficher la ligne de séparation donc moi si tu te rappelles je veux c'est cette ligne là moi c'est cool je veux avoir cette ligne de séparation ensuite tu peux mettre les icônes de réseaux sociaux donc ça va apparaître comme ça pour moi pour moi c'est pas bon de faire ça pourquoi la personne elle arrive là elle dit oh il a un TikTok elle va sur TikTok et tu sais très bien que sur les réseaux sociaux on passe du coq à l'an donc ça veut dire que toi tu as réussi à faire venir une personne tu gâes ton effort en mettant tes réseaux sociaux là et la personne tu peux l'amener ailleurs ça on ne met pas là on enlève rotation automatique des annonces moi je te conseille de cocher ça ça va éviter à la personne alors on va faire ça ça va éviter à la personne d'avoir à cliquer là ça va défiler tout seul là normalement tu as 5 secondes je trouve je trouve que 5 secondes c'est un petit peu trop long 3 secondes c'est un petit peu trop court donc 4 secondes moi ça me va ensuite tu peux mettre le sélecteur de pays région ici mais je trouve que c'est mieux de le mettre là plutôt que dans la barre d'annonce personnellement je te conseille pas de sélectionner ça ici voilà pour la barre d'annonce ensuite on va venir faire l'entête tu as l'emplacement du logo donc tu peux avoir en haut à à gauche en haut au centre voilà tu as plusieurs options moi je préfère comme ça c'est très bien ça fait un menu qui est pas trop haut parce que tu pourrais le mettre au centre comme ça moi je suis mitigé mais tu peux totalement faire ça ensuite bien sûr ici normalement tu as déjà menu principal si tu veux tu peux venir modifier ça là sur ordinateur tu peux avoir un méga menu donc moi je n'ai pas de sous-menu mais si j'avais un sousmenu euh il y aurait le méga menu et tu peux avoir tiroir je te conseille pas du tout ça parce que ça veut dire que la personne il faut qu'elle clique pour voir le menu non on veut directement avoir le menu en tête fixe donc moi je te conseille d'avoir l'en tête fixe ça veut dire que la personne si elle est là elle a juste à faire ça et elle a un visuel sur le menu tu peux venir afficher la ligne de séparation ça c'est comme tu veux je vais le laisser et là tu peux venir changer les couleurs donc je vais laisser comme ça et tu peux venir afficher le C sélecteur de pays région le sélecteur de langue je l'ai enlevé parce que de toute façon c'est France Belgique Luxembourg il parle français et c'est en euros donc il y a aucun intérêt d'avoir ça en tout cas ici ensuite tu as mise en page sur mobile donc là tu peux mettre gauche je te conseille de laisser centre c'est beaucoup plus équilibré tu as la marge inférieure et les marges de la section donc je reviens ici là tu peux venir rajouter de la marge moi je te conseille pas d'avoir trop de marge donc voilà c'est tout pour le menu donc là tu as paramètres de thème mais normalement tu l'as fait ça maintenant on va faire le footer comme ça on aura fait ça pour toutes les page là tu peux ajouter une section alors ce sera une section dans le pied de page donc là par exemple je pourrais afficher la newsletter ou du liquid personnel en fait liquid c'est le code de Shopify donc toi par exemple ça c'est pas possible pour toi parce que tu n'as pas le niveau tu ne sais pas faire encore on a que cette option de disponible en tout cas avec la template down donc là je pourrais mettre ça et ça vu que c'est rattaché au foeur au pied de page ce sera disponible sur toutes les pages donc ça ça peut être pas mal si c'est quelque chose que tu veux vraiment beaucoup mettre en avant donc là si on veut venir personnaliser ça par exemple je pourrais mettre de la même couleur là je pourrais faire ça et je pourrais régler les marges là tu peux venir changer en mettant 10 % en fait tout ce que j'ai mis en haut sur ta première commande je te conseille ça si tu vas venir travailler ta newsletter si tu as un code promo si tu as quelque chose à offrir pour une première commande sinon je te conseille de pas le mettre autant en avant puisque tu as pas trop de stratégie derrière là tu pourras venir changer ça et ici je vais faire l'œil moi c'est quelque chose que je ne vais pas mettre en avant en tout cas ici dans l'exemple parce que dans ma template payante j'ai là qui est beaucoup plus discret je trouve que ça s'intègre mieux ça aussi ça peut être pas mal mais je trouve que c'est bien si tu as une vraie stratégie derrière si tu mets autant en avant la newsletter et que finalement la personne reçoit un mail je sais pas tous les 10 ans que tu as pas bien travaillé à ton automatisation pour qu'elle est son code et cetera ça sert un petit peu à rien pareil suivre un petit peu la maquette donc moi j'ai dit que j'avais 1 2 3 4 donc on va venir faire ça là si on clique sur pied de page on va venir changer les options là j'ai changé et j'ai mis ma couleur l'inscription à la liste des diffusions donc je le laisse comme ça mais tu peux l'enlever moi je le laisse ensuite ici tu tu peux venir changer le titre et après ensuite je l'ai mis en gras là tu peux mettre suivre sur shop je n'ai pas activver ça shop pay c'est bien mais c'est plus connu aux États-Unis qu'en Europe même je dirais et en tout cas en France c'est pas super connu je répète shop pay c'est un petit peu comme Google pay Apple pay donc voilà je pense que toi tu connais Apple pay Google pay mais tu ne connais pas shop pay mais pour le moment il y a pas d'intérêt médias sociaux donc je pourrais le mettre là mais vu que je l'ai déjà là je vais l'enlever ensuite tu as le sélecteur de pays région je pourrais l'enlever mais euh ouais je vais l'enlever en fait parce que j'ai pas ça alors non je vais le laisser parce que je vais après je vais mettre une application pour vous montrer et tu as les moyens de paiement alors les moyens de paiement je te conseille de le laisser moi j'ai uniquement Paypal parce que je n'ai pas paramétré Shopify payments mais normalement toi tu as tous les logos la Visa MasterCard et cetera ici tu peux venir afficher les liens des politiques ça s'affiche comme ça moi je préfère le mettre en menu comme ça mais tu peux totalement faire ça parce que c'est un petit peu plus discret c'est pas mal moi je trouve que c'est bien de mettre comme ça quand tu as plus de place ici c'està-dire que tu as tellement de liens à mettre que tout ce qui est par rapport à CGV c'est bien de le mettre discrètement ici je vais décocher ça ensuite tu as la marge supérieure donc je vais mettre un petit peu de marge non je vais laisser un en fait je vais pas mettre de marge je pensais que c'était la marge là-bas et ensuite un petit peu de marche supérieure voilà c'est ça que je voulais gérer ensuite le premier bloc c'est ça donc on va venir rajouter là on va venir ajouter un bloc donc moi ce que j'ai fait c'est information sur la marque là j'ai mis afficher les icônes des réseaux sociaux et normalement ça reprend les éléments que tu avait mis dans Paramètres de thème si tu veux venir changer tu as juste à cliquer ici à revenir sur là et voilà donc là je vais mettre Bron ira et je vais enregistrer on revient ici on va ajouter un autre bloc donc l'autre bloc c'est sur Brown là on va ajouter un menu je sais pas si tu te rappelles donc là ça va t'afficher comme ça ici tu choisis ton menu donc moi j'ai mis Brown era et les liens s'affichent automatiquement c'est pour ça que c'est très important de faire ces menus avant là si tu n'as pas tes menus je te conseille de sortir d'aller dans paramètre alors on va y aller hein dans navigation et tu viens me faire tes menus je reviens ici dans le fooeur et on va venir rajouter un autre menu voilà donc tu choisis ton menu et bien sûr tu mets tes titres ici d'ailleurs là je me suis trompé voilà on enregistre ensuite moi dans ma maquette j'avais mis ça alors là je me mets à ta place je suis débutante j'ai mis ça dans ma maquette je ne peux pas par exemple j'ai cherché mais il y a pas donc c'est pas grave grave je le mets ici c'est ici et c'est pas en 4è bloc c'est pas grave voilà faut pas se bloquer si il y a quelque chose que tu ne peux pas reproduire à 100 % dans ta maquette ce n'est pas grave je te le dis je sais je répète mais j'ai eu des personnes qui sont totalement qui sont restés totalement bloqué et elles arrivaient plus à avancer à cause d'un mini détail c'est pas grave tu fais autrement et ça rend bien comme ça c'est pas grave ok donc voilà on a fait notre foeur et note header alors j'ai oublié une dernière chose ici on va enlever commerce électronique propulsé par Shopify je pense que tu connais maintenant comment on fait on fait les trois petits points modifier le contenu du thème par défaut et on va venir changer ça on va venir effacer ici si tu mets comerce voilà donc là tu l'as là et ici on va venir mettre un point alors je trouve ça dommage parce que tu ne peux pas pas l'effacer la seule technique que j'ai trouvé c'est de mettre un point on va voir si ça a bien fait ça donc voilà ça donne ça c'est beaucoup mieux donc voilà on a fait le foour et le header ça c'est fait maintenant on va faire le contenu