Configurer une boutique Shopify : les bases pour comprendre le e-commerce

1. Introduction: Bonjour et bienvenue dans la salle de classe. Je suis Christopher Dodd. Je suis l'un des meilleurs professeurs sur Skillshare.com et Shopify Expert, travaillant avec la plateforme Ce que vous allez suivre est un cours intensif sur Shopify. Nous sommes ensemble, nous allons passer en revue les différentes parties d'une boutique Shopify et découvrir comment chaque partie fonctionne ensemble pour créer un site Web de commerce électronique beau et robuste Bien que la plateforme Shopify ait subi de nombreuses améliorations depuis 2019 et continue de le faire, la structure de base de la plateforme Shopify reste un système robuste qui équilibre élégamment flexibilité et facilité Une plateforme qui permet aux commerçants de commencer à vendre instantanément grâce un système de paiement simple mais puissant accepter les paiements pour tous les produits auxquels vous pouvez penser. Avec Shoaf, vous pouvez créer une page produit et commencer à vendre en moins d'une heure Au cours du cours, nous passerons en revue les éléments essentiels que vous devez comprendre à propos de la plateforme Sho Fi. Nous allons commencer par un aperçu de la structure du commerce Shove, puis nous examinerons les différents éléments qui composent un Shove Store, tels que les produits et les variantes, les pages personnalisées, les thèmes et applications de navigation En plus de créer vos propres données afin de pouvoir facilement étendre la plateforme en fonction de vos besoins. tant que développeur travaillant sur la plateforme, depuis 2019, j'ai vu des dizaines de magasins utiliser Shopify pour alimenter une simple boutique en ligne Jusqu'à des entreprises de commerce électronique de plusieurs millions de dollars utilisant diverses options de personnalisation. Alors que Shopify rend le commerce électronique aussi simple que possible. Il y a certaines choses que vous devez savoir à propos de la plateforme. Si vous souhaitez vendre des produits, chobe fi ou, comme moi, aider les entreprises qui utilisent Shopify à répondre aux exigences de leur site Web Donc, si vous souhaitez en savoir le fonctionnement de la plateforme Shopify, restez à l'affût et je vous verrai de l'intérieur 2. Projet de classe: Pour votre projet de classe, je veux que vous élaboriez un plan pour une boutique Shopify Je recommande d' ouvrir un document dès maintenant. Et pendant que vous suivez chaque leçon, trouvez votre propre exemple de la façon dont vous pourriez intégrer un aspect de votre boutique dans chaque catégorie. Si vous êtes en train de créer une vraie boutique, mieux encore, vous pouvez appliquer ce que vous avez appris dans les leçons suivantes aux besoins réels de votre boutique. Mais si ce n'est pas le cas, vous pouvez consulter d'autres boutiques sur le Web, qu'elles soient enregistrées ou non Et déterminez, par exemple, quels produits vous allez ajouter à votre boutique, quelle combinaison de ces produits fera partie d'une collection et quels champs supplémentaires vous pourriez avoir besoin de mettre en valeur. Des images, par exemple, sous le pli. Ou pour présenter quelque chose comme spécifications ou une liste d' ingrédients lesquels nous pouvons utiliser des données personnalisées, IE. Champ méta sp. Si vous préférez faire à la fin du cours, c'est à vous de décider. Mais peut-être aurez-vous besoin de revenir en arrière et de revoir certaines leçons pour confirmer votre compréhension. Une fois que vous aurez terminé votre plan, assurez-vous de le partager avec le reste de la classe en le publiant dans la section des projets de classe de ce cours de partage de compétences Vous pouvez le faire dans le format de votre choix et même de manière anonyme si nécessaire C'est juste une bonne idée de faire quelques devoirs afin de consolider les connaissances que vous allez acquérir tout au long de ce cours Bien entendu, si vous avez des questions, hésitez pas à commenter l'une des leçons ou dans le cadre de votre projet de classe. Dans le cas contraire, commençons. 3. Créer une boutique de développement gratuite: Très bien, donc pour suivre ce cours, vous aurez besoin d' une boutique Shopify Et comme je l'explique dans mes autres vidéos, le moyen le plus simple de démarrer avec Shopify si vous n' avez pas encore de boutique Shopify est de créer une boutique de développement gratuite via votre compte Shop Fi Partners Et si vous n'avez pas de compte Shop Fi Partners, vous pouvez facilement vous inscrire gratuitement. Il n'y a aucun processus de candidature. Vous n'avez pas besoin d' informations d'identification pour avoir un compte partenaire Shop Fi. Tout cela est gratuit pour les personnes comme nous qui essaient d'apprendre la plateforme, n'est-ce pas ? J'en ai déjà parlé dans de nombreuses vidéos et j'ai créé des boutiques de développement par le passé, mais je vais en créer une nouvelle dans cette vidéo. Si vous avez déjà une boutique de développement ou avez un autre type de boutique à suivre, vous avez un autre type de boutique à suivre, n'hésitez pas à sauter cette vidéo. Mais si vous avez besoin de créer une boutique, un magasin de figues, vous n'en avez pas encore une, suivez certainement cette vidéo. Maintenant, la première chose à faire est de créer un compte partenaire. Si ce n'est pas déjà fait, je ne vais pas suivre ce processus. Cela devrait être assez simple. C'est assez simple. Je l'ai fait il y a des années et je ne me souviens pas que cela ait posé problème. J'ai déjà un compte. Donc, ce que je vais faire, c'est simplement appuyer sur Se connecter et cela me redirigera vers le compte de mon partenaire. Ensuite, je vais aller dans les magasins. Gardez simplement à l'esprit, les gars, que l'interface utilisateur peut changer à tout moment. Il suffit donc de rechercher l'élément de menu appelé magasins. Il se peut qu'il ne soit pas dans cette position exacte au moment où vous regardez ceci. Très bien, il ne nous reste plus qu'à sur ce bouton ici pour ajouter un magasin. Et vous pouvez demander l'accès à la boutique d'un client si vous travaillez dans la boutique de quelqu'un d'autre. Mais pour nos besoins, nous allons simplement cliquer ici pour créer une boutique de développement. Et il va se demander s'il s' agit de quelque chose dont nous allons transférer la propriété à un client plus tard. Ou nous créons une boutique pour tester et créer, ou dans ce cas, pour apprendre. Nous allons donc cliquer sur la deuxième option, et je vais appeler cette classe Shopify Store Non, ce n'est pas disponible. Je vais lui donner quelque chose d'un peu plus unique. boutique Chris Development. C'est bon, cool. C'est un nom un peu *****, mais il a fini par passer car il doit évidemment s'agir d'un nom unique Pour y parvenir, nous pouvons utiliser la dernière version ou une version préliminaire pour les développeurs. Cela nous permet de prévisualiser les fonctionnalités qui vont sortir. Nous pouvons donc cliquer ici et regarder les fonctionnalités qui seront bientôt disponibles sur Subi, afin de pouvoir les tester. Je vais utiliser la dernière version pour le moment. Et puis celui-ci, qui n'existait pas lorsque j'ai commencé à créer des boutiques de développement , est très pratique pour commencer avec des données de test. Si nous commençons avec un magasin vide, nous allons devoir créer toutes ces différentes ressources, ce qui est un peu ennuyeux. Nous devrons probablement encore créer des données factices dans notre magasin de développement tout au long de cette classe Mais commençons certainement par quelques données de test. Je vais cliquer ici pour créer le magasin de développement. Une ère inattendue créant une boutique. OK, laisse-moi réessayer. Le nom de la boutique ne peut pas contenir Schober Fire. C'est peut-être là le problème. Je l'appellerai simplement Chris Development Store, bien sûr. C'est bon. Donc oui, je vais garder les autres options inchangées et j'espère que cela fonctionne maintenant. Très bien, alors allons-y. Nous avons notre boutique de développement, et nous pouvons maintenant continuer avec le reste de la classe. 4. Architecture de magasin Shopify: Avant de nous plonger dans chaque élément important de la plateforme Shop Fi, nous devons examiner de haut niveau la place chaque élément dans l'architecture globale de la plate-forme. Shop Fi est une plateforme de commerce électronique complète. Vous pourriez le considérer comme un simple endroit pour créer une boutique en ligne, mais en réalité, Shop Fi vous permet de vendre sur de nombreux canaux de vente différents. Que ce soit par le biais d' un point de vente, plateformes en ligne existantes ou de votre propre vitrine Bien entendu, en utilisant l' ABI de la vitrine, plupart des utilisateurs opéreront principalement via le canal de vente de la boutique en ligne Si vous vous connectez à votre compte Shopify et que vous regardez le menu de navigation sur la gauche, vous trouverez probablement un lien vers boutique en ligne sous le titre Canaux de vente Cliquez sur ce lien et le menu s'agrandira pour vous montrer les différentes parties de votre boutique proposées par Shoppe Fi. Notez que le premier lien indique Thèmes. Un thème vous permet de contrôler l'apparence et, dans une certaine mesure, les fonctionnalités de votre vitrine de boutique en ligne. La meilleure façon de montrer ce qu'un thème fait et ne fait pas est de passer d' thème à l'autre sur la même boutique. Ici, vous pouvez constater que les menus et les produits restent largement les mêmes, mais que la mise en page et l' apparence de la vitrine de votre boutique en ligne changent. Voyez comment, lorsque je clique entre ces différents thèmes, le contenu et les menus sont en grande partie les mêmes, mais la présentation est assez différente. C'est ce que fait votre thème, c'est un moyen rapide de vous permettre de personnaliser la vitrine de votre boutique Quand je dis que le contenu et les menus sont en grande partie les mêmes, c'est parce qu'une grande partie de ce contenu est stockée soit dans le canal de vente de la boutique en ligne, soit en dehors du canal de vente de la boutique en ligne dans le cas des produits, par exemple, prenons du recul. Barrez vos canaux de vente ici pendant un moment. Ce qui, pour la plupart des gens, n'est qu'un seul canal de vente, le canal de vente de la boutique en ligne. Et voyons quel contenu est au cœur de votre boutique, quels que soient les canaux de vente que vous utilisez. Cela inclut les commandes, les produits, les clients et les remises. Pensez-y. Que vous vendiez en personne par le biais d'une boutique en ligne d'une application ou des réseaux sociaux, vous devrez prendre des commandes de certains produits auprès de certains clients à certains prix. Il s'agit de la fonctionnalité Core Commerce. C'est pourquoi ces sections sont indépendantes des canaux de vente que vous avez installés sur votre boutique Shopper I. Revenons maintenant à la section des canaux de vente et examinons quelles pièces existent dans le canal de vente de la boutique en ligne. Il s'agit des thèmes, des articles de blog, des pages et de la navigation. Souvenez-vous qu' il y a un moment, nous avons examiné notre boutique à travers différents thèmes. Le contenu qui est resté le même, quel que soit le thème que nous recherchions, incluait ces ressources dans canal de vente de notre boutique en ligne. Par exemple, si nous nous dirigeons vers la section des articles de blog et que nous créons un nouvel article de blog, cela s'appliquera à l' ensemble du canal de vente, non à un thème en particulier. Nous pouvons également créer une page à ajouter au canal de vente de notre boutique en ligne, ainsi que configurer un menu que nous pouvons inclure dans nos thèmes à différents moments. Nous approfondirons tout cela tout au long du cours, mais pour l'instant, je ne fais que vous montrer où se situent ces options dans votre boutique. Avant de résumer ce que nous avons appris jusqu'à présent, parlons rapidement de l'éditeur de thème. Dans chaque thème, vous pouvez accéder à ce que l'on appelle l'éditeur de thème. Ici, vous pouvez personnaliser certains aspects de votre thème. Et lorsque vous cliquez sur Enregistrer, ces données sont instantanément enregistrées dans le thème spécifique que vous modifiez. Il est important de noter ici que les données de cet éditeur sont stockées sur un thème spécifique et chaque thème possède son propre ensemble de données. Pour ces options, cela est différent de ce dont nous venons de parler avec les articles de blog, les pages et la navigation. Un champ de menu dans les paramètres de votre thème peut être un exemple illustrant les points de divergence entre les données du thème et les données du magasin champ de menu dans les paramètres de votre thème peut être un exemple illustrant les points de divergence entre les données du thème et les Le menu lui-même est configuré dans votre section de navigation et être utilisé par tous vos thèmes. Mais la sélection du menu spécifique est spécifique au thème et est donc stockée dans celui-ci. Encore une fois, nous allons approfondir tout cela dans ce cours. Pour l'instant, je tiens juste à vous informer vous voudrez peut-être vous référer à cette vidéo une fois que vous aurez terminé le cours. Mais pour l'instant, résumons ce que nous avons appris dans cette leçon. Comme vous pouvez le voir ici, j'ai séparé les trois endroits différents où les données stockées et la façon dont ils sont indépendants les uns des autres dans les boutiques Shopify Vous avez donc vos fonctionnalités commerciales de base ici. Variation des produits, commandes, clients et remises. Il s'agit de données de base sur le commerce électronique. Quels que soient les canaux de vente sur lesquels vous vendez. Bien entendu, pour la majorité des utilisateurs, vous allez simplement utiliser le canal de vente de la boutique en ligne, qui est fourni par défaut avec Shop Offi C'est ce à quoi la plupart des gens pensent lorsqu'ils pensent à un magasin shop offi Ainsi, des éléments tels que les thèmes, les articles de blog, les pages, les navigations seront spécifiques à ce canal de vente de la boutique en ligne Ensuite, dans le canal de vente de votre boutique en ligne, vous pouvez personnaliser l'apparence de votre site Web à l'aide de différents thèmes et tous les paramètres que vous avez configurés dans l'éditeur de thème seront spécifiques à ce thème. Cela ne s'appliquera donc pas aux autres thèmes du canal de vente de votre boutique en ligne. Mais encore une fois, nous allons aborder ce sujet plus en profondeur tout au long du cours. Il ne s'agit que d'une vue d'ensemble de haut niveau. Encore une fois, vous voudrez peut-être y revenir une fois que vous aurez terminé le cours, mais pour l'instant, il s'agit d'une vue d'ensemble de haut niveau. Dans la prochaine vidéo, nous aborderons certaines de ces fonctionnalités de base, notamment les produits, variantes, les commandes et les clients. 5. Produits et variantes: Dans cette vidéo, nous allons parler principalement des produits et de la variance, mais nous allons également parler brièvement des commandes et des clients. En fin de compte, lorsqu' il s'agit évidemment d'une boutique en ligne, les produits sont au centre de la plateforme. Les produits doivent être assez simples à comprendre, mais là où cela peut devenir un peu compliqué c'est lorsque nous décomposons chaque produit en variance. Les variantes sont très importantes car elles représentent le produit réel qui est commandé et livré au client. Laisse-moi t'expliquer. Regardons les exemples de snowboard fournis avec notre boutique de développement. Le snowboard à hydrogène est ici un produit unique, mais il existe une gamme d'options. Si nous faisons défiler la page jusqu'à la section des variantes, nous pouvons voir la liste des options et des valeurs possibles pour chacune d'elles, ce qui produit à son tour ce tableau des variantes. Chaque combinaison d'options produit une seule variante. Si nous n'avons qu'un seul paramètre d' option avec, disons, la taille ici, avec trois tailles différentes, alors nous n'aurons que trois variantes différentes, une variante pour chaque taille. Mais si nous avons plus d' un paramètre d'option ici, la liste se compose de trois paramètres d'option, chacun avec trois valeurs possibles pour le premier, deux pour le second et huit pour le dernier. Comme dans cet exemple, nous obtenons un total de 48 variantes différentes, ou 48 combinaisons différentes de toutes les options ci-dessus. La formule pour cela est simple, c'est juste le nombre de valeurs possibles pour chacune multipliées ensemble. Donc trois fois deux fois huit, produisant 48 combinaisons différentes ou 48 variantes différentes. Donc, quand je dis que la variante est le produit lui-même commandé et livré au client, c'est parce que si un client commande un snowboard en fibre de carbone avec un motif de boulons classique en taille 160, il devait recevoir un snowboard en fibre de verre avec un support de fixation R SC en taille 154 Ce n'est donc pas le produit qu'ils ont commandé. Il s'agit d'un concept important à comprendre, car même si les produits ont leurs propres pages, c'est la variante ou la variation du produit qui est sélectionnée et commandée par le client. C'est pourquoi un produit contient toujours au moins une variante, même si aucune option n' est disponible pour le produit. Faisons un zoom arrière pendant une seconde et examinons le processus de commande de quelque chose dans une boutique Shopify Tout d'abord, le client accède à la page d'un produit et si ce produit est disponible dans différentes options ou non Lorsque le client clique sur le bouton Ajouter au panier, une variante est ajoutée à la carte. Si le client accède à la page de paiement, les variantes de ce panier sont reportées. Et lorsque le client paie, deux choses se produisent. Un client est créé dans le back-end et la carte est convertie en une commande qui est ensuite attachée à ce client. Désormais, pour un utilisateur administrateur ordinaire, il distinction entre les produits et n'est pas très important de comprendre la distinction entre les produits et les variantes. Tout ce dont vous avez vraiment besoin , c'est que la sélection du client a été capturée avec succès et qu'il a reçu le produit avec la combinaison d'options qu'il a sélectionnée. Toutefois, pour les utilisateurs plus techniques qui prévoient de coder des thèmes, des fonctions ou des applications Shopify , il est important que vous en soyez conscient Nous pouvons afficher les données stockées dans une variante en cliquant sur le bouton Modifier sur l'une de ces lignes. Comme chaque variante est techniquement un produit distinct, elle doit avoir son propre SKU, sa propre quantité et son propre prix. Le prix peut être le même entre les variantes ou différent si une certaine combinaison est plus demandée ou plus coûteuse à produire. Lorsque le client achète une variante et non un produit, le niveau de stock de chaque combinaison est enregistré ici au niveau de la variante. Si la variante représente le produit réel que le client commande, que peut-on dire du produit que nous voyons dans l'interface d'administration ? Vous pouvez considérer ce produit comme la page sur laquelle nous affichons les détails et les images du produit. Une page unique qui regroupe toutes les variantes. Les variantes n'ont pas leur propre page et ne peuvent être regroupées qu'en fonction du produit auquel elles appartiennent. Les produits, quant à eux, peuvent exister dans plusieurs collections et chacune possède sa propre page. Nous pouvons consulter la page du produit pour n'importe quel produit en particulier en cliquant sur le bouton Afficher ici. Ici, nous pouvons voir les détails que nous avons définis dans l'Ammon s'appliquant à notre interface. La plupart d'entre eux sont assez simples à comprendre comme le titre, la description et les images. Mais je tiens à attirer votre attention sur une petite liste déroulante, juste ici sous le modèle du thème. Nous parlerons plus en détail modèles une fois que nous aurons abordé les thèmes. Mais pour l'instant, sachez que chaque page de produit se ressemblera si elles utilisent le même modèle, ce qui est généralement le cas dans Shopify Nous pouvons voir à l'heure actuelle que tous les produits notre boutique utilisent le modèle par défaut, dont le code est stocké dans le thème. Lorsque nous cliquons sur Afficher ici sur le produit, nous visualisons le modèle par défaut sur le thème actuellement en ligne. Encore une fois, cela va un peu plus loin, mais nous aborderons les modèles dans une vidéo ultérieure. Pour terminer cette vidéo, parlons brièvement des commandes et des clients qui, comme mentionné précédemment, sont générés chaque fois qu'un client passe commande sur notre site Web. Dans la section réservée aux clients, nous pouvons consulter ici les détails des utilisateurs qui ont déjà passé des commandes auprès de notre boutique. Mais tous les utilisateurs ici ne sont pas nécessairement des clients payants. Un client peut également être un utilisateur qui soumet volontairement ses informations nous soumet volontairement ses informations sans avoir à acheter quoi que ce soit. L' exemple le plus courant est l' inscription à une newsletter où nous pouvons offrir quelque chose au client potentiel en échange de ses coordonnées. Notre section des commandes ici, assez explicite. Lorsqu'un utilisateur passe commande sur la boutique, il crée une commande que nous pouvons consulter dans l'administrateur. Ici, les commandes contiennent, bien entendu, la variation des produits que le client a commandés, ainsi que les informations du client afin que la commande puisse être exécutée C'est assez simple. Donc, un peu de viande dans cette leçon, mais en gros, cela couvre l'essentiel du système de commerce électronique Shopify Pour récapituler, vous pouvez configurer pages pour afficher les différents produits de votre boutique, chacun avec sa propre liste de combinaisons possibles appelées variantes Lorsqu'un utilisateur visite votre boutique, évalue le produit et sélectionne variante qu'il souhaite sur la page du produit, ajoute ce produit à la découpe, puis décide de créer une nouvelle commande client dans le système pour que le marchand puisse l'exécuter. Dans la vidéo suivante, nous aborderons une section de la page du produit que nous avons abordée dans cette Mais l'organisation du produit est très importante, si importante qu'elle mérite sa propre vidéo. 6. Organisation des produits: Dans cette vidéo, nous expliquerons comment organiser vos produits dans Shopifi Il s'agit d'un domaine dans lequel Shopifi peut être très différent des autres plateformes Une chose qui pourrait dérouter les utilisateurs est qu'il n'existe pas de concept de catégorie dans Chopifi Au lieu de cela, les principaux moyens d'organiser les produits dans Shopifi sont les collections et Passons à la section collection de notre interface d' administration et cliquons pour créer une nouvelle collection. Vous pouvez définir un titre, une description et une image pour votre collection ici, mais la vraie magie opère dans cette section. Ici, sous le type de collection, vous pouvez spécifier le mode manuel ou automatique. Le manuel est assez simple. Si vous créez la collection avec un type de manuel, vous pouvez spécifier manuellement produits que vous souhaitez inclure dans cette collection. Si nous ajoutons quelques produits ici et cliquons pour voir la collection sur le front-end, vous verrez notre collection livrée via le modèle de collection du thème, qui, compte tenu de la nature des collections, devrait comporter une liste des produits de la collection avec des options de filtrage et de tri de la liste. Tout comme un produit, une collection est un objet dans Shopify dont chacun possède sa propre page Et nous pouvons personnaliser la présentation de la collection en changeant de thème ou en sélectionnant la collection à afficher via un autre modèle. Si nous avons cette configuration dans notre thème, encore une fois, nous discuterons des modèles alternatifs une fois que nous aurons abordé les thèmes. Mais pour l'instant, tout ce que vous devez savoir, c'est que toutes les collections ont une page, une page dans laquelle les utilisateurs peuvent consulter la liste des produits de cette collection. Pour en revenir au concept d'organisation des produits collections Chopifi sont très flexibles dans le sens où un produit peut exister dans de nombreuses L'inconvénient est que nous ne pouvons pas retracer un produit jusqu'à une seule collection et qu'il peut donc y avoir beaucoup de chevauchements Une autre limite est que collections ne peuvent pas être liées à d'autres collections. En d'autres termes, une collection n' est pas un sous-ensemble d'une autre collection Avec Chopifi, j'ai découvert que les commerçants qui proposent une large gamme de produits sont souvent frustrés, car ils aiment trop souvent organiser leurs produits dans une structure arborescente, qui ne correspond pas vraiment ce qui ne correspond pas vraiment au modèle de collections de produits flexible Avant de parler des collections automatisées, permettez-moi de vous expliquer un peu plus sur les tags et Chopifi au produit que nous examinions Nous pouvons voir la section consacrée aux tags en bas de la section sur l' organisation du produit. Les tags sont simplement des lignes de texte simples que nous pouvons ajouter au produit pour le classer Nous pouvons ensuite créer des règles concernant les produits dotés de certaines balises, soit dans le code de nos thèmes, soit dans les collections chop fi automatisées. Ce qui me ramène à la page d'administration de la collection ici. Si nous créons une nouvelle collection et que nous sélectionnons cette fois la collecte automatisée, nous pouvons configurer la liste des produits de la collection pour qu'elle soit automatiquement renseignée en fonction de certaines conditions, dont la plus courante est l'utilisation de balises Ainsi, par exemple, si nous créions une page de collection répertoriant tous nos produits en solde, nous pourrions créer la collection sous forme collection manuelle et mettre à jour les produits manuellement au fil du temps en revenant à la collection chaque fois que nous souhaitons apporter une modification. Ou bien, nous pourrions établir une règle selon laquelle la collection des soldes inclura tous les produits portant l'étiquette de vente. Ensuite, au niveau du produit, nous pouvons simplement ajouter et supprimer l'étiquette de vente chaque fois que nous voulons que ce produit soit inclus dans la collection de vente ou non. L'avantage de cette deuxième méthode est que, étant donné que nous savons au niveau du produit que le produit est un produit en vente, nous pouvons également utiliser ces informations de différentes manières. Par exemple, dans cet exemple d'étiquette de vente , nous pouvons le coder dans le thème pour afficher une étiquette sur la grille des produits indiquant « vente » si l'étiquette de vente est présente. Une autre chose à propos des balises est que Shopify fournit un moyen natif de filtrer plus en profondeur les collections en fonction des balises Supposons, par exemple, que vous ayez une collection de chaussures dont certains produits sont étiquetés comme étant pour hommes. Vous pouvez simplement ajouter une barre oblique, puis ajouter la balise à la fin de l'URL afin de filtrer les produits qui ne possèdent pas cette balise dans cette collection Pour en revenir aux conditions des collections automatisées, les balises sont l'une des options, mais vous pouvez également créer des collections automatisées fonction d'une série d'autres attributs tels que le type de produit, prix ou le niveau de stock. Vous remarquerez ici qu'il existe une option pour la catégorie de produit, ce qui, selon vous, contredit ma déclaration précédente selon laquelle catégories ne sont pas un concept dans Schabifi Bien que ce que l'on appelle une catégorie de produits existe dans Schabifi Il est maintenant prévu qu'il existe un moyen de classer les produits pour des raisons fiscales lors de la vente aux États-Unis Malheureusement, ce n'est pas une méthode d'organisation des produits dans Schubifi, moins au moment de l' enregistrement, sauf, bien sûr, vous deviez classer un produit et utiliser ensuite comme condition d'une collection Mais dans ce cas, vous comptez toujours sur une collection pour afficher cette catégorie. Avant 2021, nous pouvions également filtrer les collections en fonction du type de produit et du fournisseur. Mais depuis 2021, Hope Pi utilise désormais ce que l'on appelle le filtrage des vitrines Cela inclut non seulement le fournisseur et le type de produit comme options de filtrage, mais également toute une série d'autres attributs tels que la disponibilité des prix et même les champs personnalisés que vous définissez vous-même, appelés métaphields Pour en savoir plus sur les attributs disponibles pour le filtrage, consultez la page de documentation de Chobe Pi sur le des vitrines OK, nous en avons donc beaucoup parlé dans cette vidéo, mais voici un résumé de haut niveau. Premièrement, les collections sont la méthode native de Shabifi organiser les listes de produits Deuxièmement, nous pouvons créer une collection avec une liste de produits que nous spécifions manuellement ou via un ensemble de règles qui permettent de remplir dynamiquement la liste de produits via différents attributs tels que les balises, type de produit ou le fournisseur. Troisièmement, chaque collection possède sa propre page, qui peut être personnalisée via le modèle de collection intégré au thème. Enfin, nous pouvons filtrer plus bas sur les pages de collection, les firetags et les autres attributs des produits. Mais nous ne pouvons pas lier nativement une collection à une autre. Les collections sont essentiellement au cœur de l' organisation des produits chez Shabifi Si vous souhaitez afficher une liste de produits correspondant à une catégorie, vous devez créer une collection . Cela couvre donc le cœur principal de la plateforme Shop Fied. Dans cette prochaine vidéo, nous aborderons le canal de vente de la boutique en ligne et examinerons la création de pages, la navigation et les articles de blog. 7. Pages, articles de blog et navigation: Dans cette vidéo, nous allons parler des éléments qui constituent le canal de vente de la boutique en ligne, à savoir le canal de vente qui comprend Defold et Shopify Et celui qui vous vient probablement à l'esprit lorsque vous pensez à une boutique Shopify En haut de la liste se trouvent les thèmes, que nous aborderons un peu plus tard, car les thèmes sont un sujet énorme et j'en parle en profondeur dans mes autres cours. Pour l'instant, regardons simplement pages, la navigation et les blogs. Tout d'abord, les pages sont les plus faciles à comprendre, tandis que les produits et les collections ont leurs propres pages. Dans Shopifi, la création d'une page ici dans le canal de vente de la boutique en ligne concerne toutes les autres pages dont vous pourriez avoir besoin qui n'entrent pas dans les catégories précédentes Par exemple, une page de contact à propos d'une page ou une page de conditions générales. Les pages de page sont assez basiques par défaut dans Schubifi. Les seuls champs par défaut sont le titre et le contenu, ce qui vous permet de créer une page de contenu simple basée sur du texte. Mais encore une fois, nous avons ce modèle de thème déroulant ici qui nous permet de faire passer la page à travers un modèle personnalisé ici. Les possibilités sont presque infinies. Mais la grande différence entre les pages créées ici et autres pages de Subi Fi basées sur des collections ou des produits, par exemple, est qu' aucune donnée autre que ce titre et ce champ de contenu n'y sont associées. Techniquement, vous pourriez créer une page pour une collection ou un produit spécifique à l'aide de l'une de ces pages, mais vous risqueriez de passer à côté des options de filtrage natives. Dans le cas des collections et des produits, vous pouvez bien sûr présenter un produit sur l'une de ces pages. Il s'afficherait simplement avec une structure d' URL différente et vous devrez spécifier d'une manière ou d'une autre le produit que vous souhaitez afficher. En termes simples, bien que les pages soient flexibles, il est préférable de gérer les collections et les produits à l'aide de leurs propres modèles et de n' utiliser les pages que pour les pages qui n'entrent pas dans d'autres catégories. Un article de blog est similaire à une page. Cependant, pour créer un article de blog, nous devons d'abord créer un blog. Dans Chabavai, vous pouvez avoir plusieurs blogs différents. Par conséquent, vous pouvez considérer les blogs ici comme des collections. Mais pour les articles de blog, la page des articles de blog et l'Ammon ressemblent beaucoup à celle de la page Les deux grandes différences ici sont cependant qu' un article de blog est toujours associé à un blog spécifique. Et que la date de publication soit enregistrée afin qu'elle puisse être affichée sur le front-end. Ainsi, cet article de blog peut être organisé par date de publication, comme on peut s' y attendre d'une note de blog indiquant que les blogs peuvent également utiliser des modèles alternatifs, que nous aborderons dans la vidéo sur les thèmes. Enfin, nous avons la navigation ici. C'est ici que nous avons configuré les listes de liens pour notre boutique dans l'interface d'administration. Cependant, Shubafi les appelle menus pour un nom plus convivial. La plupart du temps, vous utiliserez ces listes de liens comme menus, ce qui est logique. Mais c'est un système suffisamment flexible pour que vous puissiez les utiliser pour configurer toute autre liste de liens dont vous pourriez avoir besoin. En accédant à l'une de ces listes de liens ou à l'un de ces menus, nous pouvons créer une liste de liens d' profondeur maximale de trois niveaux. Chaque lien se compose simplement de deux champs, l'un contenant le texte du lien et l'adresse vers laquelle le lien doit renvoyer. Ensuite, nous pouvons créer une structure arborescente en faisant glisser un lien sous un autre lien Nous pouvons avoir un lien à l'intérieur d'un lien ou créer jusqu'à trois couches au sein d'un lien. Malheureusement, aucune structure de menu de plus de trois couches ne peut être créée ici. Dans Shopifi, comme les produits, collections, les pages et les articles de blog, les linklets ne sont qu' un autre objet Shopifi auquel nous pouvons faire référence dans notre code ou renvoyer vers certaines sections de notre thème via l'éditeur de thème , sans plus attendre Examinons maintenant les thèmes et les modèles plus en profondeur. 8. Thèmes et modèles: J'ai donc mentionné quelques points sur les thèmes tout au long de ce cours, mais nous allons maintenant passer en revue ce que vous devez comprendre à propos des thèmes dans cette vidéo. Les thèmes sont très importants dans Shop Fi car ils représentent le code modèle par lequel toutes les données de votre boutique passent par canal de vente de votre boutique en ligne. Lorsque nous renseignons des éléments dans Shop Fi, tels que des produits et des collections, nous créons essentiellement des données sur notre boutique Shop Fi Ensuite, si nous utilisons le canal de vente de la boutique en ligne, ce qui est le cas la plupart du temps, nous affichons ces données d'une certaine manière à l'utilisateur final. Si nous examinons la section thématique du canal de vente de notre boutique en ligne, nous pouvons voir une liste de thèmes ici. Celui en haut est le thème actuellement en ligne, et les autres sont tous des thèmes sur lesquels nous pouvons travailler et publier ultérieurement ou simplement utilisés à des fins de test sans apporter de modifications en direct à l'utilisateur final. Chaque thème est essentiellement un dossier contenant un tas de fichiers de code que nous pouvons afficher et modifier ici même dans l'administrateur en cliquant sur les points puis en cliquant sur Modifier le code. Cela peut sembler un peu intimidant, mais essayons de le simplifier un peu Dans mes autres cours sur le développement de thèmes, j'aborde plus en profondeur le code de thème. Mais à un niveau supérieur, il n'y a que trois dossiers je voudrais parler dans cette vidéo. Et ce sont des modèles et des sections de configuration. Ces trois dossiers contiennent généralement des fichiers qui seront affectés par les modifications apportées dans ce que l'on appelle l'éditeur de thème. Si je clique sur les trois points ici et que je clique pour personnaliser, l'éditeur de thème s'affichera. Anciennement connu sous le nom de personnalisateur de thème. Il s'agit essentiellement d' une interface utilisateur permettant de personnaliser notre interface utilisateur et, à un niveau élevé, d'ajouter et de personnaliser liste de sections au sein de certains modèles. Si nous cliquons sur le menu déroulant en haut de l'éditeur, nous pouvons sélectionner le modèle que nous souhaitons modifier Vous pouvez voir ici que les liens vers des collections, des pages de produits, des blogs et des articles de blog mènent chacun à un autre menu. Parce que chacun de ces modèles peut avoir un seul modèle par défaut ou plusieurs modèles alternatifs. Cela se rapporte à ce que nous avons vu précédemment dans la liste déroulante des modèles de thèmes de toutes ces pages dans l'administration Ainsi, par exemple, si nous voulions exécuter un produit particulier via un modèle alternatif, en d'autres termes, un modèle différent du modèle de produit par défaut, nous pourrions le faire en créant un autre modèle ici. Ensuite, accédez à ce produit dans notre interface d'administration et mettez à jour le menu déroulant pour créer un lien vers ce nouveau modèle En ce qui concerne les modèles Jason, qui constituent la nouvelle norme de Shopify, tous les modèles sont simplement des listes de ce que l'on appelle des sections Chaque section peut contenir des paramètres personnalisation ainsi que des blocs qui sont comme des sous-sections qui ont chacune leurs propres paramètres Quelques points à noter ici. Premièrement, les blocs et les sections peuvent être réorganisés dans l'éditeur de thème. Deuxièmement, les sections répertoriées sous le modèle de titre concernent le modèle spécifique que vous êtes en train de modifier. Troisièmement, les sections répertoriées ci-dessus et ci-dessous sont stockées dans la mise en page globale, qui sera généralement la même pour tous les modèles. Les sections ici sont généralement l'en-tête et le pied de page, ainsi que toute autre section devant être incluse sur chaque page, quel que soit le modèle Enfin, dans le menu déroulant, vous pouvez voir le nombre d'objets, vous pouvez voir le nombre d'objets, c'est-à-dire les produits, les collections , etc., affectés au modèle Et ici, vous pouvez cliquer pour afficher un autre objet via le modèle. Vous avez également quelques autres options ici à l'extrême gauche pour mettre à jour les paramètres généraux de votre thème ainsi que pour activer et désactiver certaines fonctionnalités de l'application sur le thème. ensemble, l' éditeur de thème est simplement une interface conviviale pour mettre à jour le code du thème. Tous ces paramètres sont programmés dans le code du thème lui-même et utilisés à l'aide de Shopify, Liquid, le langage de codage des thèmes Hopi Fi Si nous revenons dans les fichiers du thème, les options disponibles dans l'éditeur de thème ainsi que les valeurs stockées pour chaque option se trouvent toutes dans le code du thème. Les quatre fichiers différents sur lesquels je vais attirer votre attention sont, une part, les fichiers de section dans lesquels le code de chaque section est stocké. Deuxièmement, les fichiers modèles dans lesquels la liste des sections et leurs paramètres sont stockés. Et enfin, les deux fichiers du dossier de configuration du thème général. Paramètres, schéma de soulignement des paramètres, Jason est le fichier qui stocke la liste des champs, tandis que les paramètres soulignent les données Jason est le fichier qui stocke les valeurs définies pour chacun de ces Ces données sont synchronisées directement avec l'éditeur de thème. Donc, si nous changeons une valeur dans notre code ici, elle sera reflétée dans l'éditeur de code, tout comme si nous changeons une valeur dans l'éditeur de thème, elle sera également reflétée dans le code. En ce qui concerne les sections et les modèles, le schéma, c' est-à-dire la liste des options de personnalisation disponibles, est stocké au bas du fichier de section sous le code liquide qui utilise, car les sections peuvent être incluses plusieurs fois dans plusieurs modèles. Les valeurs de ces champs sont définies séparément dans le fichier modèle, même que les valeurs de réglage de toutes les autres sections de ce modèle, ainsi que l'ordre dans lequel les sections apparaissent. Pour les modèles par défaut, le nom du fichier est simplement le nom de l'objet suivi de l'extension du fichier. Jason, d'habitude. Pour les modèles alternatifs, le nom du fichier commence par le nom de l' objet, puis est suivi d'un point , puis du nom du modèle alternatif se terminant. Encore une fois, ici avec l' extension do Jason ou dot liquid. Pour les sections incluses en dehors des modèles, nous pouvons trouver des références codées en dur ici dans les fichiers de mise en page. Les valeurs enregistrées pour ces sections sont associées aux valeurs des paramètres du thème. Dans les paramètres, le fichier Dasein est souligné. Il existe une exception à cette règle : les groupes de sections, qui sont une fonctionnalité moins courante dans Happi. Vous pouvez la considérer comme un mini-modèle qui se trouve sur le fichier de mise en page et vous permet de réorganiser les sections en dehors du modèle Si vous souhaitez en savoir plus sur les groupes de sections, j'ai une vidéo dédiée sur ma chaîne Youtube. Recherchez simplement les groupes de sections Happi et ils devraient apparaître en haut de la liste, sinon, le premier résultat Très bien, donc juste pour récapituler, car je vous ai donné beaucoup d'informations Premièrement, tout ce que vous voyez dans l'éditeur de thème est déterminé par le code contenu dans le dossier du thème. Deuxièmement, chaque section est stockée dans son propre fichier de section. Si vous savez comment coder des sections, vous pouvez créer un nouveau fichier de section ici et l'utiliser comme élément de base dans votre éditeur de thème numéro trois Chaque modèle est stocké dans son propre fichier modèle. Les produits, les collections, les pages, les blogs et les articles de blog ont tous un modèle par défaut. Mais vous pouvez créer des modèles alternatifs pour chacun de ces modèles si vous souhaitez que certains objets aient une apparence et une mise en page différentes . Les quatre sections incluses dans le fichier de mise en page de votre thème global sont statiques et toute modification apportée à leurs paramètres sera appliquée à tous les modèles. La valeur de ces paramètres est stockée dans les données de soulignement des paramètres, le fichier Json et enfin dans le schéma En d'autres termes, la liste des options pour votre thème général. Les paramètres sont définis dans le fichier Jason du schéma de soulignement des paramètres, et les valeurs stockées de chacun sont également stockées dans le fichier Jason des données de soulignement des paramètres Si vous utilisez ce cours simplement pour comprendre l'administrateur de Shove Fire et que vous ne souhaitez pas programmer de thèmes, vous n'avez pas à vous soucier de l'emplacement exact du code dans le code du thème chose la plus importante à noter ici est que toutes les valeurs que vous avez indiquées dans l'éditeur de thème seront stockées dans le thème spécifique sur lequel vous travaillez. Ainsi, par exemple, si je devais dupliquer l'un de mes thèmes, puis me rendre dans l'éditeur de thème du doublon, modifier une valeur, puis appuyer sur Enregistrer. Les données relatives à ces deux thèmes seront désormais périmées. La modification que je viens de faire ne s'applique qu' au thème sur lequel je l'ai faite. C'est différent si je change quelque chose en dehors de l'éditeur de thème, exemple si je change le titre d' un produit ou le contenu d'un article de blog. Comme je l'ai dit, il y a beaucoup de choses à aborder avec les thèmes. Mais en ce qui concerne le sujet de ce cours, je voudrais simplement attirer à nouveau votre attention sur l'architecture dont nous avons parlé dans la vidéo précédente. Rappelons ici que vous n'avez qu' une seule boutique Hove Fi principale et que vous ne pouvez avoir qu'un seul canal de vente en ligne , mais que vous pouvez avoir plusieurs thèmes Sachez donc que tout ce que vous définissez dans l'éditeur de thème est exclusif à l'un de vos thèmes. Alors que toutes ces autres données ne changent pas en fonction du thème que vous examinez. Si vous souhaitez approfondir thèmes et la façon dont ils sont codés, j'ai quelques autres cours sur le partage des compétences qui traitent spécifiquement du développement de thèmes. Donc, si vous souhaitez en savoir plus sur les thèmes, consultez ces cours. 9. Données personnalisées - Métachamps et métaobjets: Dans cette vidéo, nous expliquerons comment ajouter de nouveaux objets, ainsi que comment ajouter de nouveaux champs à des objets existants dans votre boutique Shuba Fi Si nous prenons un produit comme exemple, nous pouvons voir certains des champs par défaut de l'objet du produit, tels que le titre, la description, les balises et le fournisseur. Mais si nous voulons créer des champs personnalisés pour l'objet du produit, nous pouvons le faire en créant quelque chose dans Shubifi appelé Autrefois, il était difficile de travailler avec les métafields dans Shuba Fi Il existe donc encore de nombreuses applications de gestion des champs méta sur l'App Store Mais de nos jours, vous n' avez pas du tout besoin d'une application pour créer et mettre à jour des champs méta dans Pour créer une nouvelle définition de champ méta, il vous suffit de sélectionner deux paramètres, puis de cliquer sur Données personnalisées Vous pouvez voir ici la liste des objets pour lesquels vous pouvez créer des métaphields Cette liste comprend des produits, des collections, des pages et des articles de blog. Les produits figurent en haut de la liste. Donc, si nous cliquons ici, nous pouvons réellement ajouter des définitions supplémentaires ici. Vous pouvez voir ici qu'il y en a déjà deux qui sont fournis en standard avec notre boutique. Jetons-y donc un coup d'œil. Maintenant, si nous revenons à notre produit de snowboard, vous pouvez voir que les champs méta se trouvent en bas Les définitions sont donc la liste des champs méta disponibles. Et puis ce que nous avons ici est un endroit pour définir la valeur de ces métapields sur un produit particulier Revenons donc aux paramètres et données personnalisées et créons notre propre métaphield Si nous abordons les produits ici, nous avons support de fixation pour snowboard. Peut-être voulons-nous ajouter un autre champ. Voici la liste des options. Il existe de nombreuses options différentes. Nous pouvons créer un champ de texte d'une seule ligne, un champ de texte de plusieurs lignes, nombres sous forme d'entiers ou de décimales, créer un lien vers un certain produit, un lien vers un certain fichier, lien vers un certain fichier, ce qui nous donne la possibilité de créer un lien vers n'importe quel fichier, ou spécifiquement vers des images, ou vers des vidéos ou les deux, ce qui est vraiment cool Nous pouvons ajouter une date et une heure, des dimensions, des volumes, des poids. Il y a beaucoup d'options ici. Nous pouvons faire référence à d'autres objets de Shopify, tels que les collections, variations de produits et même les méta-objets, lesquels nous reviendrons un peu plus tard Nous pouvons en faire une valeur vraie ou fausse. Indice de couleur, toutes sortes de choses. Faisons donc une évaluation, et j'appellerai cela une évaluation du produit. Et je dois dire que je ne sais pas. C'est assez explicite, donc je n' y mettrai probablement pas de description . Note minimale : un. Note maximale de cinq. OK. Je vais appuyer sur Enregistrer là-dessus. Et maintenant que cela a créé toutes les pages de produits que nous consultons. Maintenant, si je fais défiler la page vers le bas, vous verrez qu'il y a un champ supplémentaire ici et je peux attribuer une note de 1 à 5 à un produit . Disons 2,5 sur cinq Je vais appuyer sur Enregistrer, et cette valeur est maintenant stockée sur notre page produit elle-même. Permettez-moi donc de récupérer l' URL de cette page. Ouvre-le. Dans un nouvel onglet, nous pourrions programmer quelque part dans le thème où ces données apparaissent. Nous pourrions le programmer pour qu'il affiche un certain nombre d' étoiles en fonction du nombre d' étoiles indiqué ici. Alors peut-être que je vais passer en revue cet exemple tout de suite. Si je vais dans la boutique en ligne. Nous pouvons réellement le faire sans avoir à coder quoi que ce soit. Nous pouvons utiliser ce que l' on appelle les liens dynamiques. Je vais donc accéder à l'éditeur de thème du modèle de produit qui exécute ce produit. Il utilise en fait le modèle alternatif. Je vais donc aborder les produits alternatifs. Maintenant, au lieu du vendeur de snowboard, je peux changer cela , m'en débarrasser et insérer une source dynamique différente. Eh bien, ajoutons l'évaluation du produit. Ensuite, nous pouvons dire sur cinq. Ensuite, il suffit de mettre un espace et disons simplement une note pour l'instant Pour quelque chose de plus sophistiqué, nous pourrions mettre des icônes en forme d'étoile et calculer le nombre d' icônes qui apparaissent sur la base de cette note ici. Mais pour cet exemple de base, vous pouvez voir que la valeur apparaît. Et si je devais utiliser ce modèle pour un autre produit , il s'afficherait avec une note différente si la note est définie. C'est le risque que nous courons. Donc, si j'entre dans le vif du sujet, disons simplement celle-ci et je change également ces deux alternatives. Si je n'ai pas de valeur pour l'évaluation du produit, nous commencerons à voir un résultat légèrement différent. Nous allons donc aller ici, voir si je peux récupérer l'URL. Je ne peux pas. C'est embêtant. Je vais juste cliquer sur Aperçu à ce sujet. Et vous pouvez voir que, comme l'évaluation d'un produit n'a aucune valeur, je reçois toujours le texte qui l'entoure, mais je ne comprends pas la valeur qu'il contient. Donc, la façon dont nous corrigeons habituellement ce problème est soit de nous assurer qu' il y a une évaluation pour chaque produit. Ou programmez-le dans le thème pour qu'il ne s'affiche que s'il existe une valeur définie. Mais j'en donnerai un meilleur exemple à la fin de cette leçon. Pour l'instant, je veux vous montrer comment créer des objets complètement nouveaux dans Choi Nous avons donc vu à ce moment-là des champs méta, nous permettent d'ajouter de nouveaux champs à objets existants tels que des produits, Mais que se passerait-il si nous voulions créer un tout nouvel objet ? Eh bien, nous pouvons entrer dans le contenu ici et créer une définition de méta-objet pour cela. Il s'agit donc essentiellement de créer notre propre objet. Donc, si j'entre dans le vif du sujet, disons que c'est un designer. C'est un exemple typique, car dans Shopper Fire, le designer n' existe Ou si vous aviez une librairie, un auteur. Ensuite, vous pouvez aller ici et dire, vous connaissez le nom complet, que cela soit obligatoire. Ensuite, nous pouvons faire une petite biographie, d' accord, peut-être la mettre dedans, donc nous allons fichier par image, puis nous n'acceptons que les images dans les types de fichiers acceptés. Cette image, nous pouvons soit utiliser une valeur, soit une liste de valeurs. Nous pouvons donc créer des images et passer à une liste de fichiers. Je vais juste en faire une. Maintenant que nous avons créé notre design, je vais cliquer sur Enregistrer et nous pouvons commencer à ajouter des entrées. Disons donc que pour notre exemple de snowboard, il s'agit du fondateur de Shopifi, Tobias Je suis sûr que c'est ainsi que vous épelez son nom. Fondateur de Shopifi et créateur de snowboards. C'est bon. En guise de biographie, je vais simplement télécharger une image de Tobias que j'ai déjà achetée. C'est bon. Ensuite, je vais appuyer sur Enregistrer là-dessus. Et maintenant, nous avons un designer dans notre liste de designers, c'est une définition que nous avons définie. Nous avons donc maintenant cet objet design en plus des objets existants dans Shopify tels que les produits, les clients, les collections , etc. Et ce qui est cool avec les méta-objets, c'est que nous pouvons les lier à d'autres objets de notre boutique en utilisant des champs méta. Alors faisons-le dès maintenant. Supposons, par exemple, que nous voulions affecter ce concepteur, ou tout autre designer, à des produits spécifiques qu'il a conçus. Créons donc un champ pour cela. Nous allons examiner les données personnalisées, les produits ici, ajouter une définition. Et je vais appeler ce designer. Très bien, alors je vais aller ici et ce que je peux faire, c'est sélectionner un méta-objet comme type. Ensuite, cela me permettra de choisir le type de méta-objet, exemple l'objet personnalisé que nous avons créé que nous voulons utiliser , qui est designer. S'il est conçu par plusieurs personnes, vous pouvez le remplacer par une entrée de liste, mais je ne vais faire qu'une entrée. Très bien, revenons maintenant à l'un de nos snowboards, disons le snowboard ultime Et si nous faisons défiler la page vers le bas, nous pouvons sélectionner l'un des designers. Et nous n'en avons qu'une qui est partiale. Je vais donc appuyer sur Enregistrer à ce sujet. Ensuite, nous pouvons utiliser ces données dans le cadre de notre thème. Maintenant que nous avons créé un méta-objet et des champs méta, vous vous demandez peut-être comment nous pourrions les utiliser dans notre thème Shopify Eh bien, il existe deux manières de l'utiliser dans les thèmes. La première, que nous n'aborderons pas dans cette vidéo, consiste à l'utiliser dans Shopify Liquid Il s'agit davantage d'un sujet de programmation de thèmes Shopify. Mais l'autre que je vous ai montré juste avant est le lien dynamique. Plutôt que de passer beaucoup de temps à configurer méta-champs et des méta-objets et à programmer notre thème, je vais vous montrer un exemple tiré d'une boutique client actuelle. Voici donc un projet de modèle de produit qui sera éventuellement exécuté sur différents modèles de cette boutique. Et il y a beaucoup de données dynamiques ici, donc par exemple, ces points sont dynamiques. Pour chaque produit, nous allons avoir besoin d' un texte de présentation différent ici Nous allons avoir besoin d'un appel différent ici, quelques textes de présentation supplémentaires ici Je viens ici. Ces informations doivent être dynamiques. Ces informations doivent être dynamiques. Ces valeurs doivent être dynamiques ici, ce qui signifie qu'elles doivent être spécifiques au produit, afin qu'elles ne puissent pas être simplement stockées dans le modèle. Donc, ce que j'ai fait pour cela, c'est créer des méta-objets et des champs méta Si nous accédons à cette page produit, vous avez évidemment tous les champs normaux ici. Mais si nous faisons défiler la page vers le bas, nous avons une tonne d'autres champs méta Par exemple, la couleur d'accent et la couleur d'arrière-plan. Cette couleur d'arrière-plan est donc définie dans un champ méta. Cette couleur d'accent est définie dans un champ méta afin qu' elle puisse changer en fonction du produit consulté par le client. Je les ai au-dessus des USP, donc l'énergie naturelle, la perte de poids et le soutien céto Parce que chacun d'entre eux possède à la fois une icône et un composant de texte. Je l'ai stocké dans un méta-objet, puis ce champ est une liste de méta-objets. Très bien, donc si je passe au contenu ici, ouvrons-le dans un nouvel onglet. Et si je passe aux combinaisons de texte des icônes et à Natural Energy, vous pouvez voir l'icône et le texte ici. Ceci est également recyclé pour ces textes de présentation ici où se trouvent une icône, un texte principal, puis un corps de texte Donc, si nous cherchons cela ici, carburant pour le corps, vous verrez que cette information se trouve ici. Ensuite, nous relions ces différentes combinaisons de texte d' icônes ici même dans les champs méta Il s'agit d'un exemple un peu plus avancé, mais vous pouvez voir ici que les valeurs que nous définissons dans nos champs méta apparaissent dès le départ, donc ces quantités de macronutriments Si nous allons jusqu'ici, ce modèle a été programmé pour afficher ces valeurs. Voici donc un exemple de la façon dont nous pouvons utiliser des données personnalisées pour créer des données dynamiques que nous pouvons insérer dans notre modèle en fonction du produit consulté par le client. Si vous souhaitez en savoir plus sur Shopify Metafields et les objets en métal, j'ai une gamme de vidéos gratuites sur ma chaîne Youtube Vous pouvez donc rechercher des champs méta Shopify Il semble que cela fasse également apparaître des méta-objets. Vous pouvez ainsi en apprendre davantage sur les méta-objets dans des champs méta de plus grande longueur Et j'aborde les différentes manières d'utiliser les champs méta, y compris l'ancienne méthode, qui était le cas avant les récentes mises à jour il y a quelques années Les champs méta nous permettent d' étendre notre vitrine Shopify et de les appliquer à la fois aux objets du noyau et au canal de vente de la boutique en ligne Voilà pour cette leçon. Dans la prochaine vidéo, nous allons aborder les remises. 10. Réductions: Dans cette vidéo, nous allons expliquer comment faire des remises en hopi fi Les remises peuvent être accordées de différentes manières dans Schubifi et peuvent devenir assez compliquées selon les conditions de réduction pour les remises courantes, comme achetez-en une, obtenez-en une Nous pouvons facilement les configurer dans la section des remises de notre interface d'administration ici. Il existe deux types de remises que nous pouvons mettre en place dans cette section. Nous pouvons soit définir la réduction pour qu'elle soit déclenchée si le client applique un certain code de réduction lors du paiement. Ou automatiquement, ce qui signifie que le client n'a rien d'autre à faire que de remplir les conditions pour que la réduction s'applique. C'est assez simple si vous souhaitez que votre réduction suive les règles ci-dessous. Mais si vous souhaitez qu'une réduction s'applique en dehors de ces règles, c'est là que les choses peuvent se compliquer un peu. Si vous regardez cette vidéo avant le 13 août 2024 et que votre boutique propose le niveau de chopifi le plus élevé, connu sous le nom de chopifil Vous pouvez ensuite utiliser une application appelée éditeur de script, qui permet aux développeurs d'écrire du code Ruby pour obtenir des remises en fonction de conditions plus complexes. Pendant des années, c'est le seul moyen programmer des remises plus complexes dans Shopifi Mais après le 13 août 2024, tous les magasins utilisant des scripts Shopify devront passer à ce que scripts Shopify devront passer à ce l' on appelle les fonctions Hub Fi À l'instar des scripts, les fonctions Shopify permettent aux développeurs de créer des formules de réduction plus complexes Mais contrairement aux scripts, ces remises peuvent être ajoutées aux remises automatiques et aux codes de réduction réguliers. De toute évidence, la programmation des fonctions Hopi Fi n'entre pas dans le cadre de cette classe Tout comme les scripts, vous devez être au plus haut niveau de Shopify pour les utiliser. Mais la bonne nouvelle, c'est que vous n' avez pas besoin d'utiliser Shuba Fi pour tirer parti des règles de réduction les plus complexes disponibles dans les fonctions Shobifi Tous les magasins peuvent installer des applications à prix réduit qui exploitent les fonctions Sofi Ces applications fournissent leur propre interface utilisateur permettant aux commerçants de créer des remises qui ne sont généralement pas possibles avec les paramètres habituels. Donc, pour montrer comment l'une de ces applications qui exploite les fonctions de Shop Fi s'intègre à notre section de remises régulière Ici, installons l'un d'entre eux pour voir un exemple. Très bien, donc si je clique ici, mon champ de recherche s'ouvrira ici en haut, mon filtre sur les applications, il me montrera les applications que j'ai installées. Mais si je recherche l'application que je recherche, elle s'appelle Discount Hub. Vous pouvez voir ici que nous n'avons aucune application de ce nom dans notre boutique. Mais nous pouvons cliquer ici pour rechercher Discount Hub dans l'App Store Shop Fi. Je vais donc cliquer dessus l'ouvrir dans un nouvel onglet. Et vous pouvez voir ici, Discount Hub Unique Discounts est celui que je recherche. Je vais donc cliquer dessus , puis sur In. Cela nous amène à cette page, qui est la page d' installation standard de l'application sur Schubifi Cela nous indique simplement que nous acceptons de laisser cette application accéder à certaines de nos informations, ce qui est totalement cool. Je vais cliquer sur Installer l'application pour finaliser ce processus. Vous pouvez maintenant voir que nous sommes dans cette application de centre de réductions. Nous pouvons désormais configurer des remises de deux manières. Nous pouvons le faire depuis l'application. Mais ce que je veux vous montrer, c'est que maintenant, si nous cliquons sur notre section de réduction ici et que je clique sur Créer une réduction, vous avez nos options habituelles ici. Mais maintenant que nous avons installé une application qui utilise les fonctions du Hub Fi, vous pouvez voir que nous pouvons également ajouter ci-dessous une toute autre liste de remises Chobe Fi remises Chobe Fi préprogrammées par cette OK, donc l'une d'entre elles que j'ai trouvée intéressante est que nous pouvons offrir une réduction uniquement à certains clients qui ont un certain e-mail. Je crois que c'est ce qu'on appelle la réduction pour les employés par courrier électronique. Nous allons donc cliquer ici et vous remarquerez que cela nous amène à l'application pour créer notre réduction. Nous n'avons pas la même interface utilisateur que si nous créions une réduction normale dans Shubifi Cela dépend donc de l'application que vous utilisez, mais l' interface utilisateur sera différente de l'interface utilisateur normale. Mais cela devrait être assez simple car nous avons toujours droit de choisir si nous voulons que ce soit un code de réduction ou automatique. Et pour celui-ci, je vais le dire à moitié prix pour Chris, le pigiste, et vous verrez pourquoi dans une seconde Je vais aller ici et je limiterai cela à mon adresse e-mail uniquement, et je vais accorder une réduction de 50 %. Toutes ces autres choses peuvent rester les mêmes. Je vais appuyer sur Enregistrer à ce sujet. Vous pouvez maintenant voir que cette réduction est ajoutée à notre liste de remises dans notre section des remises. Et si je fais défiler la page ici, vous pouvez voir que sous type, elle listera l'application que j'ai utilisée pour la créer. Et vous pouvez voir ici que nous utilisons cette application pour activer cette réduction, qui est différente des autres. n'y a pas de liste déroulante pour les autres car ils se trouvent uniquement dans la version native de Shopify Voyons maintenant si cela fonctionne. Je vais cliquer sur ce bouton pour accéder à ma boutique en ligne. Et passons à un produit, n'importe quel produit. Ajoutez-le au panier. Vérifiez lorsque j'ai saisi mon e-mail et que je clique sur Poursuivre l'expédition. Vous verrez que je bénéficie de la réduction dès que Shop Fi reconnaîtra que j' utilise cet e-mail de contact. Je bénéficie donc de la réduction de 50 % que j'ai définie dans l'administrateur pour ce produit. Il s'agit donc du dernier système de Shubifi. C'est une façon d' utiliser des applications pour accéder à la section des remises existante ici dans Chobafi, comme je l'ai mentionné au début de la vidéo Auparavant, nous utilisions une application séparée et écrivions du code Ruby afin de programmer des remises. Et cela n'était disponible que pour les magasins sur Schobfil, qui est le niveau le plus élevé de Maintenant, si nous sommes en boutique, nous pouvons écrire nos propres fonctions et fournir nos propres applications personnalisées. Mais pour le reste d'entre nous, nous pouvons simplement tirer parti des applications qui exploitent l'API des fonctions Shop Fi. Et nous pouvons utiliser l'interface utilisateur de ces applications pour créer des fonctions que nous ne pourrions pas créer autrement dans cette section de remises. 11. Applications: Dans la dernière vidéo, nous avons installé notre première application Shopify afin d'étendre la fonctionnalité de réduction de notre boutique Shopify Dans cette vidéo, nous allons parler de la façon dont les applications se connectent à votre boutique et, en général, de leur utilisation. Comme nous l'avons déjà vu, la section des applications de notre boutique Shopify se trouve actuellement juste ici, sous les canaux de vente Cliquez sur l'élément de menu correspondant aux applications. La liste des applications installées apparaîtra dans le menu déroulant en haut de la fenêtre. Cliquez sur l'une de ces applications installées ici pour accéder à la page correspondante. Et ajoute également temporairement le menu de l'application sous Applications sur la gauche ici. Si nous souhaitons que le menu de l'application figure en permanence dans cette section, il suffit de cliquer sur ce bouton pour l'épingler, et il y restera si nous quittons cette page. Étant donné que nous venons tout juste de démarrer ce magasin, seules quelques applications sont installées. Donc, pour en installer d'autres, nous pouvons cliquer à nouveau sur les applications et dans le menu déroulant, utiliser la barre de recherche pour rechercher dans l'App Store Shop Pi. Ce bouton nous dirigera hors de notre boutique Shop Fi vers l'App Store officiel. À partir de là, nous pouvons parcourir, rechercher et choisir parmi plus de 8 000 applications différentes, toutes conformes aux exigences de l'App Store de Shopify Comme nous l'avons vu dans l'exemple précédent, nous pouvons cliquer pour installer l'une de ces applications, approuver les autorisations requises et commencer à utiliser l' application immédiatement. Mais que font ces applications et comment fonctionnent-elles ? Techniquement, une application Shopify est un logiciel qui connecte à votre boutique Hopi Fi via l'API d'administration Ces applications sont toutes des logiciels tiers situés en dehors de votre boutique Shopify elle-même. Littéralement, la seule chose qui définit une application Shopify est qu'elle tire parti de l'API fournie par Shop Fi En termes moins techniques, tout ce que je veux dire, c' est que même si les applications peuvent parfaitement s'intégrer dans la structure de votre menu, elles ne font pas partie de la plateforme shopifiée Au lieu de cela, ils se connectent simplement à la plateforme Shopifix. La raison pour laquelle je dis cela est pour souligner que chaque application fonctionne entièrement selon ses propres règles. Si je devais me rendre dans n'importe quelle section de ma boutique Shopify, vous remarquerez que l' interface utilisateur reste cohérente Parce que tout cela fait partie de l'administrateur One Shop Fi et suit un système de conception unique. Les applications, en revanche, peuvent imiter l'apparence de l'administrateur Shop Fi, mais ce n'est pas obligatoire Par conséquent, ce que vous voyez dans chaque application est très différent. Il n'existe pas de méthode unique pour utiliser une application pour cette raison. Il n'existe aucun moyen d' expliquer les applications d'une manière qui s'applique à l' ensemble des 8 000 d'entre elles. Encore une fois, la seule similitude entre les applications est l'API d'administration. L'API qui lui permet de se connecter au magasin Shobifi. Si vous êtes plutôt un utilisateur technique, vous pouvez consulter la documentation officielle pour en savoir plus sur l'API d'administration et les possibilités disponibles. Mais pour la plupart d'entre vous, vous interagirez avec les applications en recherchant des solutions à des problèmes dans Shopifi qui ne peuvent pas être facilement résolus par la plateforme elle-même Par exemple, la mise en œuvre d'un système d'évaluation des produits, d'un programme de fidélisation de la clientèle ou d'un système d'inscription clients aux paiements d'abonnement. Ce sont tous des exemples de fonctionnalités que les acheteurs trouveront peut-être incapables de fournir la base de données ou d'utiliser l'interface pour tout ce qui est purement frontal. Cependant, vérifiez d' abord votre thème et voyez s'il est possible de le faire en modifiant simplement le code de votre thème Il existe un tas d'applications qui modifient simplement votre interface à l'aide d'un logiciel externe, où vous auriez pu simplement mettre à jour code du thème et obtenir le même résultat. Étant donné que chaque application suit ses propres règles, je vais terminer la leçon ici. S'il y a une application en particulier que vous souhaitez apprendre, faites-le moi savoir dans les commentaires, et je pourrai éventuellement créer une ressource d'apprentissage distincte spécifiquement sur cette application. 12. Conclusion: Félicitations, vous avez maintenant atteint la fin de ce cours sur la configuration de la boutique Shopify N'oubliez pas que si vous n'avez pas encore publié plan de votre boutique Shopify dans la section des projets de classe de ce cours Skillshare , veuillez le faire maintenant Et si vous voulez avoir des commentaires à ce sujet, posez simplement quelques questions et je les vérifierai. Si vous souhaitez approfondir Shopify, vous pouvez consulter ma gamme complète de cours sur Chris the Freelancer.com J'ai également quelques cours de personnalisation de thèmes ici sur Skillshare que vous pourrez découvrir si vous souhaitez apprendre à mieux contrôler la vitrine de votre boutique Shopify Alors jetez un œil à ces deux si cela vous intéresse. Comme toujours, si vous avez des questions ou des préoccupations sur ce que nous avons abordé dans le cours d'aujourd'hui, laissez un commentaire dans la boîte de discussion ci-dessous. Et je ferai de mon mieux pour t'orienter dans la bonne direction. Merci, comme toujours, de votre attention, et j'espère vous revoir lors de certains de mes autres cours.