Masterclasse de conception et de création de Shopify : Apprenez tout Shopify de A-Z | Auto Pilot Passive Income | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Masterclasse de conception et de création de Shopify : Apprenez tout Shopify de A-Z

teacher avatar Auto Pilot Passive Income, Guides To Help You!

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Intro de cours de design Shopify

      1:02

    • 2.

      Introduction au cours

      3:17

    • 3.

      Tableau de bord et thèmes Shopify

      3:03

    • 4.

      Configurations de thèmes et démo de prévisualisation

      4:01

    • 5.

      PUBLICATION DE NOTRE THÈME POUR UN AVANT-PROJET

      3:44

    • 6.

      Bannières de héros

      3:46

    • 7.

      Comment créer des produits et des collections

      8:26

    • 8.

      SEO DE PRODUITS

      2:53

    • 9.

      AJOUTER des produits en ligne

      10:18

    • 10.

      L'art de créer des bannières fendues

      3:16

    • 11.

      Comment ajouter des images à notre site Web

      1:39

    • 12.

      Créer une deuxième bannière sur notre site Web

      3:23

    • 13.

      Édition de bannières Split

      4:59

    • 14.

      Prévisualisation de notre bannière de site Web

      0:43

    • 15.

      Modification de la page des collections

      27:06

    • 16.

      Explorer des fonctionnalités, des bannières et des blogs

      3:09

    • 17.

      Galerie d'Instagram

      3:21

    • 18.

      Explorer des livres de look de produits

      4:06

    • 19.

      Créez un arrière-plan de livres de look

      4:33

    • 20.

      Branding, collections, FAQ et galeries

      11:57

    • 21.

      Quelles sont les exigences de Shopify Store

      2:49

    • 22.

      Comment créer une Popup de lettres de nouvelles

      2:20

    • 23.

      Comment créer une page de contact

      1:33

    • 24.

      Comment créer plus de pages personnalisées

      2:05

    • 25.

      Comment modifier des pages personnalisées

      4:53

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

425

apprenants

--

projets

À propos de ce cours

Un cours a-z pour concevoir votre boutique Shopify à partir de zéro ! Si vous sentez que vous avez besoin d'un guide pour vous aider à chaque étape de la voie, ce cours pour le design Shopify est fait pour vous !

Rencontrez votre enseignant·e

Teacher Profile Image

Auto Pilot Passive Income

Guides To Help You!

Enseignant·e
Level: All Levels

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Introduction du cours de conception Shopify: Quoi de neuf, tout le monde. Bienvenue dans notre nouveau cours pour la Masterclass de design de Shopify Si vous consultez ce cours pour la première fois, vous ne savez pas si vous allez y participer ou non. Permettez-moi de jeter les bases. Dites-vous exactement ce que contient le cours afin que vous puissiez obtenir tout ce que vous attendez. Alors avant de commencer, permettez-moi de parler de moi. J'ai créé plusieurs boutiques Shopify par le passé. Plusieurs boutiques Shopify rentables, et des centaines de boutiques Shopify qui l'étaient, n'étaient pas Si vous suivez ce cours, vous apprenez de quelqu'un qui a déjà échoué qui sait ce que c'est que de perdre pour gagner sur Shopify Ce que j'ai appris le plus important avec Shopify, c'est qu'au-delà du marketing, outre l'acquisition de trafic, l'aspect le plus important pour Shopify est d'avoir un design dont vous pouvez être fier Et c'est exactement le but de ce cours. Il s'agit de créer le design d'une boutique de A à Z pour savoir comment le concevoir correctement pour Shopify Si c'est quelque chose qui vous intéresse, allez-y et rejoignez le cours afin que nous puissions commencer. Je vous verrai de l' autre côté. À bientôt. 2. Introduction au cours: Bonjour à tous, bienvenue à l' introduction du cours. Bienvenue dans le cours, la masterclass sur Shopify Design. Nous allons tout prendre, des étapes A à Z en passant par le design Shopify, pour vous permettre de créer un magasin qui ressemble à des professionnels, celui que vous voyez ici aujourd'hui. Il existe de nombreuses fonctionnalités qui sous-tendent création d'une boutique Shopify professionnelle. Mais si vous voulez aller de l'avant et en créer un, parlons de ce qui va réellement être dans le cours afin que nous puissions commencer. Donc, pour entrer dans le cours, toutes les leçons que vous voyez ici, exactement quel est leur titre, exactement ce que vous allez voir dans le cours réel. Nous allons passer en revue des choses comme créer des galeries, créer des manières partagées. Nous allons devenir aussi granulaires que la création du référencement pour les produits que vous avez sur votre boutique Shopify. Nous allons parler de choses un peu basiques, comme les bannières de héros. Et nous parlons même de choses un peu plus compliquées, comme la création de votre première fenêtre contextuelle de newsletter et quelles sont les exigences de leur boutique Shopify et les éléments de base qui sont nécessaires pour chaque conception de magasin Shopify. Vous obtenez vraiment beaucoup de choses dans ce cours. Maintenant que vous connaissez la structure du cours, la durée de chaque leçon. Et comme vous pouvez le constater, les horaires de chaque leçon sont présentés juste sous le titre de chaque leçon du cours. Allons de l'avant et parlons de qui est destiné ce cours. C'est pour tous ceux qui souhaitent créer une boutique Shopify. Les seuls outils qui seront réellement nécessaires ici, c'est que vous aurez besoin d'un ordinateur et vous n'allez ni le magasin Shopify. Ce sont les choses qui auront le plus d'importance. Désormais, vous pouvez également obtenir un thème Shopify premium facultatif. Il existe différents thèmes Shopify. C'est vraiment votre choix en fonction style que vous souhaitez utiliser. Mais nous en parlerons davantage. Vous verrez dans la deuxième leçon où nous avons parlé de tous les différents thèmes Shopify qui existent. Très bien, la prochaine chose dont nous allons parler est cette introduction, c'est quelle est la valeur de ce cours ? Eh bien, à bout portant, c'est que les magasins attrayants génèrent des revenus, les gars. réalité, c'est qu' en 2022 et au-delà de 2022, si vous voulez créer un magasin Shopify, il vous faudra qu'elle soit aussi attrayante que possible et personne ne veut magasiner dans un magasin peu attrayant, il crée de la méfiance au sein des consommateurs. Si vous voulez générer des revenus sur Shopify, vous aurez besoin d' une boutique attrayante. Ce cours est exactement pour cela. Il va vous montrer exactement comment créer une boutique attrayante. Comme je l'ai dit, tout comme celui que vous voyez ici. Maintenant, nous allons avoir un projet de classe. Vous pouvez terminer le projet cours après avoir terminé le cours, suivi le cours et essentiellement ce que vous allez faire étape par étape, vous allez concevoir votre magasin. Et une fois que vous avez terminé votre conception de votre boutique et que vous vous sentez à l' aise de vouloir que vous copiiez et collez le lien de votre boutique, le point mon lien Shopify dans le projet de classe et ajoutez également le mot de passe. Le mot de passe n'est pas un mot de passe privé, il s'agit d'un mot de passe accessible au public afin que nous puissions consulter votre boutique et voir quoi il ressemble de l'intérieur sans modifier aucune de vos données. Sans plus tarder, allons-y et commencer. Je vous verrai dans la première leçon. Très bien, à vous voir. 3. Tableau de bord et des thèmes de Shopify: Bon, donc bienvenue à la première leçon du cours. Maintenant, nous allons parler du tableau de bord Shopify et des différents thèmes que vous pouvez sélectionner. Ok, donc ce que vous voyez en ce moment, c'est le tableau de bord Shopify pour ce site que vous voyez ici. D'accord. Donc, ce que vous voyez ici est un site que j'ai créé précédemment, juste pour le plaisir et pour les aspects de conception. Et c'est le back-end de ce site pour ne pas arriver ici, vous devez aller au plan de boutique, vous devez créer un compte. Et quand vous arrivez à la section de création de processus de comptage, vous verrez une section ou la page d'accueil qui ressemble un peu à ceci, n'est-ce pas ? Et la première chose que vous voulez sélectionner est le bouton de la boutique en ligne. Et ce qu'il va faire, c'est que ça va vous emmener maintenant sur la page où vous pouvez télécharger des thèmes, n'est-ce pas ? Et alors qu'est-ce qu'un thème ? Allons-y et discutons de ça. Donc, un thème est le design général derrière votre magasin. Donc, vous savez, certains aspects du magasin. Comme, par exemple, la façon dont vos bannières sont conçues ou la façon dont vos minuteries de compte à rebours conçoivent, les différents aspects de votre site Web sont tous intégrés dans ce qu'on appelle un thème. Maintenant, il y a payé et il y a des thèmes gratuits là-bas. Très bien, donc ce qu'est un thème pavé, est le même qu'un thème gratuit. Les seules différences qui vont être différentes caractéristiques et ils vont être des avantages différents. Maintenant, un papier dans spécifiquement va être une conception d'un magasin qui peut généralement mieux, être mieux qu'un thème gratuit. Je recommande toujours à mes clients et à mes étudiants que nous allions avec des poutres payantes parce que les peintures sont généralement meilleures maintenant ce n'est pas toujours le cas. Il y a des poutres payantes qui ne valent pas un dollar à dépenser, mais il y a des thèmes gratuits qui sont beaucoup mieux, non ? Et il y a quelques thèmes payants qui sont bénéfiques et il y a quelques faisceaux libres qui ne sont pas bénéfiques. Donc, le thème que j'utilise personnellement est le thème loup de Shopify. C' est leur site web, mais il y a une foule d'autres thèmes disponibles. Donc, par exemple, si nous allons à, vous savez, des thèmes gratuits ici, explorer des thèmes gratuits, non ? Nous pouvons explorer les différentes conceptions thématiques que Shopify nous propose. Et nous pourrions visiter le Theme Store où il y a des poutres payantes par Shopify. Maintenant, il y a des thèmes tiers tels que pour Shopify turbo, toutes ces différentes marques. Ce que tu vas me voir faire, c'est que tu vas me voir créer une histoire en utilisant un magasin volontaire, d'accord. Mais vous pouvez utiliser n'importe quel type de thème ou n'importe quel type de configuration que vous voulez utiliser personnellement. D' accord ? Rappelez-vous que choisir un thème est lié à votre créativité, mais vous voulez aussi vous assurer que votre thème est fonctionnel et créatif, n'est-ce pas ? Donc, quand je dis fonctionnel, l'objectif principal du thème est qu'il se convertira à un niveau supérieur à la normale, ok, alors un thème typique serait typiquement libre thèmes n'incorporent pas cela, mais comme je l'ai dit, ce n'est pas nécessairement un exigence, c'est juste une option. Ok, alors allons de l'avant et passons à la leçon suivante où nous parlons de différentes configurations de thème. 4. Configurations de thème et démonstration de prévisualiser: Ok, alors allons-y et parlons de l'installation de 50m. Donc, selon l'endroit où vous obtenez votre thème, il y aura différents préréglages ou configurations que le thème va avoir. Ainsi, par exemple, le thème que j'utilise actuellement, ce qu'on appelle le loup de Shopify. Il a cinq démos différentes sont cinq configurations ou modèles différents, ok, avec des thèmes gratuits, ils ont des modèles différents aussi. Donc, je sais par exemple, le thème sans limites a différents modèles, n'est-ce pas ? Donc il y a du noir et du blanc et il y a un bon vibrant, car, disons par exemple, pour ce thème, vous avez des planches à neige, vous avez de l'extérieur, et vous avez la boxe, non ? Ce sont des démos différentes pour les trois thèmes ici ce que je remarque est qu'ils englobent généralement des conceptions similaires, juste des couleurs différentes, non ? Avec des faisceaux payants qui sont des tiers sur la boutique Shopify, vous allez remarquer un peu plus de différence avec un peu plus de créativité derrière eux, n'est-ce pas ? Mais si vous êtes un débutant, les thèmes gratuits sont un excellent point de départ. Mais si vous voulez prendre le commerce électronique très au sérieux, juste réalisé que les thèmes payés intègrent, la plupart d'entre eux au moins intègrent différentes démos. Et pour le thème spécifique que nous utilisons ici aujourd'hui, il aura différents aspects que nous pouvons utiliser pour développer notre activité avec les différentes démos. Et ces différentes démos vous seront utiles. Donc, si je viens d'un aperçu par exemple, ici, si nous appuyez sur personnaliser sur la page d'accueil pour et nous allons juste aller de l'avant et attendre que cela se charge. Vous allez remarquer qu'il y a différences significatives entre celle de la page d'accueil pour et la page de produit régulière, disons la page d'accueil. Donc, si nous sélectionnons juste sur cette page de produit à droite, pour les leggings OG Revival Languages, excusez-moi. Ce que vous voyez ici est une page produit avec trois segments de focus. C' est ce que j'appelle ici, trois segments de concentration. Et fondamentalement ce que c'est s'il y a un, vous savez, un concept sur lequel vous voulez que vos spectateurs se concentrent. Ces trois segments de focalisation permettent à vos utilisateurs de voir, vous savez, les taux de conversion et juste pour mieux diffuser votre message, n'est-ce pas ? Pourquoi nous choisir ? Informations sur les retours, informations sur l'expédition. Lorsque les gens comprennent plus d'informations sur votre produit et votre entreprise, il y a plus de chances qu'ils se convertissent en tant que consommateur parce qu'ils connaissent plus d'informations sur vous, est-ce pas ? Cela crée plus de confiance. Donc, juste pour voir la démo pour, si nous cliquez sur la page produit ici, ok, ce que vous allez voir comme une page produit qui est significativement différente de celle que vous voyez ici. Donc, par exemple, ce n'est pas significativement différent, mais vous avez ici trois points de concentration. n'y a pas trois points de concentration dans cette démo, n'est-ce pas ? Donc il y a différentes raisons et différents endroits où vous les auriez. Retournons en arrière. Par exemple, la page d'accueil à et prendra personnaliser et afficher cette page de produit et nous allons explorer les différences entre cela aussi. Alors allons-y et prenons cette charge et donnez-lui un mini ici. Et pendant que nous attendons qu'il se charge, passons à la page du produit, à droite, alors naviguons jusqu'à la barre supérieure ici et sélectionnez la page du produit. Ce que vous voyez ici, c'est qu'il y a trois points de concentration maintenant, et il y a aussi une boîte de mise au point spéciale, non ? Ce sont des fonctionnalités différentes que chaque démo peut avoir que vous souhaitez intégrer dans votre entreprise, n'est-ce pas ? Par exemple, si vous créez une annonce et que cela peut être un peu trop avancé pour en discuter. Mais si vous créez une annonce, je suis sur un certain produit qui dit 30% de réduction sur votre, vous ne voulez pas inclure cette information quelque part ici et la boîte d'offre spéciale, pourquoi est-ce ? Comme je l'ai dit, c'est une fonctionnalité différente que les différents thèmes permettent et ils ont juste des avantages différents pour eux. Ok, maintenant entrons dans la partie de conception réelle. Nous allons donc commencer par utiliser un design spécifique que nous aimons. Et nous allons passer en revue la conception dans la prochaine leçon, et nous allons prendre la décision finale pour y entrer. Et je vais vous expliquer pourquoi j'ai choisi ce design particulier et comment nous allons choisir de le mettre en place, non ? Alors entrons dans la troisième leçon. 5. PUBLIER PUBLSIHING NOTRE THÈME POUR UN aperçu: Ok, donc maintenant que nous avons traversé différentes configurations et différents designs, ici dans la troisième leçon, nous allons parler du thème ou de la démo que je vais choisir. Donc je vais choisir la démo numéro 3. Et pour pouvoir juste aller de l'avant et publier ça, nous allons aller ici sur le bouton Actions, et allons de l'avant et appuyez sur Publier. Maintenant, je sais que la démo n'est pas encore créée, mais une fois qu'elle sera créée, elle sera beaucoup mieux. Alors allons-y et appuyez sur Publier et attendez qu'il publie. Maintenant que la maison numéro trois est maintenant notre démo publiée. y a vraiment pas grand-chose à voir sur la page, sauf pour le basique. Alors allons de l'avant et personnalisons ici. D' accord ? Et donnons-lui juste une minute à charger pendant que nous attendons de charger. Rappelez-vous les gars, que quand vous chargez votre démo, ça pourrait prendre une minute ou deux pour commencer. Donc la maquette générale que je vois ici, c'est qu'on a une bannière de héros, non ? Et c'est ce qu'on appelle une bannière de héros parce qu'elle s'étend du côté gauche jusqu'au côté droit du thème ou du site, n'est-ce pas ? Nous avons en dessous une bannière fendue, suivie d'une grille de produits avec un sélecteur de produits sur le dessus. Ce sera un outil très utile que nous allons utiliser. Et comme je l'ai dit, c'est pourquoi choisir le bon thème compte beaucoup. Donc, si vous trouvez un thème qui a ces avantages, vous devriez certainement le ramasser. Juste ici est une bannière qui a une bannière promotionnelle. Donc idéalement, il y aurait une image ici et il y aura une image ici où vous pourriez un peu promouvoir l'entreprise. Pas sûr d'aller garder ça, mais nous verrons comment, comment les choses vont avec le design. Nous avons ici notre section nouveaux arrivants pour différents produits et différentes collections qui vont créer. Et nous n'avons pas Instagram arrête la section boutique, excusez-moi. Et nous avons un pied de page. Donc, ce que nous allons faire ici avec tout ce site web et ce thème, c'est que nous allons rendre les choses un peu différentes avec notre design. Bon, alors allons-y et commençons avec notre maquette. Donc juste pour aller de l'avant et me faciliter les choses, j'aime le concept d'avoir ce héros limité ici. Donc je vais choisir de le garder le moins. Split bannières est quelque chose que je suis très, beaucoup d'un partisan d'eux, je vais diviser des bannières. Et nous allons expliquer cela dans les parties ultérieures de cette leçon ou de ce cours plutôt. Mais la division des frontières est quelque chose qui va rester pour nous et notre grille de produits générale ici. Ce que je vais faire, c'est que je vais me débarrasser, je vais me débarrasser de cette bannière et de cette bannière. Alors allons de l'avant et appuyez sur la section juste enlevée ici. Et donc nous nous sommes débarrassés de ces produits sont ces frontières plutôt. Et donc nous avons nos produits, nous avons la section des nouveaux arrivants ici. Je vais aller de l'avant et me débarrasser de la nouvelle section arrivée. Nous avons donc notre section des ventes flash ici. On va s'en débarrasser. Et juste pour se débarrasser de quelque chose ou d'une section juste ici, il suffit de cliquer sur la section. Vous frappez ces trois petits points, vous appuyez sur Supprimer la section. Et allons-y et débarrassons de la section des boutiques Instagram. C' est quelque chose dont je vais me débarrasser aussi. Ok, alors nous allons appuyer sur supprimer la section. Donc, actuellement, nous avons notre home bound ou, ou notre front sont notre bannière de héros, notre bannière split, et notre grain de produit. D'accord ? Maintenant quelque chose que j'ai besoin que tout le monde fasse est de s'assurer qu'ils ajoutent leurs propres produits. C' est ce que nous allons aborder dans la prochaine leçon, c'est que nous devons ajouter nos produits et que nous devons créer des collections pour ces produits afin de pouvoir les classer et les faire apparaître sur notre site Web. Bon, alors allons-y et sauvegardons nos progrès jusqu'à présent. Appuyons sur le bouton Enregistrer et passons à la leçon suivante. 6. Bannières de héros: Ok, donc sans doute l'une des leçons les plus importantes où on parle de bannières. Donc, quand on parle de bannières de héros spécifiquement, donc généralement une bannière ici va ressembler à ça, non ? Il s'étend du côté gauche jusqu'au côté droit de votre site Web. Nous avons quelques paramètres que nous pouvons implémenter. Comme par exemple, nous pouvons rendre notre en-tête transparent et il peut fuir dans la bannière réelle que vous pouvez voir ici. Donc, si je, vous savez, une excuse, si je clique sur ce bouton, il va créer sa propre bannière. Si je clique sur transparent, cliquez sur cette bannière. Il va essentiellement fuir la bannière dans notre en-tête. Je pense que j'aime cette configuration. Donc ce que je vais faire, c'est que je vais sélectionner une image de bannière ou de meilleurs arrière-plans. Donc dans mon cas, juste, vous voulez vous souvenir des gars, cette bannière a un but et son objectif. Vous savez, qu'est-ce que vous présentez, quel accent ou vous présentez au consommateur ? Vous vendez des t-shirts ? Vous vendez des vêtements ? Vous vendez des crayons ou ce n'est que des cahiers. Quoi que tu vendes, ça devrait être quelque part dans la bannière. Aussi un bon endroit pour une bannière si vous en avez plusieurs comme ça, comme une bannière coulissante, est que vous voulez essayer d'implémenter le facteur que vous pouvez faire la promotion de choses et présenter vos ventes, présenter votre remises, présentez vos offres. Pour pouvoir le faire. Vous allez avoir une meilleure chance avec les taux de conversion, non ? C' est ce que les bannières de héros ou pour chaque bien immobilier sur notre site Web a un but, et c'est le but de cela. Alors allons de l'avant et allons dans le diaporama ici. Et pour notre première diapositive, qui sera la diapositive numéro un, nous allons sélectionner une image. J' ai des images préchargées. Vous pouvez sélectionner n'importe quelle image que vous voulez. Alors donnons cet atteste. C' était une bannière que nous avions à notre disposition. Et je pense que ça a l'air assez décent dans l'ensemble. Et nous pouvons sélectionner les différents en-têtes. Maintenant, si vous vous demandez quel est ce bloc qui dit un 160 par 46. Il s'agit simplement d'un logo, donc nous ne pouvons pas modifier cela dans la bannière. Comme je l'ai dit, c'est un truc d'en-tête dont on parlera dans les futures leçons. Mais juste pour cette vidéo, nous pouvons sélectionner l'une des couches inférieures que nous avons sauvegardées. Dans ce cas, évidemment, ça ne va pas être trop beau. Peut-être voulons-nous rendre le logo un peu plus petit pour qu'il ne s'éloigne pas de l'image. Donc, comme nous l'avons fait, il a l'air très, très propre. Nous pourrions même vouloir faire du texte et de la couleur une couleur différente pour les bannières. Donc vous pouvez voir ici, maintenant c'est beaucoup plus propre. Nous pouvons même éditer le texte. Il y a donc un bouton Shop Now ici. Pour ce faire, nous allons juste aller au diaporama, également connu sous le nom de bannière. Nous pouvons éditer le texte. Donc, dans ce cas, bouton de couleur. Nous pouvons faire la valeur par défaut pour être orange et planer pour être blanc, par exemple. Donc, chaque fois que quelqu'un passe et que les couleurs vont changer du bouton, et allons de l'avant et appuyez sur Enregistrer. Et actualisons simplement la page afin que nous puissions voir à quoi cela ressemble. Je vais retourner ici et rafraîchir. Laissez-moi attendre l'épargne. Ok, c'est sauvé. Et laissez-moi recharger ici. Donnons-lui juste une seconde pour charger. Parce que comme nous le savons, il y a beaucoup de contenu dans le magasin. Ok, on y va. Donc nous avons notre texte, nous avons notre bouton. Chaque fois que je survolerai le bouton, il deviendra blanc. Et nous avons notre logo qui est minimisé et nous avons un en-tête transparent. Maintenant, vous pouvez ajouter différentes bannières. Je vais garder cette bannière pour l'instant juste pour le bien de cette vidéo, comme je l'ai dit, donc nous avons couvert maintenant les manières des héros. Allons de l'avant et passons à diviser les bannières. 7. Comment créer des produits et des collections: Ok, donc maintenant pour créer nos produits et nos collections, on va retourner ici dans le bouton de sortie. Appuyons sur le bouton de sortie. Choisissons les produits. Maintenant, vous allez voir que j'ai une liste de produits sont prêts à être chargés. Maintenant c'est quelque chose que vous allez vouloir faire et je vais vous montrer comment faire ça exactement ici, maintenant. D' accord ? Donc, la première chose que vous allez faire est que vous allez passer le curseur sur le côté droit et vous devriez voir un bouton qui dit ajouter le produit. Ok, on va aller de l'avant et choisir ça. Et pour pouvoir ajouter un produit qui aurait besoin d'un titre, d'une description, d'un média et d'un prix. Donc nous n'avons pas nécessairement besoin de tous ces aspects comme nous n'avons pas besoin de description, nous n'avons pas besoin d'une image. Mais pour que notre magasin ait l'air décent, nous allons le faire. Et puisque nous modélisons notre magasin hors de l'activité alpha2, nous allons le faire pour cette vidéo. Donc, si je viens de chercher athlète athlétique, je vais trouver un produit que nous cherchons à promouvoir, donc ne sont pas promouvoir, mais nous cherchons à mettre sur notre site plutôt. Disons que dans ce cas, je cherche un t-shirt. Disons que c'est ce t-shirt, non ? Je vais aller de l'avant et télécharger les images. Et maintenant, dans votre cas, vous n'allez pas forcément télécharger des images de n'importe où. Vous allez créer vos propres produits, ou peut-être que vous êtes en train d'expédier ou quoi que ce soit. Donc dans ce cas, je vais appuyer sur ce petit bouton de téléchargement. Et on va juste cliquer sur le téléchargement ici. Téléchargez ici, ici et ici. Bon, maintenant que nous avons tout téléchargé comme nous le voulons, revenons ici et faisons simplement glisser et déposer chaque image. N' oubliez pas que vous pouvez facilement faire glisser et déposer des images sur votre section multimédia pour votre produit. Maintenant, maintenant que je sais que j'ai les images disponibles, cette image moyenne ici va être l'image focus sur notre produit. Donc si je devais juste donner ce nom, un produit nommé appelle chemise, et juste appuyer sur Enregistrer ici. Et si je devais prévisualiser le produit et nous allons aller de l'avant et le faire maintenant. Allons de l'avant et voir la vue sur ma boutique en ligne. À quoi ressemble un peu. Comme vous pouvez le voir, c'est le produit de la photo principale. On n'en veut pas évidemment. Nous voulons montrer cette photo comme la photo supérieure ou la principale. Donc on va juste y retourner. Et nous allons juste faire glisser et déposer la photo à l'avant. Ok, et allons-y et vous pouvez voir ici que nos médias ont déjà sauvé. Nous n'avions pas de notification qui a surgi. Maintenant, dans ce cas, je veux que mon prix de produit soit corrélé. Donc, ce que cela signifie, c'est que si nous avons d'autres chemises sur notre site, nous voulons facturer le même prix tout au long du site, non ? Donc c'est juste, ça rend le site un peu plus propre et un peu plus simple. D' accord, alors revenons ici et faisons 28$. Mais d'abord, nous devons créer des variations. Donc, si vous n'avez pas de variations à vos produits telles que les différences de taille et de couleur, etc. Vous pouvez simplement taper 20 ici sans problème et vous pouvez simplement enregistrer votre travail. Mais dans mon cas, nous avons des variations au produit. Donc je vais faire défiler vers le bas et aller à la variance ici. Et allons-y et frappons ici. Et on va taper la taille. C' est une variante pour nous. Et nous allons ajouter les différentes tailles. Si petit, nous avons moyen, nous avons grand, et nous avons extra grand. Et pour tous ceux qui veulent savoir comment nous les avons ajoutés, tout ce que vous avez à faire est de taper le mot et une fois que vous voulez ajouter le mot, vous appuyez simplement sur Entrée. Et donc nous avons frappé sauver ici. Et tant que nos produits sont tous au même prix, carbone apparaît ici à 28 ans. Et ce que nous pouvons faire, c'est prendre le temps de prévisualiser le produit. Donc si je cherche juste un t-shirt ici, on devrait voir la chemise pop-up. Donc c'est là. Et allons de l'avant et voyons simplement le produit. Et donc la chemise est disponible. Évidemment, comme vous pouvez le voir, le seul problème que nous avons, c'est qu'il ne s'arrête pas. Il ne peut pas être commandé. Alors, comment pouvons-nous manipuler les stocks ? Parce qu'on va retourner ici et on va éditer notre quantité. Donc dans ce cas, je pourrais écrire quelque chose comme dix. Je pourrais écrire un 100 ici, ou un millier. Je pourrais écrire 40 ou 30, je pourrais écrire 20. Et allons de l'avant et appuyez sur sauver. Maintenant, si c'est votre produit, vous avez acheté quelque chose que vous voulez faire, c'est que vous voulez vraiment compter votre quantité. Ou juste, vous pouvez avoir un réglage dans le magasin où vous ne voulez même pas compter la quantité, mais c'est quelque chose qui est un peu plus avancé dans mon cas, je recommande toujours à tout le monde de compter les quantités pour vos produits, ok  ? Maintenant, je ne vais pas non plus nommer la chemise du produit. Je vais appeler ça blackout. Arrêt de courant, non ? Le blackout t. Allons de l'avant et appuyez sur Enregistrer. Ok. Nous avons donc le nom de notre produit, nous avons nos photos, et nous avons notre prix. Maintenant. Maintenant, juste pour me sentir à l'aise, je veux juste aller de l'avant et prévisualiser le produit une fois de plus et m'assurer qu'il a l'air bien. Et donc nous pouvons voir ici que nous avons l'image principale que nous avons. Si nous continuons à défiler, nous avons les autres images et nous les avons aussi en stock. D' accord. Donc, si quelqu'un veut juste poser une question rapide sur et cette section pressée. Avec cette section ici, c'est comme je l'ai dit, un thème. Et c'est un thème par défaut. Donc, selon le thème que vous avez, vous allez avoir différents avantages et différents regards sur vos pages. Et mon cas avec le thème que j'ai acheté dans le thème que j' ai est que je peux avoir cette fonctionnalité, qui fondamentalement ce que cette fonctionnalité fait est qu'il est un conseiller d'incitation. Donc, quand les gens viennent sur mon site Web et que j'ai comme une annonce qui est en cours d'exécution ou quelque chose comme ça. Il dit stock limité disponible et ils voient quelque chose comme ça. Cela va les motiver à acheter plus. Ok, donc c'est juste un petit conseil là. Maintenant, avant d'aller de l'avant et de terminer la leçon ici, nous devons faire deux choses de plus. Nous devons ajouter une description et nous devons ajouter ce produit à ce qu'on appelle une collection, non ? Donc, ajouter une description est très simple. Il vous suffit de taper du contenu et d'enregistrer pour que vous puissiez faire du contenu et boulonner. Vous pouvez mettre en italique le contenu et le souligner, n'est-ce pas ? Vous pouvez ajouter des points de puces. Donc si je voulais ajouter des points de puces ici, je dirais, vous savez, tous ces points de balle différents à mes produits. Je peux ajouter des images. Donc si je voulais ajouter une image à ma description comme cette image et frapper, ou je pourrais le faire, non ? Il y a beaucoup de choses que je peux faire dans ce cas. Ce n'est pas quelque chose que je veux faire. Alors je vais aller de l'avant et me débarrasser de tout ça. Et ce que je vais faire, c'est que je vais juste copier et coller la description qui est à ma disposition. Évidemment, ce ne serait pas le cas dans un magasin de la vraie vie. Fondamentalement, vous devez avoir votre propre description, vos propres photos, vous êtes votre propre nom de produit, tout ce genre de choses. Mais ce que je fais ici, c'est que je suis en train de remodeler le ticket du magasin pour vous montrer les gars et vous donner une idée de la conception devrait être. Ok, alors allons-y et revenons ici. Et donc nous avons tous ces différents produits que nous avons disponibles. Allons-y et revenons en arrière. Ce sont juste une sorte de liste de produits ont été créés une fois que vous les gars créé une liste de produits que vous voulez ou que vous avez fini, nous allons devoir créer des collections. D' accord ? Donc, fondamentalement, quelles sont les différentes catégories pour certains produits ? Donc nous avons notre catégorie de produits ici ou une collection appelée tops pour hommes, non ? Et en passant, pour créer une catégorie, il suffit de cliquer sur les collections et de créer une collection, n'est-ce pas ? Et ça ressemblera à ça. Vous allez sélectionner Manuel pour le téléchargement manuel des produits. Et vous allez juste chercher tous les produits qui pourraient correspondre à la commande. Donc, dans ce cas, nous avons des hommes qui s'arrêtent et un des hauts des hommes est ce T. occultant . Laisse-moi aller de l'avant et frapper fini. Donc, vous pouvez voir ici, il est ajouté et nous pouvons ajouter une description si vous voulez. C' est vraiment facultatif. Dans mon cas, je ne vais pas l'ajouter, mais c' est une façon décente d'aller de l'avant et de commencer. Donc, vous voulez le faire avec tous les produits que vous avez. Vous voulez les intégrer dans différentes collections. Et plus d'un produit peut contenir plus d'une collection. Imaginez si vous aviez un accessoire comme une paire de lunettes de soleil. Cette personne lunettes pourrait entrer dans la collection d'accessoires et il pourrait s'intégrer dans la collection de lunettes de soleil. Ainsi, les produits peuvent s'intégrer dans plus d'une collection en même temps. Ok, alors assure-toi de faire ça. Vous ajoutez tous vos produits, vous ajoutez toutes vos collections. D' accord, puis passons au segment suivant où nous parlons de référencement pour les pages produits. 8. SEO DU PRODUIT: Ok les gars, bienvenue à la leçon numéro cinq, où nous parlons d'effectuer le référencement pour les produits. Donc, c'est juste un petit segment, je suppose, sur le SEO. Il y a certainement des façons de parler pendant des heures, des heures et des heures sur le référencement. Mais ce que le SEO signifie juste, c'est qu'il représente l'optimisation des moteurs de recherche. Et fondamentalement, si vous ne savez pas ce qu'est un moteur de recherche, un moteur de recherche est, par exemple, google.com, yahoo.com, Booking.com. Vous savez, ce sont tous des exemples de moteurs de recherche. Et fondamentalement ce que SEO est où vous optimisez votre site Web pour un moteur de recherche. Maintenant, une partie de cette optimisation que vous pourriez faire sur Shopify est de s'assurer que vous dites à Google, hey, je veux classer pour ce mot-clé spécifique. Donc dans ce cas, si je vendais ce t-shirt, comme si je le vendais vraiment, accord, et cliquez simplement sur le prof. On appelle ce t-shirt un t noir, non ? Si je vendais vraiment ce t-shirt, je ne voudrais pas classer sur Google pour le mot clé occultant T afin que lorsque quelqu'un le cherche et qu'il puisse voir mon produit. Comment puis-je dire à Google que je veux classer ? Eh bien, c'est quelque chose que vous allez vouloir faire avec chaque produit que vous avez. Vous allez vouloir avoir le mot clé pour lequel vous voulez classer dans le titre de votre produit. Vous voulez l'avoir quelque part dans la description. Et vous voulez l'avoir comme type de produit et vous voulez l'avoir comme attaque. Donc, c'est juste un petit truc que je fais pour m'assurer que je me classe sur Google, ou au moins je dis à Google, hey, je veux classer pour ce mot-clé. Voir ce qui se passe est que Google se classe hors de quelque chose appelé densité de mots clés. Et comme je l'ai dit, on peut beaucoup en parler. Mais la densité des mots-clés signifie juste combien de fois ce mot-clé est-il dense ? Quelle est la densité ? Combien de fois est-il trouvé dans la page Web ? Donc si j'ajoute le blackout, non ? Et si je l'ajoute ici, et je l'ai dans ma description quelque part, même si ce n'est peut-être pas le cas. Mais disons simplement que c'est le cas et disons Tier I tape save. Maintenant, quand Google commence à ramper, le site peut dire et ils peuvent dire, ok, clairement ce site Web veut se classer pour blackout T. Une autre façon de sont aussi une autre chose que vous voulez faire attention à est alt texte. Donc, chaque fois que vous n'aviez pas d'image, vous voulez dire à Google quelle est cette image, n'est-ce pas ? Donc, vous appuyez simplement sur le texte alt et vous ajoutez le mot-clé dans votre texte alt. Appuyez sur Enregistrer le texte alt ici. Et allons-y et débarrassons-nous de cela et faisons la même chose pour tous les produits, non ? Et vous pouvez tester différents mots-clés et des choses comme ça pour différents textes alt. Mais dans l'ensemble, c'est une bonne approche à avoir, n'est-ce pas ? Et la raison en est que si vous obtenez 100 visiteurs supplémentaires parmi 25020, quel que soit le nombre, c'est essentiellement obtenir du trafic gratuit vers votre site Web que vous n'avez pas à payer. C' est pourquoi nous faisons le référencement et c'est en fait ainsi que nous faisons le référencement. D' accord les gars, passons à la leçon suivante. 9. Ajouter des produits en ligne: Allons de l'avant et commençons la leçon numéro 6, où commencer la mise en œuvre du produit, non ? Alors allons de l'avant et dirigeons vers la boutique en ligne et frappons sur personnaliser. Maintenant, la première chose que nous allons vouloir faire est n'importe quelle section où nous voyons des produits vides pourrait devoir être remplie avec certains produits qui se vendaient. Comme vous le savez, nous vendons des produits liés aux hommes et aux femmes. Donc quelque chose comme ça est inacceptable. Nous devons nous assurer qu'il a des images de produit. Alors allons de l'avant et appuyez sur la version du produit ici. Et nous avons différents onglets de produits. Donc, dans un onglet, je vais nommer un onglet, pour hommes pour les produits pour hommes et un autre, je vais le nommer pour femmes. D'accord. On a une femme et un homme. Ce sont des onglets différents que les gens vont être en mesure de passer à travers. Maintenant, laissez-moi aller de l'avant et ajouter une collection pour cela. Alors frappons la collection select. Et nous allons frapper les hommes, frappons sur Select. Ok. Nous avons donc une sélection de produits pour hommes ici. Et nous avons une sélection que nous allons ajouter pour les femmes ici. Et nous allons sélectionner notre produit pour femme. Alors, cherchons les femmes. Et celle des femmes est là. Appuyez sur Select. Ainsi, chaque fois qu'un consommateur clique sur notre grille de produits ici entre les femmes et les hommes, il sera en mesure de parcourir nos produits. Et si je veux que ça paraisse un peu plus propre ? Ce que je vais faire, c'est d'organiser l'apparence de mes produits. Alors, comment puis-je faire ça ? Allons de l'avant et jetons un coup d'oeil à ça ici. Et mémorisons ce que c'est, quelle collection c'est. Donc, nous avons une collection pour hommes et nous avons notre collection pour femmes. Laissez-moi aller de l'avant et ajouter la collection ici. Et ce que je vais faire, c'est que je vais modifier la conception de façon dont les produits pour hommes sont, sont sélectionnés. Donc, si je viens de cliquer sur Browse, nous avons quelques produits pour hommes ici. Donc, je vais sélectionner celui-ci, celui-ci, et tous les autres produits liés aux hommes. Donc on a ça, non ? Le joggeur, le short de sport. Ce sont tous des produits pour femmes. On a des t-shirts pour hommes. Et c'est fondamentalement maintenant un peu comme comment dans la vie vous voulez apporter la meilleure impression pour avancer. C' est, va la même chose pour les sites Web. Donc ce que je vais faire, c'est que je vais aller au menu ici. Et ce que je veux faire, c'est que je veux modifier l'ordre de l'endroit où les produits sont présentés, pourquoi ils apparaissent à un certain stade, parce que cela me donnera une meilleure chance d'en convertir un. Mon site est juste conçu plus proprement. Donc proprement, si c'est le bon mot. Donc 1234 chemises ici. On a encore quelques chemises ici. Ensuite, nous avons quelques courts. Nous avons donc dix produits au total. Allons-y et c'est déjà sauvé. Donc, si ce bouton est grisé comme ça, alors cela signifie qu'il est déjà enregistré. Donc, nous pouvons retourner ici à nos collections et nous allons juste chercher des femmes. Donc ce sera le dernier ici. Et on va faire exactement la même chose ici. Alors allons de l'avant et naviguons. Et sélectionnons tous les produits pour femmes. Nous avons donc deux centaines de produits ici. Nous avons, à partir du bas, nous avons ceci, ceci, ceci, ceci, ceux-là. Voyons si on a raté quelque chose ici. Je vais continuer à faire défiler vers le haut. Et cela semble être une bonne configuration jusqu'à présent. Allons de l'avant et frappons fait. Et maintenant, nous allons trier manuellement en sélectionnant la commande. Et je pense que je veux sélectionner ce produit pour être le premier. C' est à moi d'abord. Troisièmement ici, amenons les vestes sans couture. Et cette veste sans couture, Nous avons le short et nous avons le haut de bikini, donc ça va être assez bon. Évidemment, c'est déjà sauvé. Revenons donc à notre page personnalisée ici et nous allons simplement rafraîchir notre page et voir à quoi ressemblent nos collections de produits lorsque nous avons implémenté notre propre type de configuration de produits. Donc, donnons juste ça une seconde à charger et tout devrait être prêt pour nous très rapidement. Peut-être que si je sors d'ici. Ok, donc vous pouvez voir ici nous avons nos produits téléchargés maintenant. Donc quelque chose que je vais faire, c'est que je vais vouloir l' amener en bas à droite avec ça. Et je vais vouloir faire ce montage, mais dans l'ensemble, il semble assez décent. Donc, vous pouvez voir ici évidemment premier chargement. Donc quelque chose que je voudrais faire est de me débarrasser de ces produits parce qu'ils ont une forme différente ou plus petite taille. Mais c'est quelque chose que vous allez vouloir faire avec vos sites web aussi. Et tu vas t'assurer que les images sont toutes uniformes et de la même taille. Ok, et c'est juste un petit conseil pour vous les gars. Alors allons-y et faisons-le sur la caméra très vite. Donc, cette performance d'accord T doit être ramenée à un fond, sinon totalement cachée. Et cela, alors qu'ici, ces trois produits devraient être juste, disons-les totalement. Donc, ce qu'on va faire, c'est retourner dans nos collections. Alors passons ici dans notre bannière, et allons-y et excusez-moi, pas notre bannière. Nous avons notre produit v3. Allons dans les hommes, nous allons frapper la collection Edit. Et comme je l'ai dit, nous devons éditer notre performance de base t et déplacer cela jusqu'au bouton juste pour les caractéristiques de taille. Et ce que je veux faire. Dans ce cas, puisque la performance du noyau t est beaucoup plus petite, passons cela vers le bas ici. Et nous allons tirer vers le haut la, faisons juste seulement dix produits au sommet. Donc, si je vais de l'avant et que je garde ça et que le jogger de l'identité et la performance de base T. Donc, nous avons le jogger de l'identité ici. Je vais aller à la tête. Et donc nous avons ce jogger d'identité. Et nous avons le jogger universitaire. Donc ce qu'on va faire, c'est qu'on va se débarrasser de cette racine. On va se débarrasser de ça et se débarrasser de ça maintenant, typiquement les gars, normalement, j'aurais ces produits disponibles sur le site Web. Combien y a-t-il déjà trop petit ? Les photos sont juste ne sont pas belles. Donc je ne veux pas risquer la qualité. Ou l'aspect design juste pour les avoir disponibles comme ça n'est pas intéressant pour moi. Donc, nous avons, voyons juste combien de produits nous avons. Nous avons 12 produits de visible. Donc, il devrait être le premier 12. Alors regardons de 1 à 12 ici. Nous avons donc 1234567891011. Cela devrait être 11 et cela devrait être 12. Ok, allons-y et assurez-vous que nous avons neuf produits disponibles. Alors débarrassons-nous de ça. Débarrassons-nous de ça. Débarrassons-nous de ça. Allons de l'avant et mettre à jour ce très rapidement. Ok, donc neuf produits sont disponibles. Et si on rafraîchit ça, ça devrait ressembler exactement comme on le veut maintenant, ça devrait paraître uniforme, tout très propre. Donnons ça une minute. Ok. Oui, ça a l'air tout uniforme. L'air très propre. Maintenant, nous avons ce produit qui traîne ici avec aucun autre produit avec cet espace vide. Et ça ne me semble pas bien. Donc ce qu'on pourrait faire, c'est qu'on pourrait vérifions juste quelques réglages ici. Nous pouvons modifier le style de l'article du produit. Je ne sais pas si je veux vraiment le faire, mais ce que je veux faire, c'est que je veux montrer, disons dix produits. Disons neuf produits dans ce cas, ses huit. Ouais, huit produits aussi bien. Tenons-en à huit. Et je peux évidemment éditer combien de produits sont là dans la rangée ici, mais ce n'est pas intéressant pour moi actuellement en ce moment. Juste pas quelque chose sur lequel je veux me concentrer. Nous pourrions évidemment modifier le style de l'élément. Donc, dans ce cas, nous avons le style d'article numéro six. Donnons-lui juste une seconde pour prévisualiser le style d'élément numéro cinq. Voyez si cela fait une grande différence pour notre design. Et rechargeons très rapidement juste pour l'amour de la vitesse. Retournons ici. Devrait charger en une seconde. Rappelez-vous les gars, ce nouveau design pour Shopify est un peu buggy. Shopify a donc changé son interface utilisateur. Donc ça pourrait être un peu buggy, mais vous pouvez voir ici maintenant le design réel est différent, non ? Donc nous avons ce design maintenant, donc c'est à vous de décider quel style vous aimez. Donc, si je retourne ici et que j'ai juste utilisé le style, disons numéro trois, voyons à quoi ressemble le son numéro trois. Et si je retourne ici et je me rafraîchis, devrait prendre quelques secondes. C' est le style numéro trois. J' aime beaucoup le style numéro trois. Qu'est-ce que vous en pensez les gars ? Vous allez me le dire ? Mais, tu sais, si les couleurs gênent le chemin, je pense que ça semble plutôt décent pour ce qu'on fait. Mais nous avons des hommes et des femmes. Donc avec les femmes, nous avons ces trois produits qui traînent, donc nous aurons la même chose. Nous pourrions donc aussi bien choisir huit produits pour les femmes. Alors passons à V3 ici, et sélectionnons huit. Alors huit, frappons sur Sauvegarder. Allons chez les femmes. Et voilà. Nous avons huit produits pour femmes. Maintenant, pour que ce genre de configuration ou le style ait l'air bien, il faudrait que ce texte soit un peu différent. Peut-être qu'il serait orange, sont prêts à commencer avec. Mais on ne s'en souciera pas trop pour l'instant. C' est donc exactement ainsi que vous créez manipulez et mettez en œuvre vos produits pour votre magasin. Ok, passons à la leçon suivante. 10. L'art de créer des bannières Split: Ok, donc diviser les bannières, nous voulons avoir une sorte de thème correspondant. D' accord ? Donc, avec une bannière fendue, vous devez vraiment analyser vos produits, ce que vous avez à vendre, ce que vous avez à disposition. Et la raison pour laquelle cela est important est parce que les consommateurs veulent voir la segmentation et vos produits. Ainsi, par exemple, c'est un magasin de vêtements pour hommes et femmes. Une idée de ça, c'est qu'on a des hommes et des femmes qui viennent à notre magasin de vêtements. Nous voulons leur présenter ce qu'ils achèteront le plus rapidement possible. Bon, alors allons-y et allons sur le diaporama ici, ou revenons ici plutôt. Et frappons la bannière. Maintenant, il va y avoir différentes bannières que vous pouvez ajouter lorsque ce thème, vous pouvez utiliser le thème que vous voulez. Mais allons-y et sélectionnons une bannière. Et pour notre première image de bannière que nous avons, rappelez-vous que nous avons le réglage numéro un, d'accord ? Quelle est cette image ici. Et nous avons réglé le numéro deux pour cette image de bannière. Donc, idéalement, nous avons des produits pour hommes et femmes. Donc, nous voudrions diviser les bannières en quelque chose qui est un peu égal ou similaire. Alors, nous allons cliquer dessus. Voyons à quoi ça ressemble. Donc nous avons une bannière divisée ici. Peut-être que nous pourrions simplement cliquer autour et voir comment les autres produits sont façonnés. Voyons voir ici. Donc ça a l'air bien. Nous avons tout un tas de produits différents. Cette bonne chose lorsque vous travaillez avec une marque comme celle-ci, c'est qu'ils ont beaucoup d'images que nous pouvons télécharger et tester. Voyez ce qui a l'air bien et ce qui n'a pas l'air bien. Donc on peut essayer un tas de choses différentes, non ? Nous avons tout un tas d'images différentes à choisir. Donc, comme je l'ai dit, vous voulez télécharger différentes images et tester et voir un peu à quoi elles ressemblent. Vous voulez avoir une certaine uniformité, évidemment. Donc, si une image est d'une taille, vous voulez avoir un autre type d'image de corrélation. Et vous voulez montrer aussi une nette différence entre les deux. Imaginez si c'était le numéro un, et disons que ce serait le numéro deux. Ce n'est pas vraiment une façon idéale d'utiliser vos frappeurs fractionnés parce que le concept est que nous vendons produits pour hommes et femmes ici, puis des hommes et des femmes ici. Donc nous voulons séparer les identités. Donc nous avons une image ici, disons, et disons, voyons si cette image voit que les tailles des images ne correspondent pas. Donc on ne veut pas y aller. Nous voulons nous assurer que les tailles d'image correspondent. Alors peut-être qu'on peut cliquer sur, par exemple, ça, non ? Le magasin de base que nous avons disponible ici, ou les photos plutôt je suis nous avons quelques images différentes qui montreront comme par exemple, celui-ci. On a cette image, non ? Juste un peu comme nous avions dans la démonstration que j'ai créée. Et nous avons, allons juste aller de l'avant et charger plus pour que nous puissions prévisualiser. Et nous avons celui-là. Donc vous pouvez voir ici qu'il y a une énorme différence. Donc, par exemple, à droite, je dirais quelque chose comme peut-être des programmes d'entraînement. Et à gauche, ce serait quelque chose comme des vêtements d'entraînement. D' accord, donc ce sera un peu différent. Nous pouvons évidemment éditer les couleurs des boutons et des choses comme ça, mais c'est juste un endroit décent pour commencer avec nos bannières divisées. 11. Comment ajouter des images à notre site Web: Ok, alors discutons de la façon d'ajouter des images à notre thème dans notre site Web ici. Nous pouvons donc ajouter des images de deux façons différentes. Donc, nous pouvons aller à, par exemple, comme une bannière ou quelque chose comme ça, changer et ensuite juste télécharger un tas de contenu ici. Mais il y a d'autres façons de le faire, et c'est ce que je vais partager avec vous aujourd'hui. Donc, si vous pouvez voir ici, j'ai téléchargé un tas d'images. Si je pouvais juste le prendre, le faire glisser et le déposer, il sera téléchargé ici. Ou ce que je pourrais faire, c'est que je peux me diriger vers accueil de Shopify pour que je puisse aller à la sortie et que je puisse taper des fichiers. Et vous verrez ici une option pour les fichiers. Cliquons sur ça. Et il va charger tous les fichiers. Et nous pouvons simplement cliquer sur télécharger des fichiers ici et nous pouvons simplement glisser et déposer toutes les images que nous voulons ajouter et frapper ouvert. Vous verrez qu'ils vont commencer à se charger. Il y a cette petite barre verte qui est considérée comme une barre de chargement qui a tout chargé. Donc, la raison pour laquelle j'ai ajouté toutes ces images est que c'est quelque chose que vous voulez faire aussi, c'est que vous allez vouloir avoir à accumuler tout votre contenu avant de commencer votre conception de thème. Vous voulez avoir des tailles généralement similaires. Et vous voulez avoir comme une maquette d'une idée de l'apparence de votre thème ou de l'apparence de votre site Web. Et c'est pour ça que ce cours est destiné, non ? Pour que nous puissions vous guider à travers ça. Mais vous voulez certainement télécharger du contenu. Et c'est juste quelque chose d'un petit conseil que j'ai trouvé qui rend la vie un peu plus facile tout au long du processus de construction. Ok, passons à la partie suivante. 12. Créer une deuxième bannière sur notre site Web: Ok, donc maintenant que j'ai téléchargé du contenu, je veux créer une deuxième bannière sur notre site Web. Alors allons de l'avant et allons à la boutique en ligne ici. Et nous allons appuyer sur le bouton Personnaliser. Et débarrassons-nous de cette petite barre de chargement ici. Et ce qu'on va attendre, c'est tout le thème à charger, juste, pour, pour que tout se charge. Donc, maintenant. Et vous pouvez voir ici, sur le côté droit de la batterie, nous avons un 123. Maintenant, ils sont vides. Je pourrais choisir d'utiliser cette bannière spécifique ou diaporamas qu'ils appellent, mais je peux aussi utiliser d'autres choses. Donc nous avons une bannière, une, bannière à interdire ou trois, bannière pour Ben 5, non ? Et cette limite n'est pas nécessairement comme ça. C' est tout le chemin à travers la bannière 6, non ? Comme un système à travers comme celui-ci. Et nous avons aussi un diaporama. Alors allons par ici et frapper la charge plus. Et comme je l'ai dit, ce ne sera pas la même chose pour tout ce qui dépend juste de quel thème que vous avez. Et donc je vais faire défiler un peu plus vers le bas. Et donc, nous avons différents sideshow. Donc tu as un diaporama, non ? Ce qui est un grand diaporama de héros. On a un diaporama pour diaporama trois, non ? Diaporama pour Diaporama 5. Donc, vous avez l'idée de ce que je vais aller avec eux, juste rester avec le diaporama que nous utilisons actuellement. Et je vais juste ajouter une nouvelle bannière. Alors frappons sur Select immature. Et sélectionnons sur l'image que nous voulons. Et appuyez sur Select pour que nous puissions voir à quoi ça ressemblera. Et ça m'a l'air bien. Maintenant, une fois que je sauverai mes progrès et que je retournerai ici, ils ne seront pas au-dessus de l'autre comme ça. Il y aura la petite flèche ici avec 123 et elle sera disponible pour nous. Je vais en fait me débarrasser du numéro trois ici parce que je ne pense pas que numéro trois n'est pas nécessairement nécessaire pour le sideshow numéro trois, allons de l'avant et frapper sauver, et nous allons juste rafraîchir. Alors allons de l'avant et juste rafraîchir très rapidement. Et ça devrait nous donner exactement ce dont nous avons besoin, qui va être 21 diaporama avec deux images différentes ou comme bannières, ils vont jouer sa bannière. Donc on en a un ici et on doit, on y va. Donc c'est assez bon pour nous. Vous pouvez voir qu'il y a une animation de choses qui bougent, non ? Donc c'est bien. Et puis j'aime ça. Et c'est quelque chose que je vais m'en tenir à notre thème. Donc nous en avons 12 maintenant si je voulais faire de celui-ci le premier, je vais juste le faire glisser comme ça. Et puis ce sera le premier, puis le jaune sera le second. Donc celui-ci sera le deuxième. Cela aura la position numéro un. Nous pouvons également modifier les marges. Nous pouvons les rendre plus grands ou plus petits. Dans ce cas, les marges par défaut sont parfaites qu'elles fonctionnent pour moi. Mais si vous voulez les changer, vous pouvez simplement ajouter un nombre comme 40 ou 20 ou quelque chose comme ça. Et cela changera l'aperçu des pixels. Et mon cas, comme je l'ai dit, les marges sont parfaites là où elles sont. Donc je vais juste sauver mes progrès, ok. Et comme je l'ai dit, ce que vous voyez ici, c'est le chargement du thème, non ? Il montre diaporama un diaporama à, une fois que cette barre verte a chargé tout le chemin à travers, elle sera au-dessus de l'autre comme elle est censée être. Il va en avoir un petit ici, un peu comme ça. Et c'est exactement à quoi cela ressemblera sur la fin du consommateur et sur votre côté. Donc c'est juste quelque chose à garder à l'esprit. 13. Monter des bannières Split: Ok, donc quelque chose que je vais faire, c'est que je vais éditer nos frappeurs. Vous allez découvrir qu'il y a des moments où vous devez modifier le contenu de votre site Web, tout comme je l'ai fait ici. Maintenant, si vous vous souvenez, tout le but d'une bannière divisée était que nous pouvons fondamentalement segmenter nos produits sur notre site, n'est-ce pas ? Nous avons donc des produits pour hommes et femmes. On veut donc en faire un pour les hommes et un pour les femmes. Eh bien, il se trouve que j'ai le contenu pour ça. Alors allons de l'avant et changeons les choses. Donc, par exemple, j'ai cette image, non ? Et j'ai cette image. Quelle que soit l'image qui pourrait être la meilleure pour les femmes. Alors sélectionnons celui-ci. Et pour les hommes, je vais choisir, disons cette image, non ? Et vous pouvez voir ici le, ils sont tous les deux de la même taille. Et ils ont l'air vraiment, vraiment bien ensemble, non ? Donc, il montre juste la, accentue les différentes caractéristiques du thème où vous pouvez avoir sport et vous pouvez avoir des vêtements pour sortir, non ? Pour les hommes et les femmes. Et nous pouvons jouer avec les différents paramètres et les différentes images. Donc si nous n'aimons pas cette image, nous pourrions tester à quoi elle ressemble ou peut-être à quoi elle ressemble, non ? Peut-être que celui-ci a l'air un peu mieux et c'est ce qui ne va qu'avec. Donc, je vais juste sélectionner sur celui-là. Et c'est comme ça que je l'ai conçu. Maintenant, ce que nous allons vouloir faire, c'est que nous allons vouloir modifier le texte sur les bannières séparées. Donc dans ce cas, je veux que mon texte soit blanc, non ? Parce que l'arrière-plan est un peu plus léger. Et il est écrit ici best-sellers. Faisons ce texte blanc. Ok, et donc cette partie devrait être blanche. Nous pouvons également changer la couleur comme il n'a pas nécessairement besoin d'être blanc pour avoir un gris clair tendance à elle. Il peut avoir une teinte rouge. On peut faire toutes choses différentes. Je vais rester avec du blanc ici. Allons-y et restons avec du blanc. Alors on y va. Je sais que ce blanc va sortir vraiment, très bien avec cette image. Alors allons-y et faisons-le. Allons-y avec du blanc juste là. Et blanc juste là. Droit ? Alors voici un texte. Et faisons le bouton blanc aussi. Ok. Donc, le bouton de couleur blanc devrait être ce bouton ici. Et cela va prendre un peu de temps changer une fois qu'il suffit d'enregistrer les paramètres parce que ce n'est pas nécessairement du texte. Et changeons ça ici. Nous pouvons également changer la couleur, n'importe quelle couleur que nous voulons dans ce dégradé. Donc si je voulais le faire comme un bleu, ou si je voulais correspondre aux couleurs que j'ai ici, comme un truc orange, jaune. Je peux aussi le faire. Donc disons juste que je voulais que ce soit, tu sais, ce qu'on veut. Disons que c'est une couleur jaune orangé. Et on peut juste tester la technologie et voir à quoi ça ressemblerait. Donc cette orange, jaune. Donc ce n'est pas vraiment mon style. Je ne pense pas que ça soit trop beau. Donc je vais garder le VL. Laissez-nous garder le blanc. Le blanc a l'air assez bien. Pour qu'on puisse le faire. Et gardons ce blanc aussi. Alors allons de l'avant et sauvegardons nos progrès. Assez à quoi ressemblent les choses. Et donnons un coup de feu ici. Et pour l'instant, je veux dire, ça a l'air décent. Au fur et à mesure du chargement, la couleur du bouton changera. Mais quelque chose que nous devons faire aussi est que nous devons nous assurer que nos manières divisées correspondent au bon produit. Donc, dans ce cas, nous avons tous nos produits pour bannière un. Et évidemment, nous ne voulons pas tous les produits. Nous voulions être des produits pour femmes. Alors allons frapper les collections ici, et cherchons les femmes. Et ça va conduire aux femmes, non ? Et pour les hommes, nous ne voulons évidemment pas de produits qui voulaient être des hommes. Alors, cliquez ici et disons les hommes. Et frappons sur Enregistrer. Ok. Et revenons juste en arrière. Et une fois que nous actualiserons cet aperçu ou même un aperçu du site Web, nous serons en mesure de tout voir dans l'aspect que nous voulons voir. Donc si je frappe, eh bien, c'est vraiment rafraîchissant pour nous. Donc je n'ai pas vraiment besoin de faire ça. Malveillant. Donne-lui une seconde ici. Défilons vers le bas. Alors on y va. Si nous cliquons dessus, il nous mènera directement à notre arrière-plan ou non à notre arrière-plan, notre page de collections de produits. Ou c'est ce qu'il devrait faire au moins. Et on y va. Il nous a amenés à la page de collection de tous les produits pour hommes. Mais ce qu'il a fait, c'est nous avoir emmenés à la mauvaise collection. Donc je vais devoir faire ce genre de changements à mon temps libre. D' accord, donc c'est quelque chose que vous voulez faire attention aussi. 14. Prévisualiser notre bannière de site Web: Ok, alors qu'est-ce qu'on fait ? Une petite démo vous montrant un peu comment la bannière fonctionne et comment elle fonctionne sur une section précédente. Donc, c'est moi qui prévisualise le site à l'extérieur. Parfois, l'éditeur pourrait ne pas le ramasser et j'étais juste un peu confus et je voulais voir et confirmer que cela fonctionne. Si nous allons juste ici sur le web réel, faites défiler soudainement vers l'un des boutons. Nous cliquons sur le bouton, vous verrez comment il nous mène à la bonne catégorie maintenant, ainsi sont la bonne collection. Donc, ce n'est pas comme si on avait fait une erreur. Parfois, je suppose que cela arrivera juste avec l'éditeur. Et comme nous parlons de collections, je veux parler de la page des collections et comment apporter quelques modifications à cela dans la prochaine leçon. 15. Monter la page de collections: Ok, alors passons à la leçon numéro 13, où nous parlons d'éditer la page des collections. Pour ce faire, revenons à notre poste de montage ici. Dans Shopify, vous pouvez voir ici comment notre site Web se réunit. Vraiment, vraiment sympa. Nous avons nos bannières, n'est-ce pas, que les consommateurs peuvent cliquer, n'est-ce pas ? Il a une animation que c'est presque comme zoomer de toute façon. Nous avons nos images ici que lorsque vous prenez votre souris et que vous survolez, il zoomera, n'est-ce pas ? Et nous avons nos produits les plus vendus pour chaque niche ou chaque section de notre site Web où nous avons des moyens, nous avons des femmes, tout est configuré dans un look très propre et très professionnel. Ok, alors quelle est notre prochaine étape d'action est de modifier notre page de collections. Donc, pour ce faire, nous avons dans la station d'édition ici et nous pouvons éditer différents aspects. Mais que se passe-t-il si nous voulons éditer un peu plus ? On veut devenir un peu plus grogneux, non ? Eh bien, c'est très simple. Allons de l'avant et naviguons vers notre page de collections. Et ce que vous allez être vu ici, c'est cette petite section comme où vous pouvez choisir l'endroit où vous modifiez ou quel est votre montage. Et pour ce faire, on est en quelque sorte arrivés à cette page. Tu veux aller à cette page. Et maintenant, nous pouvons faire quelques modifications. Maintenant, pour être clair, toutes les pages de collections ne vont pas nécessairement ressembler à ceci, n'est-ce pas ? Comme si nous avions Peg Nation en bas, n'est-ce pas ? Ce qui signifie essentiellement que les gens peuvent passer à travers différentes pages de produits, n'est-ce pas ? Nous avons toute une liste de produits différents, non ? Dans notre cas, c'est un peu différent. Beaucoup de pages de collection de gens sont en quelque sorte conçus différemment, qui signifie qu'ils ont juste comme une grille de produits. Et j'ai réalisé que c'est la page de collecte qui aide vraiment drastiquement les taux de conversion. Parce que ce qui se passe ici, c'est que ça donne des informations sur le produit, non ? Et cela vous donne une image du produit pour effacer l'image du produit. Et puis vous avez des options ici, non ? Vous pouvez sélectionner une option d'achat. Vous pouvez cliquer sur le produit. Il y a beaucoup de choses que vous pouvez faire. La première chose qu'on va vouloir faire, allons-y et revenons ici à notre décor sur notre page de collections, n'est-ce pas ? Et ce qu'on va faire, c'est qu'on va vouloir se diriger vers notre en-tête. Mais la première chose que nous devons faire est d'avoir un logo, non ? Ça doit avoir du sens. Ça doit avoir l'air bien. Nous avons un logo ici qui dit activer sticky, mais ce n'est pas le même cas tout le temps, signifie sur notre en-tête, si vous regardez ici, il dit la page d'accueil de l'en-tête, nous avons un logo disponible, mais qu'en est-il du reste de notre site web ? Et c'est ainsi que nous naviguons ici, il est dit En-tête autres pages, et nous pouvons sélectionner notre logo. Alors allons de l'avant et faites défiler votre logo vers et appuyez sur sélectionnez. Maintenant, super, notre logo vient enfin d'arriver. Le problème est maintenant que le site a l'air un peu moche avec un très, vraiment gros logo à la fin de la journée, ce n'est pas l'optimiseur de conversion, optimisé quand vous avez un très gros logo, n'est-ce pas ? Les gens n'achètent pas vos produits pour votre logo. Ils achètent pour ce que vous avez à offrir. Donc, ce qu'il faut faire, c'est rendre ça un peu plus petit. Ceux qu'il n'y a pas Et heureusement avec le Reno, le thème, nous n'avons pas à faire de montage graphique. Nous faisons simplement glisser ce petit curseur et le rendons plus petit. Voyons donc à quoi ressemble la petite taille. Cette petite taille, un peu trop petite pour moi. Laisse-moi passer à 70, peut-être que c'est assez bon. Droit ? Maintenant, nous pouvons apporter quelques modifications à l'en-tête, non ? Nous pouvons changer les couleurs comme les différentes couleurs de textes. On peut rendre le fond noir, non ? Et nous pouvons faire le texte en blanc. Si, si ça améliore quelque chose, n'est-ce pas ? Ou excusez-moi, blanc. Et nous pouvons rendre le fond noir. Il y a beaucoup de choses qu'on peut faire. Dans mon cas. Je n'aime pas avoir un fond noir, non ? Je n'aime pas ça du tout. Mais, tu sais, c'est quelque chose que les gens aiment faire parfois. Dans mon cas, j'aime avoir un fond transparent. Vous voyez ici, et c'est quelque chose que vous avez vu maintes et maintes fois. Dans mon cas, je vais juste faire cette partie noire aussi. Donc le texte sera noir, non ? Et donc nous avons notre logo, nous avons nos, nos liens, nous avons nos boutons noirs. D' accord ? Maintenant, nous avons une bannière. Donc cette bannière, elle est conçue dans la page des collections, non ? Donc, avec notre page de collections, ce sont le style peut éditer ici. Donc, nous avons le style 1234. Il y a donc quatre styles différents. Stylisez un, et continuons simplement et visualisons-le. Il va gérer ça comme si tout était entassé. Ça n'a pas vraiment l'air bien. À mon avis, ne correspond pas au design. Comme si vous allez avoir un en-tête ici qui n'est pas transparent, vous ne pouvez pas avoir le style un. style est un peu plus spacieux, mais très similaire à celui d'en commencer un. Style trois EST, je crois que ce que nous avions auparavant ou savoir ce que nous n'avions pas. Le style quatre était ce que nous avions auparavant. Si je sélectionne le style à travers, vous les gars le verrez un peu comme en attendant où ce n'est fondamentalement pas ceux-ci, ces icônes et ces images ne sont pas réellement verticales et verticales comme ça. Ils sont en fait horizontaux. Une fois la page publiée, allons de l'avant et voyons simplement comment cela semble vraiment rapide. Donc ça ressemble un peu à ça. Donc si je le voulais, je peux faire l'arrière-plan. Quelque chose comme une bannière. Donc si je devais sélectionner, c'est ma bannière, non ? Et appuyez sur Select. Cela va charger ma bannière sur ceci et allons de l'avant et appuyez sur Enregistrer. Et il va juste précharger tout pour nous. D' accord. Laissons juste une minute ici. Parfois, comme je l'ai dit, les choses peuvent prendre un peu plus de temps. Si les images sont plus, vous savez, lourd, alors nous allons juste cliquer ici, il a activé l'image de fond. Ne devrait prendre qu'une seconde ou deux. Touchons encore une fois sur Enregistrer. Et vous pouvez voir ici c'est l'image que nous avons comme arrière-plan. Et vous allez voir qu'il y a beaucoup de choses que nous allons devoir apporter des modifications tout au long du cours ici. Donc, le cours de la conception du site Web et pourquoi est-ce ? Donc nous avons notre logo, nous avons nos textes, mais nous ne pouvons plus le lire parce que la façon dont notre bannière est conçue. Nous allons donc devoir faire quelques modifications maintenant. Et si nous faisons défiler vers le bas, vous pouvez voir ici que notre, notre, notre en-tête est comme sombre et les truies sont du texte et nous ne pouvons pas non plus voir. Donc, nous allons devoir faire quelques changements. Ok, donc quelque chose dont nous avons besoin, c'est que le texte soit comme une couleur orange, orange clair en tout temps. Comment allons-nous faire ça ? Allons de l'avant et revenons à notre en-tête. D' accord ? Et nous allons juste nous assurer que notre en-tête sur les autres pages d'accueil comme celle-ci est orange. Donc, allons juste à l'orange ici ou peut-être même sélectionner des couleurs que nous avons déjà utilisées. Et vous pouvez voir ici maintenant qu'il est orange, donc maintenant c'est un peu plus possible de lire en C. Ok, maintenant si je fais défiler vers le bas, droite, ce qu'on devrait voir, laisse-moi revenir ici. Ce que je devrais voir est un petit en-tête, comme un en-tête collant qui viendra dans une minute. Je viens de le dire, et c'est quelque chose que vous allez devoir faire quand vous modifiez votre thème. Alors donne-lui une seconde ici. Ok, donc tu vois comment ça fait défiler comme ça. Maintenant, il est visible quand il est noir, ce qui est très, très propre. Vous voyez comment le reste du site a ce genre de design blanc transparent par défiler vers le bas cette caractéristique noire, qui semble très, très agréable. Ok, donc maintenant les images réelles ici, je dois éditer ces images et je dois m' assurer que tout cela soit logique et lisible. Dans mon cas, je ne veux pas nécessairement aller avec ce design de collection, mais pour l'amour de cette vidéo, je veux dire, pourquoi pas, non ? Alors, comment allons-nous faire ça ? Nous le faisons simplement par ici. Donc, si nous allons à la page de la collection, à droite, cette collection Pedro ici, et nous faisons défiler vers le bas jusqu'à Paramètres, paramètres de thème. Nous avons maintenant la possibilité d'éditer chacun de ces petits boutons, je suppose que vous pouvez dire, non ? Et donc nous avons tous les articles, nous avons des accessoires. Je sais que c'est un peu difficile à lire, mais on peut juste changer la couleur du titre que je peux lire pour que vous puissiez voir ici de ce bouton spécifique. Très bien, donc en rouge, fais-le ça, disons rouge et fais-le lire, écrire. Et peut-être que ce sera un peu plus visible. Mais ce que je peux faire, c'est que je peux ajouter une image. Donc si c'est tout ça, je pourrais avoir une photo d'un homme et d'une femme dans cette image, non ? Puisque ce sont tous les objets et que ça pourrait être la collection de la page d'accueil, n'est-ce pas ? Si je le voulais, Disons aller à la collection d'images pour hommes et je n'aurais pas de Mans dehors, changer le logo. Je dirais que les hommes attrapés, c'est ça. Et j'aurais juste une photo d'un gars debout là. Droit. Peut-être cette photo, quoi que ce soit, et peut-être si c'est une femme, non. Donc je vais changer ça pour les femmes. Je vais choisir une image d'une femme. Alors peut-être que c'est cette image, d'accord ? Et donc nous avons trois photos ici. Maintenant, évidemment, lire ne sera pas la couleur que je vais aller avec. Je pense qu'on devrait correspondre à notre image de marque. Peut-être le rendre orange ou peut-être même blanc. blanc pourrait être un aspect très, très propre. Alors allons avec le blanc et voyons à quoi ça ressemble. Voir ici. Désolé pour ça. Ok. Fais tout blanc. Et voyons, nous pouvons vraiment nous débarrasser de certaines de ces, ces différentes options ici. Et nous pouvons simplement décomposer nos catégories un peu plus loin. Allons de l'avant et sauvegardons nos progrès jusqu' présent et voyons comment les choses se passent et à quoi elles ressemblent. Alors donnons-lui une seconde à charger. Et cela ne devrait pas prendre trop longtemps puisque notre thème est plutôt bien conçu jusqu'à présent. La seule chose que je veux dire dans la stipulation est que tous les thèmes, comme je l'ai dit, n'ont pas ce genre de configuration de collection. Donc tu veux chercher ça. Donc vous pouvez voir ici que nous avons tous les articles, accessoires , hommes, nous pouvons ajouter, je vais manquer, fait une erreur ici. Donc, ce devrait être en fait les produits pour hommes. Donc, dans ce cas, allons-y pour que cette image soit plutôt celle des hommes. Et puis changeons celui-ci, ce qui n'est même pas je veux dire, nous pourrions faire des accessoires, je pourrais aussi bien l'enlever, mais, vous savez, dans ce cas, nous pourrions aller avec des accessoires et nous allons juste en faire une image. Nous pouvons aller avec les femmes ici et sélectionner une image aussi. Alors sélectionnez celui-ci. Et pour s'amuser, la dernière qui a des chaussures, on pourrait changer ça en, disons des t-shirts, non ? Donc, ce ne sont pas nécessairement différents, différents que je recommande. Juste parce que, tu sais, tu vas vouloir la mettre en place un peu plus proprement. Et juste ce que je veux dire par là, c'est juste avoir, vous savez, des photos qui correspondent réellement à la taille du type d'image, non ? Le 460 par 560. Donc ça a l'air un peu plus propre. Le texte, vous voudrez que tout soit uniforme en termes de couleur, n'est-ce pas ? Donc ça doit être si vous voulez tout faire essuyer, garder tout blanc. Si tu veux faire, tu sais, quoi que ce soit si tu veux faire du noir, garde-tout noir, non ? Donc dans ce cas, je deviens tout blanc. Donc vous pouvez voir ici, White, White est ce qui se passait avec. On peut changer le lien. Donc si je fais défiler vers le haut, nous avons tous les articles, nous avons des accessoires. Je laisserai les accessoires là où il est. Nous allons avoir une collection ici pour disons non, je ne sais pas. Pour les hommes, allons-y avec les bas d'hommes peut-être. Et comme je l'ai dit, ça ne correspond pas, mais tu veux les faire correspondre si tu veux aller avec cette route. Et ajoutons des liens ici à, vous savez, des collections de quoi que ce soit, quoi que ce soit. Donc, le bas de la collection pour femme, quelque chose comme ça. Allons frapper sauver. Dans mon cas, comme je l'ai dit, et je l'ai dit plus tôt, je ne vais pas aller avec cette configuration pour ma conception de magasin genre. Je ne pense pas qu'il faut juste la propreté de ça. Donc, je vais aller avec le style pour le style pour est de loin mon préféré pour ce spécifique. Maintenant, ce n'est pas recommandé à tout le monde. Vous savez, vous pourriez aimer le style trois de plus que le style UX car vous pourriez en étendre un. Ça dépend de qui tu es et de ce que tu aimes, non ? Je crois que le style pour et le style trois mèneront à meilleures conversions juste parce que vous avez la possibilité de voir toutes les différentes situations ici, comme les vêtements pour hommes, pour femmes, peu importe. Mais comme je l'ai dit, c'est à vous de décider ce que vous voulez faire. Et il est édité de la même manière. Donc, si on va aux paramètres du thème, c'est la même chose, non ? Nous éditons au lieu de tous les produits, qui dira que tous sont des produits, n'est-ce pas ? Au lieu de vêtements, il dira, disons les hommes, non ? Car, au lieu de quatre hommes, il dira les femmes. Au lieu de quatre femmes, on pourrait l'enlever complètement. Accessoires. Nous pouvons retirer cela complètement aussi les nouveaux arrivants, nous allons nous débarrasser de cela. Ou en fait, tu sais, on pourrait aussi bien garder les nouveaux arrivants, mais je vais le déplacer. Nouveautés. On peut ajouter des ventes, disons. Bon, alors Sale. Ou l'autorisation. Liquidation, ça sonne mieux. Liquidation, non ? Ok, et peut-être qu'on peut ajouter quelques collections ici. Donc collections, je vais ajouter tous les produits pour le dédouanement pour les nouveaux arrivants. Je vais avoir une collection qui pourrait être comme naviguer ou quelque chose comme ça pour les femmes, nous allons avoir comme tous les produits pour femmes. Alors, nous allons cliquer sur les femmes et les hommes. Débarrassons-nous de ce que nous avons actuellement. Et allons chez les hommes. Alors Mendel est juste là. Et maintenant que tout est là, nous avons notre couleur de fond. Nous pouvons changer notre couleur de fond pour aimer un blanc pur, un peu comment le reste des pages pour qu'il se fond dans. Et dans l'ensemble, je pense que ça a l'air assez décent. Le texte sera noirci, ce qui semble plus propre et mon opinion. Et oui, je pense que c'est assez décent. La seule façon d'éditer cette couleur orange que nous pouvons éditer dans ce thème paramètres comme les paramètres généraux du thème. Donc, de la page de collection, nous allons paramètres de thème. Mais allons-y et attendons que ce soit pour recharger et voir notre nouveau design. Ça, je suis vraiment excité de me débarrasser de ce petit bar ici. Et laissez-moi juste aller ici et juste un aperçu du site web. Et c'était notre ancien look. Donc j'ai gardé ce vieux look pour une raison. Et allons faire du shopping maintenant. Et nous pouvons voir ici, il est conçu un peu mieux, donc il semble un peu plus propre dans l'ensemble. Et ce sont, comme je l'ai dit, tous les produits que nous avons Whitman, donc nous emmèneront chez les hommes, non ? Vous pouvez voir à quelle vitesse c'est deux, n'est rien comme la façon dont vous modifiez le thème, n'est-ce pas ? Nouveautés. Donc, vous voyez comment tout juste charger si rapide et dégagement. D' accord, donc partout où on ne pouvait pas sectionner. Il y a donc beaucoup de choses qui doivent être abordées. Droit ? Alors allons de l'avant et revenons à notre page des collections. Nous avons remarqué qu'il y a cette image vide ici. C' est un truc de barre latérale. Il y a donc beaucoup de choses que nous pouvons éditer. Et il y a juste, je veux dire, il y a tellement de choses, non ? Donc on peut Il y a une bannière de collection, moderne. Alors, qu'est-ce que ça veut dire ? Donc, si vous voulez l'activer, il y aura des choses que vous voulez prendre en considération. Les bannières de la collection Whitney. Il y a des choses qui peuvent améliorer vos taux de conversion. Il y a des choses qui vous enlèvent vos taux de conversion, non ? Donc si, si je devais juste sélectionner l'image et disons juste qu'ils veulent en 1920 par n'importe quoi. Donc, si je devais sélectionner cette image, ou choisissons simplement une image différente pour, pour l'amour de cette vidéo, choisissons juste celle-ci. Ok. Ce qui est touché Select. D' accord. Et au fait, nous avons une barre latérale de collection. Pendant que nous attendons que cela se charge, nous pourrions aussi bien en parler. D' accord ? Nous avons une barre latérale de collection. Donc les barres latérales de la collection, d'accord ? Si vous êtes sur la page du produit, il sera différent. Mais vous avez la barre latérale, la barre latérale gauche, non ? J' aime la barre latérale gauche généralement. Mais si ça n'a pas l'air aussi bon, on pourrait s'en débarrasser. Comme, ça ne me dérange pas. Appuyez sur Enregistrer, qui est aperçu, à quoi cela ressemble. Devrait prendre environ une seconde et nous pouvons activer une barre latérale gauche collante. Donc fondamentalement ce que cela signifie est stickies partout où vous vous déplacez, vous faites défiler vers le haut, faites défiler vers le bas Si vous êtes sur un plus gros appareil, vous savez, il va rester là. Donc dans ce cas, ce n'est pas collant donc ça ne nous bouge pas. Mais si nous activons la barre latérale collante, donc pour sauver, d'accord, ça va bouger avec nous. Et nous allons de l'avant et revenons à notre, nous pouvons également éditer l'arrière-plan ici. Donc si on veut comme des blancs, on va au blanc, non ? Produits par page, produits par ligne. Il y a tellement de choses qu'on peut ajouter. Donc, c'est un peu comme ça aurait l'air collant, où cela ne bouge pas, mais ça le fait. Et je pense que c'est un peu plus propre. Je suis Mike. J' ai dit que ça avait l'air plutôt décent. Si tu veux. On pourrait juste sauver ça. Et nous pouvons voir comme un produit, non ? Et c'est donc ce qu'un consommateur normal ferait, c'est qu'il cliquerait sur une page de collections et qu'il verrait un produit. Et ils auraient aussi les filtres mis en place en fonction du genre de ce que v aime. Donc, si vous jetez un oeil, donc je, tout ce que je peux voir ici, c'est le produit maintenant quelque chose que vous allez vouloir faire attention à est aussi juste ici. Donc c'est la page du produit, non ? Auparavant, j'ai sélectionné que je veux un en-tête transparent, non ? Donc, dans ce cas, l'en-tête n'est plus transparent. Je ne sais pas où c'est, mais ça interfère avec le produit. Donc ça va me faire faire plus de modifications. Et ça veut dire que, hé, je ne peux pas avoir d'en-tête transparent. Donc, je vais devoir revenir à d'autres pages d'en-tête et juste supprimer l'en-tête transparent. Et vous pouvez voir ici, il semble beaucoup plus propre. Et si je retourne à la maison, non ? Et je viens de voir sont différentes pages que nous avons à notre disposition. Droit ? Alors donnons ça une seconde et nous cliquons sur. Donc vous remarquez comment il est transparent ici parce que c'est, comme je l'ai dit, que c'est la page d'accueil juste à sa page d'accueil. Mais si je clique sur la boutique maintenant, n'est-ce pas ? Ok, donc les fuites ne peuvent pas être ouvertes dans l'éditeur, elles seront ouvertes dans une nouvelle fenêtre, c'est bon. Donc c'est là. Donc, ce n'est pas nécessairement transparent plus longtemps. Donc j'espère que ça a juste un sens pour tout le monde. Si je voulais cliquer sur comme disons Shop Now ici devrait se rencontrer, Prenez-moi à diverses pages différentes. Donc, c'est comme la page de collection et c'est la même fonctionnalité. Donc, c'est une barre latérale collante et peu importe quelle collection il est, tout est uniforme partout. Et c'est un peu ce dont nous avions besoin. Dans ce cas. Je vais me débarrasser de ça. On n'en a pas besoin. S'il doit y avoir des choses qui sont un peu plus loin dans votre entreprise sont un peu peser vers le bas. Tu n'en as pas besoin. La configuration. Ça a à voir avec tout ce que le filtre, excusez-moi. Vous voulez activer la fonction de filtre ou la désactiver, activé tri par. Donc, j'aime ces différentes fonctionnalités comme trier par best-seller tri par a à Z, prix bas, prix élevé, et cetera. Appuyez sur Enregistrer ici juste pour qu'il se reconfigure un peu. D' accord ? Et il a juste un look propre dans l'ensemble. Et nous pouvons aussi déplacer cette bannière vers le bas. Pour que nous puissions, nous pouvons faire beaucoup de choses ici. On peut filtrer notre accordéon. Donc nous n'avons pas d'accordéon pour le, pour l' Excusez-moi, pour le, le tri par, donc la mise en page du filtre, nous pouvons éditer comment les choses fonctionnent là-dedans. Il n'y aura pas trop de modifications sur mon côté et Matt zone. Ce sont les différents paramètres pour le filtre. Donc si nous l'avons fait, nous avons un magasin par des étiquettes incolores, donc nous avons du noir avec du violet, nous avons quoi que ce soit. Vous allez vouloir ajouter certaines balises à certains produits. Donc la façon dont ça fonctionnerait, c'est disons que c'est le soutien-gorge de surface infini, non ? Si je vais juste ici à la page d'accueil du produit et aller sur les produits, accord, et j'ai cherché les mêmes bros, donc je vais chercher à l'étranger ou chercher ici plutôt. Et je cherche. Voyons où ça fait ici. Jetons un coup d'oeil. Donc c'est le vert ou devrait être la chambre verte. Et tu vois comme c'est vert. Si j'ajoute à l'intérieur de ma balise, je tape en vert, non ? Donc vous pouvez voir ici qu'il est étiqueté maintenant. Alors allons-y et sauvegardons ça. Et si nous allons juste à notre page de collections, revenons à, et c'est à ça qu'il ressemblait à l'origine, donc ça ne ressemble plus à ça. Je vais juste recharger cette page. Et si on clique sur les femmes, c'est ça, parce que c'est un produit pour femme et qu'on appuie sur le bouton vert. Voilà, c'est vert, non ? Donc, tous les produits doivent être étiquetés en couleurs si vous voulez l'utiliser. Et cela va améliorer les taux de conversion parce que, comme disons que quelqu'un achète uniquement des vêtements noirs, alors ils vont pouvoir cliquer sur le noir et voir la liste des noirs. On a des vêtements noirs ? On s'en sort absolument bien, non ? Si nous allons à tous les produits, nous avons des chemises noires ici, seulement trois. Et pourquoi ils ne sont pas venus, c'est parce qu'ils n'ont pas tact et c'est la seule raison, non ? Donc ce sont des choses auxquelles vous allez vouloir faire attention quand il s'agit de concevoir votre genre de page comme votre collection. Alors gardez ça à l'esprit. Maintenant, nous pouvons apporter d'autres modifications à la page des collections. Revenons à la boutique en ligne ici. Et frappons sur personnaliser. Très bien, et la raison pour laquelle nous mettons tant de temps et d'efforts dans notre page de collections est parce que nous voulons qu'elle republie les ventes. Nous voulions, nous voulions des conversions de repos. Nous voulons que ce soit bénéfique pour notre entreprise, n'est-ce pas ? Alors nous allons juste frapper ici et disons les pages de collection. D' accord. Maintenant que nous sommes à la page de la collection, faisons juste une modification rapide ici. Allons à Paramètres de thème ou excusez-moi, allons à la page de collection, puis allez à Paramètres de thème. Et regardons juste les choses que nous pouvons offrir. Donc nous avons un, si vous remarquez qu'il y a une bannière ici, c'est un batteur. Pourquoi est-ce mieux important ? Si vous avez quelque chose d'unique à offrir aux gens une sorte de rabais quelque chose, c'est là que vous allez placer cette image. Donc, dans ce cas, je vais juste coller une image aléatoire que nous avons. Disons que je veux cliquer dessus, non ? Et appuyez sur Enregistrer. Laissez-moi aller de l'avant et appuyez sur Enregistrer très vite. Donc ça va arriver là maintenant. Est-ce que c'est ce que vous voulez mettre comme une photo de produit ? Non. Vous ne voulez pas faire cela à moins que ce soit comme toutes les ventes incitatives à ce qui est appelé le produit principal si vous faites un seul produit stocké. Mais cette affaire. J' ajouterais comme un rabais ou quelque chose comme ça, quelque chose qui peut bénéficier à quelqu'un, non ? Donc c'est juste un widget, n'est-ce pas ? Donc, il est un tag widget ou serait votre bannière. Donc, c'est six, qui est une bannière de widget. Si je voulais ajouter une balise de widget, je peux le faire. Je peux aussi ajouter aucun. Donc je peux juste me débarrasser complètement de cette section, non ? Ce qui est aussi agréable de. Et comme je l'ai dit, vous pouvez éditer toutes ces différentes balises dans différents paramètres en ajoutant, éditant le, les paramètres ici. Ok, donc il y a beaucoup de choses que tu peux faire avec ça. Et juste dans l'ensemble, juste plus de choses que vous pouvez modifier et configurer. Donc c'est quelque chose à faire attention. Quand vous, quand vous effectuez ces modifications, les gars, soyez patient parce que ce que vous faites ici, c'est vous avez affaire à beaucoup de choses et que vous êtes consommateur veut s'assurer que vous leur donnez le meilleur de leurs capacités. Maintenant, pour fermer la page des collections, allons à notre dos ici et nous allons cliquer sur le pied de page. Nous avons remarqué que les pieds de page sont vides, donc nous devons ajouter un arrière-plan. Donc, si vous regardez ici lorsque vous cliquez sur pied de page, il n'y a pas grand-chose que vous pouvez cliquer sur, sauf pour 44 pour un. Tous ces paramètres pour pied de page, pied page étranger un, vous allez dans Paramètres de thème, n'est-ce pas ? Et vous modifiez ces paramètres de pied de page ici. Donc pied de page un pour les deux de trois, et cetera. Mais je ne veux pas faire ça. Alors allons au pied de page pour et touchons les paramètres du thème, et sélectionnons simplement notre image de logo. Donc c'est l'image dans ce cas, non ? Et il devrait sélectionner, et c'est pour notre image de logo, pour notre pied de page, nous pouvons également changer la taille de celui-ci. Donc, si je voulais le rendre plus petit et que je peux le rendre plus petit, nous allons juste prévisualiser à quoi il ressemble. En fait, je l'aime comme ça. Et maintenant, si nous voulions éditer les couleurs, nous pourrions le faire. Tout ce truc est disponible, parce qu'on est au pied de page 1 en ce moment. On va retourner à ici. Nous allons voir nos paramètres de thème. Tout est disponible ici. Donc pied de page un et nous pouvons l'ajouter, comme je l'ai dit, nos couleurs, nous pouvons éditer un peu comment les choses ont l'air. Donc si je voulais aller aux couleurs, nous avons notre couleur principale, la couleur du corps, couleur moyenne pour que je puisse aller au pied de page 6, disons jeter un oeil à ce qu'ils offrent. Je peux aller au pied de page 3 et voir ce qu'ils offrent dans un design de style différent. Et si je veux vraiment mettre ces styles à l'épreuve, je devrais aller à, laissez-moi y aller. Laisse-moi dire mon travail jusqu'à présent, je devrais y retourner. Retournons en arrière. Et allons à cette section de pied de page et juste éditer un peu ce que nous voyons ici. Je ne veux pas de la couleur grise, c'est juste quelque chose que je veux être clair. Je ne veux pas de la couleur grise. Je pense que ça a l'air un peu, tu sais, juste que c'est noir que je suis d'accord avec ou juste blanc. Alors testons à quoi ça ressemble. Et changeons ça en blanc très vite. Et voyons comment ça marche. Si ça n'a pas l'air bien, alors, tu sais, je pourrais rester avec du blanc. Oui, je crois que je vais rester avec du blanc. Donc, dans ce cas, je vais juste coller avec du blanc ici pour la couleur de fond, puis le texte sera noir de sorte qu'il semble très propre pour moi. Et qu'est-ce que ça sauve ? C' est ainsi que vous modifiez la page de vos collections pour qu'elle corresponde à ce que vous voulez et à la façon dont vous le souhaitez. Alors assurez-vous que vous faites ça avant de continuer à construire le reste du magasin. 16. Explorer les fonctionnalités, Banners et blog: Ok, donc dans cette leçon, nous allons explorer les différentes bannières et les différents outils que nous pouvons utiliser dans le thème pour le rendre un peu meilleur et ajouter un peu plus de fonctionnalités. Donc juste pour des éclaircissements, nous avons une bannière de héros. Nous avons été de diviser des bannières qui sont comme un couple jumelé, non ? Nous avons nos best-sellers. Nous pouvons changer la taxe, nous pouvons changer la configuration des images. Nous pouvons changer la façon dont tout est vu, des choses comme ça. Voyons ce que nous pouvons ajouter d'autre. Nous avons une section, mais nous pouvons ajouter, afin que nous puissions ajouter des sections bloguées. Donc, si vous vouliez ajouter des sections de blogs, nous pouvons lui donner un test. Allons de l'avant et ajouter la deuxième version du blog. Maintenant, allons de l'avant et ajouter la version de blog on compare genre de la façon dont ils ont l'air. Allons donc sur le premier blog, qui est ce que nous regardons maintenant. Et allons de l'avant et il suffit de sélectionner un blog. Et allons frapper les nouvelles et frappons sur Enregistrer. Donc, c'est la section blog, je crois un, qui est, plaçons juste au-dessus du numéro deux. Donc tout ce qui est mis en évidence est considéré comme la première section du blog, non ? Donc, cette section ici est la section de bloc un. Donc idéalement, la façon dont cela fonctionnerait est que nous aurions notre liste de blogs comme ça. Et puis nous aurions un x blog principal disponible ici. Et nous pouvons changer le type de la façon dont le texte est aligné Centre, milieu, et cetera. Ou nous pouvons simplement éditer le blog numéro deux. Donc, dans ce cas, sélectionnez un blog, je vais sélectionner Nouvelles aussi. Et voyons comment ça a l'air. Et en fait, c'est très similaire. Vous pouvez voir ici qu'il y a un film vert presque autour d'elle. Et comme je l'ai dit, on peut éditer ça. Nous pouvons limiter le nombre de blogs affichés. Donc, dans ce cas, si je voulais montrer, par exemple, pas plus de deux blogs, non ? Pour que je puisse le faire. Je peux vraiment faire ça. Donc, je voulais montrer, disons que je ne voulais pas montrer la catégorie ou je voulais juste montrer la date, juste le titre, et peut-être un bouton, droite, et supprimer l'extrait. On peut le faire. Il y a beaucoup de choses qu'on peut faire avec les blogs. Maintenant, je n'ai pas construit dans un blog pour que ça ait l'air bien. Mais si nous appuyons simplement sur Enregistrer ici, nous pouvons voir à quoi ressemblent nos blogs. Donc il y a un consommateur qui regarde à travers et ils voient, oh, je veux lire ce blog, non ? Ils vont appuyer sur le bouton Lire la suite et il les mènera à la page du blog. Maintenant, la raison pour laquelle j'aime ça est parce que le blog semble vraiment créatif, vraiment sympa, non ? Donc, vous avez un blog ici, blog post ici, deux billets de blog ici. On a des pages d'articles, non ? Nous pouvons éditer les pages d'article, nous pouvons, et il montre les messages récents. Nous pouvons faire beaucoup de choses différentes avec, avec nos blogs. Sur le côté droit, nous avons une barre latérale droite où les gens peuvent rechercher un certain blog, nous pouvons rechercher certains textes différents qui viennent. Nous pouvons basculer nos blogs à travers des tags, ce qui est d'une importance cruciale aussi et aide à SEO. Nous avons notre joli en-tête ici qui a l'air beau. Donc, dans l'ensemble, nous, chaque magasin à mon avis au moins besoin blog, chaque magasin. Et ça a l'air bien. Il a l'air beau et, et, et il fait le travail. D' accord, alors revenons à personnaliser ici et parlons de ce que nous pouvons ajouter d'autre que des blocs. 17. Galerie Instagram: Ok, parlons d'Instagram. Donc vous pouvez voir ici que nous avons une bannière, nous avons des bannières divisées. La seule chose qui reste à faire c'est presque une nécessité, c' est de côtoyer les médias sociaux, de nous promouvoir. Et ça va se faire via Instagram, non ? Et scrim est une de ces choses que chaque site Web ou chaque gentillesse d'entreprise devrait avoir sur leur page de profil ou sur leur page d'accueil ou quelque chose comme ça pour se promouvoir. Maintenant, nous avons deux options pour Instagram pour être en mesure d'accéder à ces deux options, il suffit de cliquer sur ajouter le paramètre, faites défiler vers le bas jusqu'à dans scrim, vous le trouverez. Maintenant, comme je l'ai dit, tous les thèmes ne sont pas créés égaux. Certaines choses peuvent ne pas avoir ces fonctionnalités, mais c'est comme quelque chose que vous voulez faire attention lors de la sélection de votre thème. Maintenant, avec Instagram, n'est-ce pas ? Il y a Instagram version 1 et version 2. Je ne peux pas connecter mon instrument personnel ici. Et la raison pour laquelle je ne peux pas le faire, mais vous pouvez, c'est parce que mon Instagram est un compte Instagram personnel. Donc la première chose que tu voudras faire, c'est que tu voudras avoir un compte Instagram professionnel. Et lorsque vous le faites ici, vous allez ajouter votre identifiant utilisateur et votre jeton d'accès. Tous ces éléments sont très, très faciles à obtenir. Il suffit de rechercher, par exemple, sur Google, la recherche, l'ID d'utilisateur Instagram. Et il y a un logiciel ici où vous collez votre identifiant d'utilisateur comme celui-ci, ou excusez-moi, votre identifiant d'utilisateur. Donc, je l'ai déjà tapé comme ça et il dit, Utilisateur fin. Maintenant, ça ne va pas vraiment fonctionner parce que ce n'est pas une entreprise, Instagram. Mais si c'était une entreprise et scram, cela fonctionnerait et il arriverait avec l'ID pour le jeton d'accès. Vous chercheriez Instagram, n'est-ce pas ? Générateur de jetons d'accès. Et il vous montrera comment l'obtenir dans l'information. Donc, avec Facebook, ils vous montrent un peu comment accéder au jeton d'accès. Maintenant, avec cela étant dit, ok les gars, quelque chose que nous allons vouloir faire ici, c'est que nous allons vouloir voir à quoi ressemble une galerie Instagram. Et c'est vraiment simple. Donc, j'ai tiré la démo de thème juste pour vous donner un exemple, serait le thème exact que j'utilise. Et c'est une sorte de leur truc Instagram qu'ils ont ici. Donc vous pouvez voir que c'est, c'est exactement à quoi ça ressemble. Donc, en gros, le concept est que vous voulez avoir des images et que vous voulez avoir comme un bouton de boutique, non ? Et tout cela est créé dans l'instrument. Il va précharger les images pour vous. Bon, donc dans ce cas, si on va à des athlètes alpha, leur Instagram, alors allons sur Instagram ici et fouiller l'athlétisme de la flotte, non ? Recherche alpha, saut. Il suffit de cliquer dessus. Ce serait leur Instagram et toutes ces photos remplaceraient la commande pour ces photos. D' accord. C'est ce que Instagram, comme je l'ai dit, tu veux jouer avec. Il y a la version 1 et la version 2. Dans ce cas, on ne va évidemment pas l'inclure. Donc nous pouvons les cacher ou nous pouvons simplement les supprimer complètement. Droit ? Maintenant, nous pouvons ajouter des galeries, mais ce sera dans une conversation complètement différente, dans un épisode différent du cours. 18. Explorer les livres de peinture des produits: Maintenant, nous allons explorer un look livres. Donc, si nous allons à la section Ajouter ici, il y a une section où nous pouvons ajouter un look book. Donc, disons charger plus et faisons défiler vers le bas. Allons frapper plus. Maintenant, écoutez, les livres sont là-haut, mais je veux juste faire défiler vers le bas juste pour qu'on puisse voir tout ce qu'on a à notre disposition. Et nous avons un look book version 1, livre de cuisine version 2. Donc, en général, je me fiche de laquelle entre les deux que vous sélectionnez. Je pense qu'ils sont tous les deux égaux. Très, très gentil. Donc, nous allons juste sélectionner le numéro deux pour le bien de cela, nous allons appuyer sur sélectionner ici. Et fondamentalement, ce que nous pouvons faire est que nous pouvons ajouter une image de fond. C' est la première chose que nous pouvons faire. Ou nous pouvons simplement ajouter différentes diapositives pour regarder livre. Donc la première chose que je vais faire est que je vais ajouter une diapositive et vous remarquez qu'il y a une image ici. C' est un 685 par 940. Idéalement, vous allez vouloir avoir toutes les images de la même taille. Donc, si je devais sélectionner cette image ici, peut-être que je choisirais, aller à une nouvelle diapositive. Je vais donc vouloir revenir ici et ajouter une nouvelle diapositive et sélectionner. Et peut-être que je veux celle-là, non ? Idéalement, nous serions une image que nous n'avons pas utilisée. Donc, dans ce cas, nous avons utilisé cette image. Alors allons-y avec celui-là, non ? Ou peut-être même, disons celui-là. Ou nous pourrions sélectionner celui-ci, puis revenir en arrière, puis ajouter une autre diapositive et ajouter, faire ceci comme celui-ci ici. Donc quelque chose comme ça serait un look book. Maintenant, nous pouvons réellement ajouter ce produit est livre invalide. Donc, la façon dont cela fonctionnerait est que nous avons sélectionné le produit un et nous ressemblons, disons que c'est le produit. Appuyez sur Sélectionner. Et tu vas voir comme un petit numéro un sur la photo, non ? Dans ce cas, c'est leur propre photo. Alors revenons en arrière et retirons. Allons en diapositive un. Allons frapper le produit. Appuyez sur Select, et on y va. Donc on a un produit ici, non ? Quand les gens cliqueront dessus, il y aura un petit pop-up. D' accord. Et je vais vous montrer à quoi ça ressemble dans une minute. C' est le produit numéro deux. Alors faisons défiler le produit numéro deux et cliquez sur ce prof, n'est-ce pas ? Et revenons ici et passons à la diapositive numéro trois et optez pour produit numéro trois et sélectionnez le produit pour le produit numéro trois. Disons que c'est le, celui-là, je suis là. Ainsi, vous pouvez voir ici les chiffres sont collés sur les images. Sauver. Et nous allons en fait prévisualiser à quoi tout cela ressemble. Alors allons sur notre page d'accueil et il devrait déjà être pré-chargé pour nous. Alors faisons défiler vers le bas. Ok, clairement ne s'est pas encore chargé, alors maintenant il l'a fait. Alors allons-y et rechargeons à nouveau. Et on peut voir ici, on y va, il est chargé. Donc on peut frapper le numéro un. Et vous pouvez voir ici que c'est une pop-up du produit réel. Une autre pop up du produit, et une autre popup avec le produit. Donc vous pouvez voir qu'ils correspondent. Vous voulez avoir les mêmes produits correspondants lorsque vous faites cela, et ce sont tous les produits que vous pouvez sélectionner. Maintenant, nous pouvons éditer le texte. Donc si on retourne ici et me laisse aller ici, et on pourrait juste éditer le texte. Donc, au lieu du livre de look printanier, on pourrait écrire un livre de look d'été et il y aura tout en casquettes. Et il n'a pas besoin d'être tout en casquettes au fait. Juste un peu comment vous voulez le configurer dans la façon dont vous voulez le concevoir. La description. Nous pouvons laisser la description telle qu'elle est ou vous pouvez l'éditer, ou il peut simplement s'en débarrasser complètement. Quand il s'agit de design, quelque chose que vous voulez vous concentrer est, vous savez, c'est un sens très créatif. Si vous voulez ajouter une image d'arrière-plan, nous pouvons en ajouter une. Donc, si je voulais ajouter comme une photo de, disons la salle de gym comme arrière-plan. Je peux le faire. Est-ce que je le recommande ? Pas nécessairement. C'est juste, vous savez, évidemment, vous voulez avoir une sorte d'arrière-plan, mais vous ne voulez pas avoir un fond comme celui-ci à l'étape suivante. Je vais vous montrer comment créer un arrière-plan. 19. Créer un arrière-plan de livre de look: Ok, donc ce que vous pourriez voir, c'est que je suis sur Canva et que notre but est de créer un arrière-plan pour toute cette section ici sur le look book. Donc idéalement comme si c'était l'été, je pourrais, vous savez, je pourrais avoir des photos qui se rapportent à un look d'été. Dans ce cas, je vais écrire l'automne parce que ça me fait juste sentir que c'est l'automne. Donc quelque chose que vous voulez faire est comme être un peu créatif. Donc quelque chose que j'aime faire et je vais partager ça avec vous les gars, est-ce que j'aime aller à des éléments dans Canvas et chercher quelque chose comme des feuilles, non ? Ou comme la chute ou quelque chose comme ça. Et vous pouvez voir différents comme des photos. Une chute. Vous savez, vous pouvez ajouter comme certaines photos comme ça à votre arrière-plan Look Book. Tu sais, être un peu créatif avec ce que ça ressemble et juste avoir une petite idée en tirant comme la scène d'un, à quoi ça ressemblerait. On pourrait ajouter différentes feuilles, comme je l'ai dit. Et nous pouvons changer les couleurs de leur apparence. Donc on peut ajouter comme une, une orange juste ici. Et on peut faire ça comme un brun, non ? On peut faire ça comme un brun. Et nous pouvons dupliquer cette image. Et nous pouvons le rendre plus grand ou plus petit. Et le but avec ça, c'est juste, tu sais, être créatif. C' est vraiment tout le concept. Est-ce que ces arrière-plans, vous n'avez pas besoin de l'avoir mis en place d'une certaine manière ou, vous savez, conçu d'une certaine manière. Mais, vous savez, les gens aiment la personnalisation et avoir un beau site Web dans une partie d'avoir un site vraiment, vraiment interactif et beau est la façon dont il a l'air, la façon dont il se sent, la façon dont il conçoit, vous savez. Nous pouvons les dupliquer et faire des couleurs différentes. Donc on pourrait faire comme une lecture, écrire comme un Redleaf avec presque comme un, un, un, un noir ici. Et nous pouvons les multiplier. Et on peut les gérer différemment, non ? Et les déplacer. Et juste faire quelque chose qui ressemble à quelque chose qui représente l'automne ou juste un fond que je voudrais personnellement apprécier. Droit ? Ça ne doit pas être le même tout au long. Donc je peux faire en sorte que celui-ci soit comme une feuille jaune, non ? Nous pouvons ajouter plus de couleurs jaunes. Peut-être que j'aime ce genre de feuille ou ce genre de feuille, non ? Peut-être que je veux en faire un morceau qui vient comme ça et juste les dupliquer. Et il suffit de faire glisser, de faire glisser et de créer comme une petite animation. Où j'ai eu ça. Ceci, comme cette motivation pour le faire, c'est que je regardais dans différentes démos thématiques et j'ai vu qu'ils faisaient des trucs comme ça. Et j'ai pensé, hé, c'est comme une petite chose interactive et cool que tu pourrais faire pour ton site web. Et tu sais, qui ne voudrait pas le faire si ça s' assure que le site est un peu meilleur, non ? Donc quelque chose comme ça, rendre un petit peu plus petit et le déplacer sur le côté. Tu sais, je dis que ça ne doit pas être le même tout le temps. Donc, nous avons des feuilles de course. Ok, quelque chose représente juste la chute. D' accord ? Ou peut-être pointer celui-là. Et vous pouvez voir ici qui a l'air assez décent. On peut reproduire ça, non ? Et que ça ressemble un peu à ça. Et déplacez juste des trucs ici. Et puis nous pouvons simplement télécharger ça. Et nous allons le télécharger comme un fichier transparent. Et nous ne l'avons pas téléchargé nécessairement comme un transparent, mais c'est vraiment à vous de décider. Et faisons-le glisser et dépose-le ici. Voyons voir à quel point il peut être beau. Alors voilà. Regarde comme ça a l'air propre. Tu sais, ça a l'air vraiment, vraiment sympa. Et selon la taille de l'appareil que vous pourriez avoir, si vous êtes sur mobile, le look book va regarder un peu différemment. Vous voyez, maintenant nous n'avons pas encore créé les paramètres mobiles, mais nous allons y travailler quelques minutes. Et j'ai vraiment l'air vraiment, vraiment bon. Passons donc à notre prochain aspect. 20. Branding, collectes, FAQs et galleries: Ok, donc l'un des aspects suivants des choses dont on peut parler est la caractéristique de la marque dans le thème, non ? Et ce n'est pas seulement ce thème. D' autres thèmes l'ont aussi. Et la marque dispose d'un endroit où vous pouvez mettre en valeur dans votre design web la marque idéale que vous englorez ou que vous avez quelque chose que vous pouvez mettre en valeur. Un endroit pour le faire est juste ici. Donc c'est un peu comme ça. Vous pouvez faire grand, très créatif avec cela. Ce n'est pas quelque chose que j'utilise personnellement dans mes conceptions, mais vous pouvez l'utiliser dans le vôtre. Vous savez, si vous avez différents avantages pour votre magasin, comme la livraison gratuite ou la livraison rapide ou une garantie de qualité d'une sorte ou d'une autre. C' est un endroit où vous pouvez faire n'importe quelle sorte de promesses, vous savez, en ajoutant les petites icônes, non ? Alors est-ce quelque chose que j'utiliserais personnellement ? Probablement pas. Mais, vous savez, si c'est quelque chose que vous voulez faire, maintenant vous savez comment le faire, non ? Nous pouvons jeter un oeil à quelques collections. Donc, fondamentalement, la façon dont les collections sont présentées est un peu différente et chaque situation est un peu différente. Alors allons de l'avant et ajoutons chaque fonctionnalité de collection. Donc nous avons des collections sous un, collection, sub2, collection, sous trois, collections de cinq. Et passons à la collection sous version 1 ou 4. Et allons à un autre de la collection sous un. Ok, donc ça devrait être bon. Bon, maintenant, c'est beaucoup dans notre magasin. Il n'a pas encore chargé. Donc ce qu'on va faire, c'est que je vais juste cliquer sur Enregistrer, ok, et juste attendre que ça sauve. Et puis nous allons nous plonger dans la façon de l'éditer et de prendre, en regardant ce que les fonctionnalités peuvent fournir un alors maintenant que tout est chargé, cela ressemble à beaucoup de non-sens. Alors allons de l'avant et jetons un coup d'oeil à ce que ça ressemble vraiment. Ainsi, nous pouvons sélectionner des collections à promouvoir. Donc si je veux sélectionner comme la collection Broads, n'est-ce pas ? Et appuyez sur Select, C'est une collection que je peux promouvoir techniquement. D' accord, si je veux sélectionner une autre collection, disons des leggings. Et disons une sélection de plus comme nous allons choisir les produits d'une autre femme. Alors choisissons le nageur. Ok. Nous avons trois collections là-bas. D' accord, revenons en arrière. Maintenant. On peut ajouter comme, tu sais, miettes de pain et des choses comme ça ou, tu sais, mais on ne s'en soucie pas. Notre analyse a frappé Save. Ok. Attendons juste que ça se charge. Il faudra un, prendre une minute juste là parce que c'est beaucoup de contenu. Mais ce que vous voyez ici, c'est que c'est, c'est toujours gris, comme si ça ne changeait pas. Mais la raison pour laquelle cela ne change pas est parce que nous n' avons pas d'images pour les collections spécifiques. D' accord ? Nous allons vouloir ajouter des images pour la collection que nous avons conçue. D' accord, donc nous avons créé un petit focus ou un point focal pour nos collections. Disons que je veux avoir cette expérience et c'est juste pour, comme je l'ai dit, fins d'expérimentation pour que je puisse aller de l'avant et décrire à quoi ressemblent les doigts, non ? Donc tu as cette petite bannière, non ? Vous allez vouloir ajouter une bannière et vous avez les produits en dessous. Pourquoi rien ne s'affiche ? Eh bien, il y a deux raisons. Numéro un, il n'a pas encore chargé, et numéro deux. Nous n'avons pas ajouté d'images à ces collections spécifiques, alors donnons-lui une minute pour enregistrer, non ? Et allons de l'avant et juste un aperçu de la page Web réelle. Faites tout à nouveau. D' accord. Tu vois comment les choses changent, non ? Et vous pouvez voir ici que c'est le même concept. Donc, ce que nous allons devoir faire, c'est que 55558 par 700 est l'endroit où nous pouvons ajouter des images. Maintenant, vous pouvez voir ici, il n'y a pas de place pour Adam ici. Comme si je choisissais ici, Adam n'a pas sa place ici. Mais ce que je peux faire, c'est que je peux aller et frapper la collection d'édition, n'est-ce pas ? Et avec cette collection d'édition, accord, nous allons extraire la collection. Nous devons ajouter une image de collection. Donc, je suis comme nous avons eu plus tôt différentes images de collection afin que nous puissions ajouter une image de collection pour chaque section. Touchons sur Enregistrer. Revenons à toutes les collections. Nous l'avons fait. Quelles sont les autres collections dont nous avons discuté ? On avait Bras, on avait nageur. Alors allons quelque part. Et ajoutons une photo de, nous allons, faisons-le de cette façon. Ajoutons simplement quelques images par défaut. Et bien sûr, ce ne sont pas les images que nous utilisons nécessairement, mais vous savez, cela fonctionne assez bien pour nous. Et rechargeons ça, préparons-le. Donc vous pouvez voir ici, c'est un peu comme un point focal. Tu vois ce que je dis ? Alors est-ce quelque chose que je ferais nécessairement ? Probablement pas, vous savez, juste pour le design. Je ne pense pas que je le rendrais mal. Important sur le site où il a besoin d'avoir une page complète, un peu comme il est. Y a-t-il des moments où tu auras quelque chose comme ça peut-être, tu sais, je dis comme des leggings, disons ici. Et parfois cela change une fois que vous avez toutes les images. Mais disons juste que nous allons avec cette image pour les leggings. Et frappons sur sauver. Et nous allons juste rafraîchir ceci à nouveau. Tu sais, c'est évidemment idéal aussi. Je veux dire, tu pourrais l'utiliser. Vous devez juste être créatif quant à la façon dont vous utiliseriez quelque chose comme ça. Il est clair que ce n'est pas quelque chose que j'utiliserais et je l'ai déjà expliqué. Mais comme je l'ai dit, tu sais, faire ce qui flotte ton bateau quand il s'agit de concevoir, est-ce quelque chose que j'utiliserais ? Probablement pas. Donc je vais me débarrasser de ces collections. Tu peux, tu peux les montrer. Et différentes collections ont des avantages différents en passant. Donc, vous savez, si vous le pouvez, vous savez, vous pouvez ajouter trois collections par ligne, par exemple. Et cela changera complètement le look. Donc, ce n'est pas nécessairement, il doit être une page complète. Ça pourrait être quelque chose comme ça, non ? Donc c'est à vous de décider comment vous voulez le mettre en place. Ce n'est pas comme si c'était nécessaire pour avoir une certaine configuration, mais on peut, juste pour le plaisir, je peux vous montrer à quoi ça ressemble pour les trois. Laisse-moi choisir les mêmes ici. On a du bronze. Nous l'avons fait, revenons en arrière. On a nager où ? Laisse-moi choisir ça. C' est la prochaine version de la collection, Spotlight. D'accord. Et nous en avons un de plus, nous avons du retard. Donc c'est trois juste là. Et nous pouvons faire ce réglage de comme disons trois par rangée. Donc ça a l'air similaire. Donc vous pouvez voir ici, c'est un peu différent. Ça a l'air similaire, mais ce n'est pas le cas. Allons à la collection numéro cinq. Faisons la même chose. Droit ? Alors, naviguez. Retournons ici. Choisissons trois collections. Nous avons des leggings et nous avons nageur. Droit ? Donc c'est similaire, non ? Vous pouvez voir ici, ils sont tous semblables en fonction de la conception, mais il y a certains modèles que j'irais avec. Certains dessins que je ne ferais pas. C' est généralement quelque chose que j'utiliserais peut-être de temps en temps. Tu sais, ce n'est pas quelque chose que je ferais forcément tout le temps. Mais l'avantage est qu'il vous mènera à la collecte réelle avec laquelle il est corrélé, qui est une conception d'avantages. C' est à vous de décider comment vous voulez le mettre en place. Mais revenons en arrière et personnalisons ici. Assurez-vous que ce n'est plus disponible sur notre site Web. Ok, ça l'est. Donc on pourrait aussi bien se débarrasser d'eux. Alors, enlevez, sorte de mouvement. Maintenant que vous savez comment faire ça, la bonne nouvelle est que vous pouvez le faire quand vous voulez. Donc c'est la bonne nouvelle, non ? Donc, nous allons aller de l'avant et juste enlever ça aussi. Même si ça a l'air sympa, mais on va l'enlever. D' autres caractéristiques gars est que nous pouvons ajouter une section à propos de nous. Et comme je l'ai dit, je veux dire, c'est à vous d'ajouter cette section sur nous. Ce n'est pas quelque chose que je ferais. Ce que vous voyez, c'est des caractéristiques différentes que nous pouvons avoir. Nous pouvons ajouter, vous savez, une page de questions fréquemment posées sur la page de paiement réelle, n'est-ce pas ? Et nous pouvons éditer les questions fréquemment posées. On pourrait faire beaucoup de questions si fréquemment posées à gauche, n'est-ce pas ? Ce sont donc toutes les questions qui se posent. Nous pouvons sélectionner un arrière-plan, nous pouvons le désactiver. Donc quelque chose comme ça. Et c'est fondamentalement, je veux dire, c'est quelque chose que j'inclurais dans ma page d'accueil. Nous pouvons inclure quelques autres choses comme une carte. On n'a pas de grille de galerie. grilles de galerie sont vraiment, vraiment sympa. J' aime les grilles d'ail et presque vous montrer à quoi ressemblent ces images. D' accord ? Il est important de faire toutes vos images à peu près de la même taille pour une grille de galerie. D' accord ? Donc, certaines images sont clairement, vous savez, plus grandes que, que d'autres, mais vous voulez qu' elles soient à peu près de la même taille pour qu'elles aient un look uniforme. Allons de l'avant et ajoutons un peu plus. Allons de l'avant et ajoutons une autre photo au milieu ici. Voyons ce qui va être beau. Surmontez tout. Peut-être quelque chose comme ça. Très bien, donc clairement pas la même taille. Quelque chose que je vais faire est que je vais éditer cette taille. Donc peut-être que faire ça ne peut pas être une image différente. Ouais, ça pourrait être une image différente. Donc quelque chose comme ça. Peut-être, vous savez, un peu comme vous voulez le concevoir. Alors oui, voyons ici ce qu'on peut faire. Tu veux le faire ? Certainement tester différentes images et chaque galerie, Par ailleurs, les gens peuvent cliquer, voir, droite, zoomer, zoomer, passer à l'image suivante, zoomer, aller à la suivante. Donc c'est quelque chose à garder à l'esprit. Nous avons la section e-mail ici ajoutée après la foire aux questions, qui est une autre fonctionnalité que vous pouvez ajouter, n'est-ce pas ? Donc, vous pouvez supprimer cela je, en termes de conception, je garderais cela, vous savez, juste pour la caractéristique de celui-ci. Éditer le texte assez, assez explicite, non ? Au lieu de notre galerie de photos, peut-être jeter un oeil et ce que nous offrons quelque chose comme ça. Et laissez-moi m'assurer que l'orthographe est correcte. C' est quelque chose que tu voudras peut-être faire aussi. Vous pouvez également déplacer du texte. Donc si tu veux qu'il disparaisse, tu pourrais le faire. Mais dans ce cas, je vais juste écrire Galerie, mettre un point, il sauver. Il y a donc différentes choses que vous pouvez faire avec différentes fonctionnalités. Dans l'ensemble, si je devais configurer les exigences. Il y a des choses que vous voulez avoir dans votre boutique Shopify comme exigences, et c'est ce que nous allons faire, nous allons parler dans la prochaine leçon. 21. Quelles sont les exigences du magasin Shopify: Donc, parmi toutes les fonctionnalités, il y aura des choses qui vont être nécessaires pour chaque magasin, dans chaque magasin devrait les avoir, non ? C' est juste de dire que chaque magasin devrait avoir certaines exigences, d'accord ? Quand ces exigences, je vais l'exposer ici, tout de suite, chaque magasin a besoin d'une bannière de héros. Chaque bannière de héros devrait avoir une sorte de promotion. 40% de réduction, 20% de l'achat d'un, en obtenir un gratuit, la livraison gratuite, quelle que soit l'incitation, il devrait avoir, non ? Chaque magasin devrait avoir une bannière divisée en supposant que les produits ne sont pas les mêmes, les choses sont vendues. Chaque magasin devrait avoir une bannière divisée. Chaque magasin devrait également avoir un produit à grille. C' est, vous savez, la section afin que les gens puissent sélectionner ce qu'ils veulent dans la grille de produits. Il ajoute juste pour plus de personnalisation. Et aussi les blogs devraient être disponibles, c'est facultatif. Mais regarder les livres sont également facultatifs, sympa ou les choses qui vont envoyer votre magasin au niveau suivant. Si tout comme celui-ci est disponible sur la première page, vous aurez beaucoup de transect difficile conversion et ajouter ces différents avantages à votre magasin qui ont intrigué les gens. Maintenant, aussi, chaque magasin devrait avoir une sorte de dynamique Ajouter au panier. Donc si je devais aller ici, disons Cliquez sur le produit, non ? Et disons la petite taille au panier. Vous pouvez voir ici que je peux avoir des ventes incitatives à ma disposition. Et il y a aussi une caisse pour que je puisse passer à la caisse et procéder à la caisse. On peut m'emmener directement à la caisse. Ce n'est pas quelque chose que je veux faire évidemment. Mais vous avez mon point de vue ici. C' est ce qu'on appelle un paiement en une étape. Pourquoi les sorties d'une étape importent-elles réellement ? C' est très, très simple. Une fois que l'enfant va augmenter votre taux de conversion. Parce que les gens le sont, qui veulent vraiment quelque chose, ils vont cliquer sur la caisse et ils vont aller directement à la caisse et ils vont payer. D' accord ? C' est important. Ok, les gens oublient ça, mais c'est important. Mais dans l'ensemble, c'est un cours sur le design. Et je l'espère maintenant, en particulier dans le projet. Après avoir terminé le projet, vous serez prêt à concevoir des magasins à la volée. Donc c'est quelque chose que tu veux faire, c'est que tu as des bannières. D' accord ? Vous êtes, et surtout dans le projet, il suffit de lire l'explication du produit. Tu vas avoir une bannière, tu auras une bannière divisée. Vous allez avoir une catégorie de produits. Ce que je veux que vous fassiez, c'est que je veux que vous preniez des captures d'écran de chaque que vous avez créé et que vous l'envoyiez à travers le projet. D' accord. Ça a l'air bien. Ça a l'air bien. Donc tout le monde va faire ça. Et ce sera le minimum absolu pour tout le monde magasin, je comprends que certaines personnes ne veulent pas être au-dessus et au-delà de la création et de la création d'une page de questions fréquemment posées et de choses comme ça. Mais c'est quelque chose que tout le monde devrait faire. Très bien, allons y entrer. Alors bonne chance avec le projet. Obtenir le projet fait soumis. Bien sûr, si vous avez des questions, n'hésitez pas à les poser. D' accord. On se voit. 22. Comment créer une pop popup de lettre d'actualité: Allons de l'avant et parlons de la façon de créer une fenêtre contextuelle de newsletter. Ok, donc la première chose que nous voulons faire, c'est qu'on veut aller au magasin en ligne et qu'on veut repersonnaliser. Ok. Maintenant, qu'est-ce qu'un problème de newsletter ? Propriétés de la newsletter, juste une petite boîte qui apparaît qui dit, vous savez, sorte de message promotionnel d'incitation en échange d'un e-mail. Et la raison pour laquelle tout ce concept est important, n'est-ce pas ? Et en fait il suffit de clignoter l'écran. La raison pour laquelle tout ce concept est important dans le monde des affaires est que lorsque les gens visitent votre site Web, ils ne sont pas toujours intéressés à acheter votre produit immédiatement, n'est-ce pas ? Ils pourraient être intéressés à acheter plus tard, une heure plus tard ou un jour plus tard. Peut-être qu'ils attendent un rabais spécial, n'est-ce pas ? Il existe différents types d'identités d'acheteur, mais au moins la fenêtre contextuelle de la newsletter nous permettra de capturer le prospect et d'interagir avec cette piste un peu relater. Donc, si nous allons juste ici à nos paramètres de thème, droite, et pour accéder à nos paramètres de thème, nous allons juste en bas. Appuyez sur les paramètres du thème. Il y a différents paramètres que nous avons, d'accord ? Et donc l'un des paramètres que nous recherchons en fait, c'est le popup, non ? Et pas la barre supérieure, mais le thème Popup juste ici. Et nous pouvons donc choisir de l'activer. Et nous voulons ajouter une image pour le, pour le pop-up. Alors sélectionnons une image et cela peut être n'importe quelle image. Donc ça pourrait être une image, disons comme ça qui représente juste la marque. Peut-être que même ça pourrait être un peu mieux. Allons-y et attendons qu'il se charge. D' accord. Nous pouvons même y ajouter un logo. Techniquement, je n'y ajoute pas vraiment de logos. Je pense que ça a l'air plus propre sans le logo, mais vous pouvez prendre cette décision par vous-même. Et attendons juste qu'il se charge va frapper sauver. Et ce qu'on va faire, c'est qu'on va juste aller prévisualiser le site. Donc je vais taper le domaine du site ici. Donc je vais athlète remixé mon ShopiFy.com. Je pourrais même devoir aller jusqu'à ouais, je vais devoir le faire dans un onglet Incognito. Donc alpha leet re-mix dot ma boutique phi.com. On verra un pop-up. On y va. Donc, le pop-up ressemblera à ça. Il est écrit Joignez-vous à notre liste de diffusion. Nous pouvons ajouter un texte prérequis juste là, et les images juste ici pour représenter la marque. Alors pourquoi on fait ça ? Comme je l'ai dit, nous faisons ça pour capturer les e-mails. Et maintenant, chaque personne qui regarde ça sait exactement quoi faire pour créer une pop-up. 23. Comment créer une page de contact: Puisque nous savons maintenant comment créer des pop-ups, quelque chose que nous avons besoin de savoir comment créer une page de contact Foire aux questions page toutes ces différentes pages que nous avons discutées auparavant. Eh bien, pour ce faire, nous devons aller ici sur le bouton des pages. D' accord ? Et vous pouvez voir ici que je n'ai pas de pages créées. Je dois réellement créer ces pages dans Shopify, n'est-ce pas ? Donc je vais cliquer sur Ajouter la page ici. Et ce que je vais faire, c'est donner un nom à la page. Disons que c'est un Contact, non ? Nous voulons un endroit où nos consommateurs peuvent nous contacter. Et on va juste nous contacter. Nous pouvons sélectionner la version 1 ou la version 2. Je vais juste sélectionner la version 1, droite, et appuyer sur Enregistrer. Et nous pouvons en fait prévisualiser à quoi ça ressemble. Donc, si nous regardons la boutique en ligne, à droite, boum, nous y allons. Donc on peut ajouter une bannière, non ? Et nous pouvons ajouter un contact avec nous. Allons de l'avant et regardons à quoi ressemble le numéro deux. Donc, pour passer du numéro un au numéro deux, il suffit de sélectionner le numéro pour écrire Contactez-nous version deux. Appuyez sur sauver, et allons de l'avant et appuyez sur l'aperçu ici. Et donc c'est un peu différent. Vous pouvez voir ici il y a du texte. Il y a quelques informations ici, quelques noms et messages électroniques, ainsi que la bannière. Donc, c'est à vous de choisir le style que vous aimez pour la simplicité. Pour des raisons de simplicité, j'aime la version un. C' est juste allé un peu plus facile. Enlève le mal de tête au client en se souciant de votre localisation, des choses comme ça. Et ils pourraient juste visiter votre descente vous un message tout de suite. 24. Comment créer plus de pages personnalisées: Ok, alors maintenant que nous apprenons à créer une page de contact, vous pouvez voir ici qu'il y a beaucoup plus de pages que nous pouvons créer. Et c'est quelque chose que nous allons vraiment vouloir faire. Alors allons-y et revenons ici et créons une page de liste d'envies. Donc, fondamentalement ce qu'une liste de souhaits est si je viens d'aller de l'avant et de taper dans le site ici, affilié remixé mon ShopiFy.com. Vous pouvez la voir sur les produits. Il y a un petit bouton de cœur, non ? Et pour que les gens puissent enregistrer un produit sur la liste de souhaits, ils doivent appuyer sur ce petit bouton de cœur. Mais si je clique dessus, vous pouvez voir ici il vient de recharger le site. Et c'est parce qu'il n'y a pas de véritable page de liste d'envies. S' il y avait une page de liste de souhaits, ça m'emmènerait à un endroit où je peux créer un compte, non ? Une fois que j'ai créé le compte, il me montrera ma liste d'envies. Donc, je vais devoir créer une page de liste de souhaits. Donc je vais juste appeler cette liste de souhaits, d'accord ? Et puis je sélectionne la liste de souhaits ici et appuyez sur Enregistrer. Et il n'y a pas grand-chose que je dois écrire ou que je dois faire. Tout est intégré pour moi. Si je vais juste aller de l'avant et voir la page, cela me montrera à quoi ressemble la page de la liste de souhaits, n'est-ce pas ? Donc, il est dit s'il vous plaît login inscrivez-vous maintenant. Donc, évidemment, je ne suis pas inscrit. Donc il n'y a rien qui va être montré. Mais si je suis consommateur et que j'ai sauvé des trucs et que je veux y revenir. La page de la liste d'envies va être là. J' ai tendance à constater que les listes de souhaits ne sont pas utilisées aussi fréquemment dans le monde d'aujourd'hui. Cependant, ils sont toujours utilisés, n'est-ce pas ? Donc, si vous êtes une très grande entreprise avec des millions de trafic chaque mois, il peut certainement être utilisé, non ? Comme si vous obtenez un million de trafic, vous pouvez vous attendre à un 40 à 50 mille personnes utilisent la liste de souhaits, mais ils ne sont certainement pas utilisés aussi fréquemment écrire et 050 pour les gens utiliseraient wishlist tout le temps. Plus de la moitié du trafic de votre site Web serait d'enregistrer la liste de souhaits et de sauvegarder les produits pour plus tard. Typiquement, nous constatons que lorsque la marque est un peu plus grande et qu'il y a plus de gens qui viennent à cette marque. Plus la liste de souhaits sera sauvegardée. Et vous écrivez, vous voulez que votre site Web soit presque comme une caractéristique pour les gens, mais ils continuent de revenir constamment pour obtenir des données, des informations, des nouveaux produits à acheter, et ainsi de suite. 25. Comment modifier les pages personnalisées: Ok, donc quelque chose que nous voulons faire est de modifier notre page à propos de nous. Et si vous remarquez ici dans la liste déroulante, il n'y a pas nécessairement de page pour cela. Donc, la façon dont nous faisons cela est d'ajouter les pages au menu en haut, non ? Donc, si je suis à l'emplacement de personnalisation pour le thème, nous ajoutons les pages au menu en haut. Et si je voulais personnaliser quelque chose comme la page À propos de nous sont contactez-nous page ou n'importe quel type de ces pages tertiaires, droit. C' est comme Foire Aux Questions ou quelque chose comme ça. Je voudrais simplement cliquer sur la page réelle. Il nous montrera les données pour cette page. Cliquez sur le bouton Contactez-nous et édité afin que je puisse éditer cela comme je peux sélectionner une image de fond. Donc encore une fois, si je veux sélectionner, disons l'image de la salle de gym que j'avais. Donc, disons que c'est la photo, non ? Je peux avoir cette photo et ça dira quelque chose comme contactez-nous. Mais idéalement, je voudrais que ce soit une version plus légère du texte. Donc, je devrais aller dans mes paramètres et faire ces modifications, mais vous pouvez faire les changements pour la bannière réelle. Alors peut-être que j'ai besoin de quelque chose d'un peu de couleur claire. Donc, je n'ai pas trop de bannières ici, mais ce n'est qu'un exemple rapide. Donc, si j'ai cliqué sur quelque chose comme ça, vous pouvez voir ici il dit contactez-nous maintenant ce n'est pas nécessairement l'image que j'utiliserais à moins que je promeuve nageur. Mais vous comprenez le bon point. Donc vous ne voulez pas avoir une image comme celle-ci parce qu'elle sortira pixellisée, n'est-ce pas ? Ces photos ne sont pas vraiment conçues pour ça, n'est-ce pas ? Vous pouvez voir ici qu'ils sont tous pixélisés. Il n'y a que pixellisé parce qu'ils ne sont pas conçus pour la taille de la bannière. Ils sont conçus pour la taille des photos, non ? Donc, vous voulez trouver une bannière qui correspond aux critères de la page. Donc, dans ce cas, nous avons du texte noir. Et nous devrions aller dans les paramètres principaux de typographie et de couleurs pour changer cela. Mais, tu sais, tu peux choisir, tu sais, quelle bannière tu veux, non ? Donc, si vous voulez simplement supprimer la bannière et sélectionner comme une image libre qu'ils ont disponibles. Donc si je tape Jim Wright et que je veux quelque chose de canon de couleur claire comme ça, non ? Cela fonctionnera de la même manière. Donc je veux dire, il y a, il y a beaucoup de choses que nous pouvons faire. On peut faire ça comme ça, non ? Alors que même semble mieux à mon avis, appuyez sur sauver. Ok, et il n'y a pas tout le temps où j'utiliserais ma propre image personnalisée. Je veux dire, ils nous donnent des images gratuites. Mais comme je l'ai dit, vous pourriez faire la même chose et nous allons aller de l'avant et faire ça très vite avec la page à propos de nous juste pour que tout le monde puisse voir et ça peut, tout le monde puisse comprendre. Donc, ici, nous avons la bannière About Us et nous avons différents comme le texte de soutien. Et puis nous avons les raisons de faire des achats section. Nous avons une section Instagram. Tous ces trucs sont dans ce bouton juste ici. Il est dit à propos de nous et nous pouvons effectivement faire un peu d'édition. Nous avons donc l'image de fond une fois de plus. Disons que nous voulions utiliser cette image pour nous, non ? Et évidemment, ce n'est probablement pas une image que je vais utiliser. Je vais utiliser quelque chose de plus comme une bannière d' une sorte qui fait la promotion de la marque ou quelque chose comme ça. Mais peut-être que si je tapais 4k out, cela aurait un peu plus de sens. Voyons voir ici. Si je clique sur cette image, comme je l'ai dit, vous devez faire attention à quel genre de bannière vous sélectionnez et vous assurer qu'elle a l'air bien dans l'ensemble. Voyons voir ici vous pouvez éditer du texte, ajouter des images. Donc nous avons un donc si vous cherchez le texte ici, il dit Justin, quoi que ce soit n'est pas là. En fait, c'est juste là. Donc le service numéro un, n'est-ce pas ? Et donc le service numéro un, service numéro deux, l'introduction. Donc, je veux éditer l'introduction. Je l'appellerais, disons notre équipe ou quelque chose comme ça, non ? Notre équipe. Peut-être changer la description de nous aussi. C' est vrai ? Et puis ajoute, vous savez, changer le texte apparaît qui est parfaitement bien, et sélectionnez une image pour l'équipe. Donc peut-être que ce ne sera pas comme une image comme celle-ci. Ce serait comme une image liée à l'équipe avec un tas de gens. Alors, allons trouver celui qui est très rapide. Donc peut-être quelque chose comme ça, non ? Je voudrais plus d'une personne. Et cela fonctionne vraiment très bien pour les magasins qui ont comme About Us pages d'avoir plus d'une personne dans les photos et juste genre de spectacle comme la société et les gens. Tu sais, il y a beaucoup de choses que tu peux faire. Peut-être que je vais me débarrasser de cette partie d'introduction, non ? Et donc oui, c'est vraiment ça. Comme c'est le cas, il est assez explicite de personnaliser ces pages. Mais néanmoins, si vous voulez faire quelques personnalisations, maintenant vous savez comment faire sur vos pages personnalisées.