Créer votre site et votre boutique : guide du débutant sur Shopify et la création de site Web | Mimi Chao | Skillshare

Playback Speed


1.0x


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

Créer votre site et votre boutique : guide du débutant sur Shopify et la création de site Web

teacher avatar Mimi Chao, Owner & Illustrator | Mimochai

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.

      Class Trailer: Build Your Website!

      1:46

    • 2.

      What We'll Learn

      3:38

    • 3.

      Your Class Project

      2:06

    • 4.

      Shopify Overview

      13:15

    • 5.

      Shopify Setup: Picking A Theme

      7:14

    • 6.

      Shopify Planning: Making a Site Plan

      12:05

    • 7.

      Shopify Design: Product Pages

      15:34

    • 8.

      Shopify Design: Other Pages

      9:29

    • 9.

      Shopify Design: Theme Settings

      12:10

    • 10.

      Shopify Design: Homepage

      11:06

    • 11.

      Shopify Design: Paid Template Comparison

      4:07

    • 12.

      Shopify Finalize: Settings

      5:47

    • 13.

      Bonus Class: Adobe Portfolio

      13:32

    • 14.

      Final Thoughts & Thank You!

      0:49

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

14,492

Students

33

Projects

À propos de ce cours

Apprenez à créer votre propre site Web magnifique sans aucune connaissance en codage ! Ce cours est idéal pour les créatifs et les propriétaires de petites entreprises qui souhaitent créer leur propre site. Il comprend également une section bonus sur la façon de créer un site de portefeuille sur Adobe Portfolio, qui est gratuit/inclus si vous avez un abonnement à Adobe Creative Cloud !

Un site Web pour les créatifs

Je fais généralement un cours d'illustration et de peinture numérique, alors pourquoi créer un cours de création de site Web ? Parce que les créatifs en ont besoin d'un et beaucoup ne réalisent pas qu'ils peuvent le faire entièrement eux-mêmes ! Je sais que les gens qui dépensent plus de 10 000 $ pour embaucher des équipes pour créer leurs sites Web et, pour être honnête, ils ont l'air à peu près les mêmes que ceux que je crée sur le mien. J'ai travaillé en tant que chef de projet dans une agence de design numérique, donc je sais également comment l'aborder d'un point de vue professionnel.

Je veux partager mon expérience d'une manière qui est utile et exploitable pour les créatifs et les petites entreprises. J'adore créer mes propres sites Web et je voulais montrer comment les autres peuvent le faire aussi.

Ce que vous apprendrez

Dans ce cours, je vous montre comment créer votre propre site web magnifique sans aucune connaissance en codage. Il se concentre sur Shopify, qui est la plateforme que j'ai utilisée pour créer Mimochai.com.

Nous verrons comment fonctionne Shopify, notamment :

  • Présentation de la plateforme
  • Choix d'un thème
  • Préparation de votre site
  • Configuration :
    • Pages produit
    • Pages produit numériques
    • Collections
    • Sous-pages
    • Blogs et articles de blog
    • Navigation
    • Page d'accueil
  • Réglage des paramètres de votre thème
  • Comparaison : modèles gratuits et modèles payants
  • Finalisation des paramètres

J'ai également une présentation plus courte d'Adobe Portfolio, que j'ai utilisé pour créer mon site de portfolio Mimi-Chao.com :)

Ressources

Thèmes utilisés

Les thèmes disponibles ont été modifiés et mis à niveau, et les thèmes gratuits sont en fait beaucoup plus puissants qu'ils ne l'étaient, donc j'utilise actuellement un thème gratuit pour Mimochai.com ! Plus d'informations ci-dessous.

Bon apprentissage ! -M

Meet Your Teacher

Teacher Profile Image

Mimi Chao

Owner & Illustrator | Mimochai

Top Teacher

Mimochai is my independent studio based in LA. I make art, books, and classes for curious explorers.

I'm a former lawyer turned self-taught artist, full-time creative, and certified mindfulness meditation teacher. I've collaborated with Disney, been featured on Forbes, and sell my independently published books in my dream boutique stores and museum shops. It's been quite the adventure! What I'm most passionate about is encouraging creativity and mindfulness in all ages.

I'm here to share skills in drawing and mindful creativity. If you'd like to be updated on my new classes, just hit the +Follow button!

My studio & shop is at mimochai.com Join my monthly newsletter here Follow me on IG @mimochai and @mimizchao See full profile

Level: Beginner

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. Bande-annonce du cours : créez votre site web !: Bonjour et bienvenue. Dans cette classe, je vais vous montrer comment vous pouvez construire vos propres sites Web magnifiques sans aucune connaissance de codage. Si vous avez voulu créer votre propre site pour vous-même ou pour votre petite entreprise, mais que vous avez été un peu intimidé par le processus, ou tout simplement vous ne savez pas où commencer, alors vous êtes au bon endroit. Je suis excité de vous montrer à quel point c'est accessible de vous faire. m'appelle Mimo et je suis illustrateur et créateur, propriétaire d'une petite entreprise. Grâce à mon studio, Mimochai, je crée des livres d'images et je vends mes produits d'illustration en personne et en ligne. J' ai également mon propre site de portefeuille où je partage certains de mes travaux de clients indépendants et des ressources utiles. J' ai construit ces deux sites moi-même et j'ai vraiment vraiment juste plaisir de faire des sites Web. J' ai pensé qu'il serait utile de montrer aux autres comment ils peuvent le faire aussi. J' ai commencé au lycée en codant mes propres sites HTML super basiques pour moi et mes amis. Beaucoup plus tard, j'ai été rédacteur en chef de projet chez Drill Design Agency en me concentrant sur l'image de marque et les sites Web. Je crée et gère maintenant mes propres sites en utilisant Shopify et Adobe portfolio. Les choses ont parcouru un long chemin depuis mes jours HTML. Vous pouvez maintenant construire ces beaux sites Web entièrement fonctionnels en utilisant simplement des modèles sans connaissance de codage. Cette classe est conçue pour les créateurs et les propriétaires de petites entreprises, mais je crois que tous ceux qui veulent créer leurs propres sites Web en bénéficieront. D' ici la fin de ce cours, j'espère que vous aurez une idée claire de la façon de planifier votre site Web et de le construire vous-même. Alors commençons. 2. Ce que nous allons apprendre: Je suis si contente que tu aies décidé de rejoindre ce cours. Je tiens à noter rapidement que pour ceux d'entre vous qui en ont besoin, vous pouvez toujours activer les sous-titres en cliquant sur le bouton en bas de cette vidéo. Qu' est-ce qu'on va apprendre ? Je vais vous montrer mon processus complet de construction d'un site web du début à la fin. Nous allons passer en revue le back-end de Shopify, je vais vous montrer comment passer par les modèles pour choisir le meilleur pour vos besoins et nous allons apprendre à planifier, concevoir et construire notre site Web pour tirer parti des limitations et les points forts de l'utilisation de modèles. Donc, c'est mon site mimochai, et je veux juste vous donner un aperçu rapide pour vous montrer ce qui est possible en utilisant un modèle Shopify. J' ai un magasin de commerce électronique, j'ai une galerie, j'ai un blog et il y a une page À propos de nous et des formulaires de contact et des bulletins d'information, essentiellement tout ce dont vous avez besoin pour démarrer votre propre site Web. Je vais me concentrer sur Shopify parce que c'est la plate-forme que j'utilise. Je pense que c'est génial pour les boutiques de commerce électronique. Je trouve qu'il est très puissant et un bon équilibre entre design et fonctionnalité. D' un autre côté, si vous ne vendez aucun produit ou service, je pense en fait que c'est probablement exagéré. Je vais également ajouter une classe en passant sur mon site de portefeuille personnel, qui est l'endroit où je garde mon travail client et mes billets de blog personnels et ressources que je partage avec des gens qui sont dans un voyage similaire à moi. J' utilise le portefeuille Adobe pour cela, qui est un service gratuit fourni avec n'importe quel abonnement Creative Cloud. Donc, je veux aussi être très clair sur ce que cette classe n'est pas. Ce ne sera pas votre classe de développement de conception de construction de site Web typique dans le sens où je n'entrerai pas dans aucun codage ici. Je ne vais pas aller vraiment profondément dans les principes UX et de l'interface utilisateur car beaucoup de cela est déjà considéré dans ces modèles. Au lieu de cela, cette classe est vraiment destinée aux personnes qui n'essaient pas de construire des sites Web à temps plein mais qui veulent créer un site Web agréable pour leur petite entreprise, pour leur pratique freelance, ou peut-être pour un projet sur lequel ils travaillent. Ils peuvent être avertis de l'informatique, mais ils ne savent pas comment naviguer dans le back-end d'une plate-forme ou comment fonctionnent exactement les modèles, ou utiliser les modules à votre avantage. Donc, cette classe va être créée pour cela. Je pense que les sites que ces modèles peuvent construire sont plus que suffisants pour les petites entreprises et les créateurs indépendants. En fait, beaucoup de marques avec lesquelles vous aimeriez faire du shopping sont également hébergées sur Shopify. Il sera injuste de comparer ces sites pour dire des sites primés super personnalisés parce que ces sites peuvent coûter jusqu'à sept chiffres à construire et ils sont construits en utilisant des développeurs professionnels et au minimum, ces développeurs coûtent souvent 5-6 chiffres. D' un autre côté, je sais que beaucoup de petites entreprises et créateurs indépendants n'ont pas nécessairement le budget pour le faire, mais ils ont les capacités nécessaires pour le faire eux-mêmes. Je veux donc vous montrer à quel point c'est habilitant de savoir comment construire votre propre site Web et le gérer vous-même. Un autre avantage de cela est que parfois, lorsque vous travaillez avec un développeur pour développer votre site Web, ils peuvent le construire d'une manière qui n'est pas super facile pour vous de continuer et de le maintenir et de le gérer vous-même sur la route afin vous devrez continuer à les payer pour faire même des changements de base dans l'entretien. D' un autre côté, si vous apprenez à le faire vous-même et que vous comprenez comment cela fonctionne à l'arrière, vous serez en mesure d'entrer et de changer les choses vous-même. Si jamais vous êtes trop occupé, vous pouvez toujours apprendre à quelqu'un d'autre comment le faire pour vous. Quelque chose de savoir comment cela fonctionne et de sentir que vous pouvez toujours y aller et le réparer vous-même si vous en avez besoin, est très stimulant. Alors maintenant que nous savons ce que nous allons apprendre de cette classe, nous retrouver dans la prochaine leçon où je vais examiner notre projet de classe. Je te verrai là-bas. 3. Votre projet de cours: J' espère que d'ici la fin de cette classe, vous partirez avec le plan de vision claire de la façon de construire votre site Web et vous n' aurez plus peur ou incertitude quant à la façon de le faire vous-même. La tâche officielle de la classe consiste à créer un plan pour votre site Web, qui est un document simple qui va passer en revue vos objectifs, le but de votre site Web, votre public cible, et un aperçu du site qui passe en revue le contenu de ce que vous avez dans votre cadre de site Web. Cela peut être fait sur un crayon et du papier ou un ordinateur, c'est à vous de décider. Je vais vous montrer ce que j'ai utilisé, qui est juste un Google Doc de base, et je vais le partager avec la classe afin que vous puissiez l'utiliser comme modèle de départ si vous le souhaitez. Ensuite, si vous êtes prêt, vous pouvez aller de l'avant et construire votre site Web, et j'espère que vous le partagerez avec la classe, ce qui serait incroyable. Mais s'il vous plaît, ne pensez pas que c'est l'attente pour terminer ce cours parce que tout le monde travaille vraiment à un rythme différent. Avant de commencer, je tiens à noter rapidement que Shopify coûte de l'argent après la fin de leur essai gratuit. Leurs plans mensuels commencent à 29$ par mois, ce qui est celui que j'utilise. Je vous recommande de commencer votre essai gratuit lorsque vous êtes vraiment prêt à commencer à construire. Pour l'exemple de la classe, je vais utiliser un modèle Shopify gratuit afin que tout le monde puisse le suivre, et je vais fournir un ensemble de photos d'actions que vous pouvez utiliser comme éléments d'espace réservé pour jouer avec. Je vais ensuite vous montrer le backend de mon propre site Web, qui utilise un modèle payant, et je vais passer en revue les différences afin que vous puissiez décider vous-même si cela vaut la peine ou non. La dernière chose est que je vous recommande de regarder ces cours tout le long afin que vous puissiez obtenir un plan de la terre et ensuite revenir en arrière et regarder à nouveau plus lentement, idéalement avec le modèle de votre choix ouvert côte à côte afin que vous puissiez suivre avec moi et apprendre plus facilement. J' espère vraiment que vous partagerez votre plan de site avec nous dans le projet de classe. Je pense que ce sera un excellent moyen d'obtenir de la motivation et des commentaires des autres, et j'espère que cela vous inspirera à construire vraiment votre vision. Je suis excité de plonger dans les cours réels. Rendez-vous dans la prochaine classe où nous nous familiariserons avec Shopify. 4. Présentation de Shopify: Jetons un oeil à Shopify. Je vais vous donner un aperçu de haut niveau de la mise en page et vous montrer comment trouver votre chemin. Vous pouvez également jeter un oeil à leur page d'accueil pour voir les différentes fonctionnalités qu'ils considèrent comme des faits saillants. Pour commencer, vous allez vouloir commencer un essai gratuit. Vous n'aurez pas besoin de fournir des informations de paiement ou de choisir l'un des niveaux de tarification. Juste pour vous donner un aperçu, il y a trois plans Shopify différents, et il va de base à 29$ par mois à régulier pour avancer à 299 par mois. J' utilise simplement le plan Shopify de base et est parfaitement adapté à mes besoins. Je dirais que les principales différences sont de considérer le nombre de comptes du personnel dont vous avez besoin et le nombre de connexions que vous devrez donner aux personnes qui vous aident à gérer le site, professionnalisme et la fin de vos rapports doivent être. Certains problèmes d'expédition différents que vous pourriez avoir et quelque chose qui pourrait ne pas être super évident est le volume de commandes que vous avez. Si vous vous attendez à des commandes très volumineuses et à générer beaucoup de revenus, il pourrait être logique pour vous de commencer avec le plan Shopify habituel, car les taux de traitement des paiements par carte de crédit sont un peu plus bas, donc vous pourriez en fait compenser cette différence. Je pense que pour la plupart des gens qui prennent ce cours, vous pouvez simplement commencer avec le plan de base et améliorer à mesure que vous grandissez. Une fois que vous commencez votre essai gratuit et que vous entrez vos informations, vous devriez obtenir un tableau de bord sur votre page d'accueil qui devrait ressembler à ceci, c'est assez simple, mais regardons autour de vous. Sur la gauche sont tous les différents onglets de navigation que vous pouvez voir et je dirais qu'il est divisé en onglets opérationnels ici, et vos canaux de vente ici. Sous Accueil, vous verrez un tableau de bord qui changera au fur et à mesure de la croissance de votre site Web. Par conséquent, lorsque je me connecte, je vois une vue d'ensemble des données telles que les visiteurs de mon site qui voient les ventes et les différents conseils que Shopify donne différents profils. Pour moi, ils me disent des choses comme, ce client a beaucoup acheté ici ou les gens qui regardent ce produit ont tendance à regarder ce produit, peut-être que vous voulez les grouper. Mais pour l'instant, puisque nous sommes nouveaux, cela vous donnera des conseils et des conseils sur la façon de commencer à vendre en ligne. Vous pouvez ajouter un produit, vous pouvez personnaliser votre thème, vous pouvez vous connecter à votre domaine personnalisé, et nous allons entrer dans tout cela dans un peu. Au lieu de cela, continuons aux différents onglets. Voici la page des commandes, fur et à mesure que votre commande commence à arriver, c'est là que toutes les informations seront disponibles, sorte que vous pourrez voir où sont vos clients, combien ils commandent et être en mesure de les trier et de les laisser notes à l'autre. Disons qu'il y a quelqu'un qui vous aide dans l' accomplissement, c'est agréable parce que vous pouvez réellement laisser des notes à cette personne et qu'ils peuvent vous répondre aussi. Il y a aussi une fonctionnalité où si quelqu'un a ajouté quelque chose à son panier mais jamais vérifié, vous pourrez le voir ici. Je suis sûr que la plupart d'entre vous ont probablement reçu des e-mails de caisse abandonnés de magasins que vous fréquentez, et c'est la même chose. Fondamentalement, vous pouvez décider si vous voulez les envoyer ou non. Parfois, ce n'est pas que quelqu'un a juste changé d'avis, il pourrait être qu'ils étaient confondus avec le processus de paiement ou qu'ils ont simplement été distraits, donc ça ne fait pas de mal de leur envoyer juste un e-mail de suivi pour s'assurer que que tout allait bien. Sous Produits, c'est là que vous allez ajouter tous vos différents produits, et ainsi vous pouvez importer une feuille de calcul, dire que vous avez tous vos produits ou que vous vivez ailleurs, Hudson Etsy sites, ou vous pouvez les ajouter un par un. La raison pour laquelle ils vivent tous ici, c'est que plus tard, vous verrez qu'il y a différents canaux de vente et qu'ils se connectent tous au même produit fondamental, ce qui rend vraiment plus efficace de garder une trace de la différents produits que vous avez. Sous les transferts, c'est là que les personnes qui peuvent placer leur inventaire à différents endroits, alors disons que vous en avez à votre bureau et d'autres dans un entrepôt, vous serez en mesure de suivre avec précision les différents transferts que vous pourriez avoir besoin d'avoir. Un inventaire est plutôt la feuille de calcul d'aperçu de ce qui est en stock, sorte que vous pouvez voir combien il vous reste de choses. Vous pouvez voir ce qui est en rupture de stock et vous pouvez même indiquer ce qui arrive. Dites, vous avez commandé un réapprovisionnement de quelque chose qui va être ici dans 30 jours. Vous serez en mesure de garder une trace de cela dans une section entrante distincte de ce qui est actuellement en magasin. Les collections sont l'endroit où vous pourrez regrouper différents produits. Des choses comme différentes catégories, vous pourriez vouloir avoir comme des hauts, bas, des vestes et des accessoires ou vous pourriez vouloir avoir des ventes différentes. Donc 30 pour cent de rabais, 50 pour cent de rabais et des choses comme les vacances, collections saisonnières et des choses comme ça. Vous serez en mesure de créer une collection ici et de décider si vous voulez qu'elle soit automatiquement constituée, par type de produit ou par tag, ou quelque chose à ajouter manuellement. Enfin, les cartes-cadeaux sont quelque chose que Shopify a récemment ajouté en tant que service gratuit à tous les plans, donc c'est vraiment génial parce que non seulement les gens peuvent acheter une carte-cadeau quand ils ne sont pas sûrs de quoi obtenir leur destinataire cadeau. Mais c'est peut-être quelqu'un qui veut te soutenir, mais qui ne sait pas vraiment ce qu'ils veulent obtenir tout de suite. Sous Clients, c'est là que toutes les données de vos clients vont entrer en ligne de compte. Au fur et à mesure que les commandes arrivent, vous pourrez voir les informations sur les clients, telles que l'endroit où ils magasinent, nombre de fois qu'ils vous commandent, et vous pourrez commencer à voir les tendances. C' est également un endroit agréable pour ajouter informations sur vos clients que vous pourriez avoir recueillies ailleurs, telles que des informations que vous collectez sur un site de vente que vous vendez dans ou dans votre magasin. Analytics est essentiellement des étapes pour vos sites, sorte que vous serez en mesure de voir des choses telles que vos ventes, vos sessions de magasin, la fréquence de retour de vos clients, fréquence de conversion de ces clients, et si cette est accablant pour vous ou vous n'avez jamais traité de statistiques auparavant, ne vous inquiétez pas, car vos commandes et vos visiteurs commencent à arriver, ce sera assez explicite et je pense que plupart des gens aiment vraiment regarder leurs statistiques. Les rapports sont essentiellement les rapports que Shopify aide à générer pour votre site en fonction des données qu'ils collectent, et vous pouvez donc examiner des choses telles que les ventes et les acquisitions, vos marges bénéficiaires, clients et leur comportement et votre finances et bien sûr, mesure que vous mettez à niveau votre plan bien que les rapports deviennent de plus en plus détaillés. Pour moi, je trouve que les rapports sur les régimes de base sont corrects. Live View est un endroit où vous pouvez voir où sont vos visiteurs. Donc, il ne partage pas d'informations de données privées, mais vous pouvez voir en ce moment où ils se trouvent, et donc je ne l'utilise pas vraiment très souvent, mais je peux voir pour certains magasins que mon invité certains trafics de pointe de différents endroits à différents moments et pourrait les aider à prendre des décisions importantes pour leur site Web. Ensuite, sous Marketing, c'est un endroit que je ne viens pas visiter très souvent parce que je n'achète pas vraiment des annonces Facebook ou Google et des choses comme ça. Mais pour ceux d'entre vous qui en ont besoin, vous serez en mesure de gérer tout ça à partir d'ici si vous voulez. Une autre grande chose est que Shopify email arrive bientôt, donc jusqu'à maintenant, plupart des gens ont dû utiliser des applications tierces, le plus populaire est connu sous le nom de Mailchimp. J' utilise un appelé Omnisend, beaucoup de gens utilisent un appelé Klaviyo, et donc c'était toujours quelque chose que vous aviez fait séparé en dehors de Shopify. C' est génial qu'ils l'intègrent à leur service et il sera gratuit jusqu'en octobre 2020 pour tous les plans et après cela, il y a un coût, mais c'est en fait inférieur à ce que je paie avec des applications tierces. Donc c'est vraiment génial. Campagnes est l'endroit où vous pouvez voir des rapports sur la performance des campagnes marketing que vous configurez, et l'automatisation est l'endroit où vous pouvez configurer un marketing automatique pour développer votre entreprise.Le seul que j'utilise est que et vérifiez les courriels que j'ai mentionnés plus tôt. Mais certaines personnes s'y intéressent assez profondément et ce n'est pas une classe que nous allons entrer dans le marketing. Mais c'est juste bon de savoir qu'il est là. Ensuite, il y a des réductions, et donc, bien sûr, vous pouvez créer des codes de réduction pour vos sites tels que 20% de réduction sur votre commande ou obtenir la livraison gratuite, de sorte que vous allez gérer tout cela ici et vous serez en mesure de voir. Il suffit de garder une trace de ceux qui ont expiré et ceux qui sont encore en suspens, et vous pouvez en fait les coutumes tout à fait. Il y a une option pour décider s'il faut faire un code de réduction ou un rabais automatique, et quand vous y allez, vous verrez qu'il y a différents types. C' est comme un pourcentage, une quantité fixe, la livraison gratuite, acheter une veste obtenir un t-shirt genre gratuit de chose, et vous pouvez faire toutes sortes de limitations ou d'entrées spécifiques de sorte que vous vraiment créer réduction tout à fait habitué ce qui est sympa. Enfin, vous avez votre onglet Applications, et si vous venez dans le magasin Shopify App c'est essentiellement tout ce marché. Shopify a certains de ses propres originaux, c'est donc des choses comme l'impression de factures, création de téléchargements numériques auxquels les utilisateurs peuvent accéder. Mais il y a aussi beaucoup d'applications tierces et ils font tout de la gestion du référencement, à la mise en place d'un programme de récompenses de fidélité, à la gestion des annonces d'achat et il est tout à fait à jour avec ce qui se passe. moment, je filme ça au milieu de la quarantaine du coronavirus, et il y a une application qui vous aide à configurer la livraison sans contact. Il y a beaucoup de choses vraiment utiles ici et certains sont gratuits, beaucoup d'entre eux sont payés mais j'ai déjà dit, pour commencer, ne soyez pas débordés ou trop découpés ici, parce qu'il est facile d'être tenté de les tourner tous et puis il devient écrasant et désordonné. Au lieu de cela, je voudrais juste commencer à construire votre site Web et ensuite regarder ce que vous avez vraiment besoin d'activer ici. Ce sont les onglets opérationnels supérieurs. Jetons un coup d'oeil sur le canal de vente, sorte que la boutique en ligne va être où nous allons passer la plupart de notre temps dans cette classe, et vous pouvez également ajouter d'autres canaux de vente tels qu'un point de vente, Facebook, Instagram. Nous n'aborderons pas cela ici, mais c'est assez simple, c'est juste se connecter à vos comptes existants. Sur le canal de vente, c'est là que vous allez trouver tout ce qui a à voir avec votre site. Vos billets de blog, vos pages, vos navigations, vos domaines, et nous aborderons cela dans un peu. Mais je veux vous montrer la section des thèmes très rapidement. C' est là que nous allons faire la plupart de notre travail. Vous allez choisir votre thème ici. Vous pouvez parcourir les thèmes et ensuite vous les personnaliserez ici également. Ici, vous devriez voir cette boîte jaune qui indique que votre boutique en ligne est protégée par mot de passe. Cela signifie qu'en ce moment, si quelqu'un d'autre que vous va visiter votre site Web, ils ne vont pas voir votre travail en cours de projet de site Web. Ils verront une belle page qui dit bientôt et encourage les gens à s'inscrire à votre newsletter afin que vous puissiez leur faire savoir quand elle sera lancée. Sous les articles de blog, c'est là que vous allez configurer vos blogs si vous le souhaitez, donc il n'est pas, bien sûr, obligatoire pour le configurer. Mais il est agréable de le garder, l' incorporer dans votre site à des fins de référencement, ce qui signifie juste que les gens qui recherchent du contenu est mieux s' ils vont à vos propres sites blogs de sorte que, espérons-le, ils vont aller à votre site Web ainsi. Les pages sont tout ce qui est autre que votre page d'accueil qui vit sur votre site Web. Donc, vous allez configurer votre page à propos de nous ici, toute FAQ que vous pourriez avoir, une politique de confidentialité, et je vous montrerai cela dans une leçon ultérieure. La navigation est assez explicite, mais je vais vous montrer comment configurer cela pour votre site. Domains est essentiellement ce qui était sur votre page d'accueil lorsque vous vous êtes connecté pour la première fois. Lorsque j'ai commencé, j'ai configuré mon propre domaine sur un service de domaine distinct appelé hover. Mais maintenant, vous pouvez juste le configurer directement via Shopify, ce qui est agréable pour que vous puissiez acheter un domaine, vérifier si c'est en direct, donc j'ai appelé celui-ci shopmimochai comme page de test et voyons si c'est disponible, et c'est, donc je peux l'acheter directement et le prix est compétitif à ce que vous voulez d'un site tiers, donc vous pourriez aussi bien l'acheter via Shopify si c'est plus facile pour vous, et vous pouvez le configurer là-bas. Enfin, sous Préférences, vous pouvez configurer éléments comme la façon dont vous souhaitez que votre boutique en ligne apparaisse dans la recherche. Le titre, la méta-description, et aussi des choses comme l'image que votre partage social va tirer. Dites, votre ami partage votre site Web sur son compte Facebook. Ils explorent généralement votre site Web et tirent une image à partager en tant qu'aperçu, vous pouvez dicter ce que ces images sont, ce qui est généralement plus sûr que selon ce qu'ils vont décider de montrer, et vous pouvez également entrer votre Google Code analytique et votre pixel Facebook ici. Si vous ne savez pas ce que sont ces choses, vous pouvez simplement cliquer sur ce lien juste à côté d'eux pour en savoir plus sur la façon de les configurer. Je n'irai pas trop loin ici, mais il est essentiellement disponible là pour vous si vous avez besoin. Enfin, cette section de protection par mot de passe vous permettra de désactiver votre page de mot de passe une fois que vous aurez choisi un forfait et de personnaliser votre mot de passe pour les personnes auxquelles vous souhaitez afficher le site Web. Ensuite, dans les paramètres, vous trouverez tous vos paramètres typiques que vous pourriez attendre. Votre adresse, vos emplacements, différents forfaits et autorisations que vous souhaitez donner aux membres du personnel ou aux personnes qui vous aident, votre facturation, l'activation des cartes-cadeaux et la vérification des différentes options d'expédition. Nous n'avons pas besoin de plonger en ce moment, mais à la fin de ce cours, quand nous commencerons enfin à voir notre site Web prêt pour le lancement, je vais vous montrer les choses qui, à mon avis, sont les plus importantes à vérifier pour s'assurer qu'elles sont toutes en place. Si tout cela semble écrasant, ne vous inquiétez pas. Tout d'abord, vous pouvez toujours aller ici à la barre de recherche, chercher ce que vous avez des questions sur. J' ai mis dans l'expédition afin qu'ils vous montrent où vous pouvez modifier les paramètres d'expédition, et il y a aussi des ressources sur leur centre d'aide. En cliquant sur votre nom, vous pourrez consulter votre compte et le modifier, et vous pourrez accéder au Centre d'aide Shopify, consulter les forums de la communauté et engager un expert Shopify pour vous aider si vous avez besoin, et apprenez également les raccourcis clavier. Si vous cliquez dessus, vous verrez tous les différents raccourcis que vous pouvez faire avec votre clavier. même temps que nous suivons dans ce cours, je vais vous montrer ce que vous avez tendance à aller le plus souvent et quels de ces onglets vous n'allez pas vraiment aller très souvent du tout. Ne vous inquiétez pas de clouer tout cela à l'avant, c'est juste bon pour obtenir un plan de la terre et comprendre ce qui se passe. Maintenant que nous avons fait cela, allons rencontrer dans la prochaine leçon où nous allons commencer choisir nos modèles. Je te verrai là-bas. 5. Configuration de Shopify : choisir un thème: Commençons à mettre en place notre site. Je recommande de regarder ce cours et le prochain cours ensemble parce que je pense qu'ils vont de pair. Il est important de voir quels modèles sont disponibles afin que vous puissiez commencer à planifier vos sites. Mais vous aurez besoin de savoir ce que vous voulez dans votre site pour décider quel modèle vous convient le mieux. Vous ne voulez pas aller planifier quelque chose que vous ne pouvez pas construire. Ce que je pense est préférable de jeter un oeil aux thèmes que vous pouvez utiliser, puis d'aller dans la planification de votre site, puis de revenir à la solidification votre sélection pour vous assurer qu'elle correspond à ce que vous devez faire. Jetons un coup d'oeil aux thèmes qui sont disponibles. Si vous n'êtes pas prêt, vous allez vouloir revenir à la section de la boutique en ligne sous les thèmes. C' est ce que vous devriez voir, Debut est celui qui vient automatiquement avec votre plan. Mais il y a tellement d'autres que vous pouvez jeter un coup d'oeil. Vous pouvez explorer des thèmes gratuits ici et ce sont tous ceux que Shopify offre gratuitement et en général tous ont fière allure. Pour moi personnellement, je finis par utiliser un modèle payant parce que bien que ceux-ci soient tous bons pour commencer, j'ai toujours trouvé que chacun avait une limitation pour laquelle j'avais besoin d'utiliser un modèle payant, mais j'irai dans plus tard. Pour l'instant, je recommande d'aller dans le Theme Store parce que tous les gratuits sont aussi là à côté des payants et vous serez en mesure d'accéder à plus d'informations sur les gratuits ici. Lorsque vous entrez dans le Theme Store, c'est ce que vous verrez, et vous serez en mesure de voir ce qui est en vedette, vous pouvez voir ce qui est tendance. Vous pouvez voir ce qu'ils recommandent et ils vous permettent également de parcourir par secteur d'activité ou ce que vous essayez de montrer ou même descriptif ou donc vous avez vraiment de grandes images magnifiques. Vous voudrez peut-être vérifier ces choses. Jetez un oeil autour de vous. Lorsque vous cliquez dessus, vous pourrez voir les différents styles qui sont inclus dans chacun d'eux. Ce style signifie simplement que c'est un préréglage que vous pouvez choisir un que vous aimez si idéalement, vous n'avez pas à changer trop si vous n'êtes pas familier avec couleurs et les polices et trop dessiné graphiquement, mais vous pouvez toujours éditer beaucoup de ce genre de choses dans le back-end aussi. Vous pouvez voir la démo. Ce sont des pages de démonstration que les développeurs ont créées. Ce ne sont pas de vrais sites Web, mais ils utilisent de vrais produits et de vraies photographies pour vous montrer ce qui est possible avec leurs modèles, et je pense qu'ils sont vraiment super de voir ce que vous serez en mesure de construire vous-même. Au début, beaucoup de ces sites pourraient vous ressembler, mais au fur et à mesure que vous plongez plus profondément, vous verrez que chacun a des points forts et des points faibles différents et vous voudrez faire correspondre les flux évidemment, du thème que vous sélectionnez avec ce dont vous avez vraiment besoin dans le but de votre site Web. Une autre grande chose est qu'en bas, tous montrent de vrais magasins qui utilisent votre modèle considéré. Je pense vraiment que c'est génial de regarder ces vrais magasins et de voir ce que les autres ont fait. Vous verrez que même avec le même thème, les gens ont fait des choses vraiment différentes et vous pouvez voir ce qu'ils ont décidé d'utiliser et de ne pas utiliser et je pense juste que c'est une inspiration vraiment utile. La logique globale des modèles est généralement très similaire, donc même si vous choisissez un modèle différent de celui que je finis par utiliser, vous serez en mesure de suivre et de le comprendre également. J' ai jeté un coup d'oeil à tous, ceux qui étaient disponibles et j'ai décidé que j'aimais le plus celui appelé Narrative. Il y a quelques raisons, j'aime vraiment la photo pleine largeur en haut. Quand je suis allé voir la démo, j'ai vraiment aimé la capacité de narration qu'elle possédait. J' ai un inventaire assez petit et je me concentre plus sur illustration donc j'aime vraiment comment il est déjà disposé. C' est le plus proche de ce que j'avais en tête. Il a quelques caractéristiques cool telles que ce sélecteur de variation ici. Je peux aller de l'avant et ajouter un thème en cliquant ici. Pour les thèmes gratuits que vous pouvez réellement ajouter autant que vous le souhaitez. Si vous le souhaitez, vous pouvez tous les ajouter afin de garder une trace d'eux, puis supprimer ceux que vous ne voulez pas plus tard. Une fois que vous l'avez ajouté ici, il apparaîtra dans votre bibliothèque de thèmes. Jetons maintenant un coup d'oeil à la façon dont ces thèmes fonctionnent. Sous Actions, vous pourrez le renommer, le dupliquer, télécharger le fichier de thème et modifier le code et les langues. Ce qu'on n'entrera pas trop ici, mais je vais vous montrer ce que vous devez savoir pour commencer. Alors c'est celui qui est en direct, le thème actuel, évidemment. Je vais juste bouger celui-ci. Cela signifie simplement qu'il va le déplacer vers mon thème actuel parce que je veux travailler sur celui-ci. Lorsque vous cliquez sur Personnaliser, c'est là que vous allez entrer dans le générateur de votre site Web. Encore une fois, c'est comme un monde dans le monde. Je pense à cela comme un espace de travail de site Web dans le tableau de bord Shopify. Il a également un volet gauche et un volet droit, mais il fonctionne un peu différemment. le volet de gauche ici, pensez à tout cela comme des blocs de construction, des modules qui composent votre site Web. Sur le côté droit, il s'agit de votre volet d'aperçu de ce à quoi ressemble votre site Web. Vous avez peut-être imaginé si vous n'avez jamais utilisé une telle structure auparavant que vous pourriez entrer ici et cliquer dessus et commencer à la modifier. Mais en fait, vous allez dans ces modules pour éditer tous les textes et la copie. Une autre chose est lorsque vous cliquez sur le panneau d'aperçu et est en fait une chose pleinement fonctionnelle donc ce n'est pas seulement un graphique. C' est utile car par exemple, si vous avez un produit que vous avez configuré et que vous cliquez sur Afficher, vous allez réellement accéder à ce produit et pourrez le modifier une fois que tout sera configuré. Voici tous vos modules et vous pouvez également ajouter des sections. Lorsque vous cliquez sur le bouton Ajouter une section, vous pouvez voir toutes les différentes options disponibles pour votre thème et il y en a en fait différentes pour chaque thème. Il y a des thèmes communs qui sont toujours là, mais certains thèmes ont plus que d'autres, ou ont des thèmes différents. Pour celui-ci, vous avez un billet de blog et lorsque vous cliquez dessus, vous serez en mesure de voir un aperçu de ce que cela va ressembler pour votre site Web, et c'est vraiment génial parce que cela peut ne pas toujours être évident à partir de la description. Vous pouvez parcourir et voir ce que vous aimez, et si l'un d'eux vous parle, vous pouvez toujours cliquer sur Ajouter et il sera ajouté à vos modules. Disons que vous êtes comme, oh, je veux montrer une carte de notre magasin est et je veux ajouter ça. C' est vraiment génial aussi, c'est que maintenant c'est en direct sur mon volet d'aperçu. Mais disons, je change d'avis, n'est pas grand-chose que vous venez d'entrer et puis vous supprimez la section. Maintenant, c'est de retour à la façon dont c'était par défaut. Je dirais qu'il est très tentant d'ajouter autant de modules que possible et nous y reviendrons plus dans la section de planification. Mais garder l'accent sur votre but et ce que vous voulez que les gens fassent va être important. Rester organisé et rester diligent à de votre plan sera très utile dans la façon de construire cela. Dans chacun de ces modules, vous pouvez cliquer et le modifier. Ici, dans la section du témoignage, vous serez en mesure de changer le texte et cela arrive très rapidement comme dire que vous voulez ajouter ceci. Vous pouvez voir que ça a éclaté tout de suite. Mais pour l'instant, la chose principale que je veux savoir est qu' une fois ce petit six points ici est où vous pouvez glisser et déposer. Disons qu'on a un produit ici et que je veux juste le déplacer vers le haut. Cela se produit automatiquement, et c'est très facile et intuitif une fois que vous en avez le coup, et c'est vraiment génial. Vous ne pouvez pas vraiment changer des choses telles que, quelle hauteur ce bouton est dans cette section ou comment tout cela est disposé. Mais vous serez en mesure de prendre les blocs eux-mêmes et de les réorganiser autant que vous le souhaitez. C' est comme un Legos, vous ne pouvez pas vraiment changer la forme des blocs qu'ils vous donnent, mais vous pouvez le transformer en ce que vous voulez. Jetez un oeil autour de vous pour voir ce construire avec et quels modules vous pourrez travailler. Alors nous allons nous rencontrer dans la prochaine leçon. Nous commencerons à nous plonger dans la planification du contenu de notre site. Je te verrai là-bas. 6. Préparation de Shopify : faire un plan de site: Commençons par parler de notre plan de site Web. Je pense qu'il est facile d'être excité de commencer à brancher vos photos et votre contenu, et vous êtes invités à le faire. Mais alors faites une pause et commencez vraiment à tracer votre plan pour votre site Web. Cela vous aidera à rester concentré et il y a beaucoup d'actifs que vous aurez besoin de créer et cela aidera à éviter le travail inutile. Pour nos besoins, je veux garder le site web très informel et simple. J' ai ici un modèle que je peux vous montrer et partager avec vous afin que vous puissiez l'utiliser comme vous le souhaitez. Mais ça va être une documentation très simple. Vous pourriez aller dans un trou de lapin entier et suivre un cours de 10 semaines tout sur l'UX et l'interface utilisateur, les principes et l'encadrement filaire. Mais puisque cette classe est destinée à être pour les gens qui n'ont pas nécessairement le temps de le faire. Nous utilisons déjà un modèle qui est conçu par des professionnels qui prennent en compte beaucoup de ces meilleures pratiques plan lysis autour du modèle. Réfléchissons au contenu que nous voulons avoir sur le site. Une partie de la raison pour laquelle j'aime travailler avec des sites Web est parce que j'aime synthétiser informations en contours, puis prendre informations et les afficher d'une manière visuellement attrayante, ce qui est fondamentalement ce qu'est la construction d'un site Web. Écrivons d'abord quel est le but de votre site et quel est votre objectif avec lui. S' agit-il d'abord et avant tout d' un site e-commerce ou d'un site de portefeuille ? Il peut s'agir des deux, mais vous voudrez les prioriser parce que cela va dicter ce qui se passe en haut par rapport au bas. Par exemple, un grand nombre de sites peuvent avoir les objectifs ou priorités et les objectifs de vendre des produits, les gens sur leur entreprise, développer leur courrier électronique et d'utiliser des littéralistes. Mais chacun d'entre eux va avoir un classement de parti différent. Vous ne pouvez pas tous les faire de la même façon. Par exemple, pour moi, ma principale priorité avec le site est de dire aux gens ce que signifie haut. Ma deuxième priorité est en fait de vendre des gens pour leur faciliter l'achat et l'achat de choses. Puis aussi troisième, pour être en mesure de partager du contenu gratuit et des téléchargements avec eux. Ma première priorité est de donner aux gens l'information dont ils ont besoin pour savoir comment suivre et s'engager avec nous. Rappelez-vous que ce n'est pas nécessairement l'ordre de priorité de mon studio dans son ensemble. C' est ma priorité pour le site web. Pensez à ce qui est le mieux utilisé pour un site Web. Les clients existants ou les fans existants sont des personnes qui sont au premier rang de ma priorité pour un studio global. Mais pour un site web, je sais que les gens ne viennent plus nécessairement sur les sites Web tous les jours. Les temps ont changé leurs médias moraux et sociaux maintenant. C' est là que j'ai tendance à m'engager davantage avec eux parce qu'ils me suivent là-bas. Mais un site Web est un endroit idéal pour présenter une marque pour quelqu'un qui n'a peut-être jamais entendu parler de vous ou entendu parler de vous de quelqu'un d'autre et qui veut juste vérifier ce que vous êtes. C' est pourquoi enseigner aux gens ce que fait le Studio et ce dont il s'agit est une priorité beaucoup plus élevée dans ce cas. Alors je pense à qui est mon public. Il est agréable d'énumérer qui vos publics cibles pour votre site Web, car cela vous aidera à vous guider sur votre plan et de quoi parler ainsi que comment en parler et comment vous présenter. Pour moi, je le décompose en une catégorie de base de nouveaux visiteurs, acheteurs et fans. J' y donne la priorité en tant que nouveaux visiteurs parce que je pense que la page d'accueil sera plus éducative et pour enseigner aux gens ce que c'est, s'ils viennent le trouver. Puis les gens secondaires qui font du shopping. Ceci est généralement inversé pour la plupart des sites de commerce électronique où ils veulent vendre le produit d'abord, puis raconter leur histoire. Mais je l'ai aussi vu de la même façon que moi, où ils veulent expliquer pourquoi ils ont commencé à fabriquer ce produit en premier et vraiment amener les gens à acheter dans leur histoire avant de leur vendre le produit. Pensez à votre public et quelle est cette histoire que vous voulez raconter. Un autre exercice utile lorsque vous pensez à vos audiences est de créer des personnalités d'utilisateur. C' est essentiellement une marque, un public cible que vous pouvez créer et vraiment leur donner comme une personnalité. Cela aidera également à façonner une partie de votre planification. Par exemple, j'ai créé ces trois femmes qui représentaient différents groupes d'auditoires que j'avais en tête. Vous pouvez penser à leur niveau de revenu ou à quelles autres choses sont-elles intéressées, où en sont-ils dans la vie ? Sont-ils encore à l'université, ont-ils une famille, sont-ils à la retraite ? En fait, c'est quelque chose qui aide vraiment les gens à penser à l'expérience utilisateur qu'ils veulent fournir avec leur site Web. Collectons quelques informations en gardant à l'esprit nos objectifs. Pensez à vos sites préférés qui sont similaires à ce que vous voulez faire. N' oubliez pas de jeter un oeil aux exemples de sites Web que Shopify a liés dans chaque site. C' est vraiment utile à voir aussi. Ensuite, je sais personnellement comme cette marque de thé appelé Smith Tea et j'ai acheté sur leur site avant. Même si c'est une entreprise totalement différente de la mienne, ce que j'aime, c'est qu'ils ont encore ce sentiment de petite entreprise indépendante. J' ai aimé comment ils l'ont aménagé et rendu très facile à magasiner, également en apprendre davantage sur l'entreprise. J' ai aimé qu'ils aient cette information gratuite pour les recettes ici. Je remarque qu'ils ont leur bulletin d'information sur les médias sociaux en bas. En haut, il est très clair que peut magasiner les produits et aussi explorer. Voir leur contenu, qu'ils ont leur histoire et l'école de thé, comment raser. Je pense que c'est une façon très courante que les sites Web dévoilent leur contenu ces jours-ci. Ils ont leur section e-commerce et ils ont plus de contenu section. Quand je cherche un de mes Thés préférés, il est très facile de trouver est sous infusion à base de plantes. Je clique dessus et en regardant les sites de maison de concours de produits ont mis en place qui est également vraiment perspicace parce que vous voudrez voir, comment les gens décrivent leur produit, quel genre de photos montrent-ils ? J' aime vraiment la façon dont ils vous montrent beaucoup plus d'informations sur ces thés. Même si je sais que je ne vais pas être en mesure de le faire exactement comme ce site Web parce que c'est un site différent et soit en tant que clients, comme un modèle différent, je serai toujours en mesure de prendre certaines de ces idées de, pourquoi ai-je aimé cela expérience et essayer d' incorporer cela dans ma planète et modèle aussi. Revenons au plan de notre site. Pour préparer la création de notre plan, énumérons tout le contenu que nous savons que nous allons vouloir avoir. On peut garder un très basique en ce moment. Faisons un pour nous. Je sais que je veux magasiner en ligne, héberger le blog. Je veux avoir une section où je peux avoir mes livres et mon illustration. Je vais appeler ça une page de galerie Studio pour l'instant. Je veux avoir un endroit où je peux partager des téléchargements numériques gratuits et que je veux être en mesure de lier à mes comptes sociaux, encourager l'inscription à la newsletter, et être sûr d'avoir un formulaire de contact, une FAQ et une politique de confidentialité. Le vôtre pourrait être un peu différent en fonction de ce que vous avez manifestement une entreprise ou un service. Mais c'est un bon endroit pour commencer. Une fois que vous avez le contenu de votre site, commençons à l'organiser en un plan. Cela signifie simplement une liste organisée de très haut niveau du contenu que vous voudrez avoir sur votre site. Pensez au haut de chaque liste comme potentiellement un lien de navigation , puis la puce pointe en dessous comme des sous-pages ou des sous-sections. Évidemment, ce ne sera pas des liens de navigation séparés, mais sur la page d'accueil, je sais que je veux couvrir ces sections dans mes modules. Je garderais en fait le modèle que vous pensez utiliser ouvert côte à côte avec votre contour de travail. J' ai le plan narratif ouvert ici et il est utile de l' avoir afin que vous puissiez être sûr que le modèle fonctionnera pour ce que vous devez inclure. Quand je regarde cette démo de vue, je sais qu'en haut il y a une illustration de héros ou une image de héros et je veux inclure notre histoire là-haut. Ensuite, ayez une section où je peux avoir une fonctionnalité nette et les différentes sections auxquelles les gens peuvent aller. Nous avons maintenant une page d'accueil, pages de produits et des pages non-produits. Comment voulons-nous que les gens naviguent dans chaque section et dans d'autres sections facilement et clairement. Commençons par la page d'accueil. Lorsque les gens arrivent sur le site, je veux donner un aperçu de ce que nous faisons et faciliter la consultation des gens. Je veux m'assurer que nos histoires Brenton Center et que nos produits sont secondaires mais toujours importants, vos priorités pourraient être le contraire. Je veux maintenant diviser ma page en une zone de magasin et une zone d'explorateur similaire à la façon dont Smith Tea alimentation tête. Sous Explorer, je conserverai toutes mes pages de contenu telles que nos livres, blog ou nos téléchargements, ainsi que des informations à notre sujet. Sous boutique, je vais énumérer toutes mes catégories de haut niveau pour l'instant. Si vous offrez un service, réfléchissez à la façon dont vous voudrez le présenter. Enfin, n'oubliez pas les informations qui tendent à figurer dans un pied de page, telles que l'inscription à la newsletter, lien vers À propos de nous, Contactez-nous, la politique de confidentialité, le magasin, FAQ et les informations pour les personnes qui pourraient vouloir vendre votre produits dans leurs magasins. Si vous n'êtes pas sûr de ce qui va dans un pied de page, allez simplement visiter certaines de vos pages Web préférées et voir comment elles le font. Vous constaterez que la plupart des gens suivent le même format. Pensez simplement à votre compagnie aérienne comme un document vivant et un guide pour vous garder concentré. Plus votre processus est réfléchi à l'avance, plus votre processus sera efficace sur la route. Un conseil rapide et un rappel ici est, que vous commencez à éditer, je voudrais essayer de rester aussi clair et concis que possible. Au moins pour moi quand j'ai commencé à construire le site, je suis tellement tenté de tout inclure et je veux tout partager. Je veux rendre les choses super compliquées et rendre vraiment difficile de trouver des choses pour quelque raison que ce soit. Mais en fait, cette fois, lorsque je construisais mon nouveau site web mis à jour, je me suis engagé à garder tout à un maximum de trois niveaux de profondeur, qui signifie que tout devrait être atteint en deux clics. La raison en est que, une est qu'il rend beaucoup plus facile pour les gens de naviguer autour. Cela peut être vraiment clair pour vous en tant que quelqu'un qui sait ce qu' est votre site Web et qui a construit le site Web. Mais quand vous le montrez à quelqu'un qui n'a jamais été là, vous découvrirez rapidement que la plupart des gens, tout d' abord, ne passent pas autant de temps sur les sites Web. Deuxièmement, va rapidement partir s'ils sont du tout confus ou submergés. Je dirais que c'est simple et encore une fois, concentrez-vous sur ce qui est votre priorité et votre but avec ce site Web. Enfin, une fois que votre plan est beau, je vous recommande de créer une liste de tous les produits et catégories que vous attendez au lancement. De cette façon, vous pouvez avoir une vue réaliste de tous les éléments et copier que vous aurez besoin de créer. Pour moi, j'ai une liste de produits assez limitée, donc fonctionne bien ici pour montrer comme un exemple simple. J' ai des livres et des coffrets cadeaux, des imprimés, des accessoires et la carte-cadeau. De là, en regardant le site Web, je peux commencer à dresser une liste des actifs que je sais que je vais devoir créer. Évidemment, j'aurai besoin d'un logo et j'aurai besoin des longues images qui vont dans ces bannières de héros et quelques images pour entrer dans ces bannières de forme carrée. Je peux ajouter une vidéo si je le veux. Vous pensez à une galerie de produits différente images et une carte-cadeau, illustration que je pourrais vouloir mettre là et différentes variations de produits que je veux montrer. La plupart d'entre vous sont probablement créer une petite entreprise propriétaires et vous pourriez être un spécialiste en photographie, ou illustration, ou design graphique. Espérons que beaucoup de ces actifs sont déjà créés pour vous. Même si ce n'est pas le cas, ne soyez pas trop submergé par ça. Tout d'abord, il y a beaucoup de grandes options de photos de stock qui sont disponibles spécifiquement à cet effet. Je vais lier à certaines de ces ressources dans la description du projet de classe. regardant en arrière mon exemple de plan, comment ma pensée de mes priorités et de mon public a-t-elle influé sur le plan de mon site ? Quand je pensais à mon site, je savais que je voulais être rempli d'illustrations et qu'il donne la priorité à cette imagerie par rapport aux photographies de produits sur la page d'accueil. C' est exactement ce qui a fini par arriver. J' ai mené avec le monde plutôt que la boutique. Je peux toujours lier directement à des articles de boutique dans mes e-mails et les médias sociaux, ma séquence de page d'accueil correspond à ma part est de présenter le monde et ce que nous sommes sur le point d'un visiteur qui n'a peut-être pas beaucoup entendu parler de moi, ce que j'ai avant. Tout cela pourrait également être inversé en fonction de vos priorités. En fait, cela semblerait que la plupart de la vue laissera avec les produits et assurez-vous que la photographie brille vraiment. Une fois que vous vous sentez bien au sujet de votre plan de site. Passons à la prochaine leçon, nous reviendrons à la construction du site d'adder. Je te verrai là-bas. 7. Conception de Shopify : pages produit: Je suis de retour sur la page d'accueil de notre tableau de bord Shopify et Shopify suggère que nous commencions par ajouter notre premier produit. Je pense que cela a du sens parce que lorsque nous commençons à construire notre page d'accueil et notre thème, cela va être beaucoup plus facile. Nous avons au moins un produit sur lequel travailler. Commençons par ça. Cliquez sur « Ajouter un produit », et encore une fois, vous pouvez toujours avoir parcouru « Tous les produits » et ajouter un produit à partir de là aussi. Dans « Ajouter un produit », nous commencerons à ajouter notre premier. L' exemple que je vais montrer est mon livre, allons explorer. Vous voudrez ajouter votre titre. En ce qui concerne les détails du produit, vous allez vouloir réfléchir à la quantité d'informations à fournir à vos clients afin qu'ils puissent prendre une bonne décision d'achat. Pensez à toutes les boutiques en ligne que vous fréquentez et regardez vraiment les pages de produits qu'ils ont pour voir quel type d'information ils partagent avec vous. Je verrais que d'habitude ce n'est pas trop long, c'est vraiment succinct et ça vous donne l'information dont vous auriez besoin pour pouvoir prendre une décision d'achat comme, quelle est la taille, combien ça pèse, qu' est-ce que cela fait, quel est le but de cela ? J' ai déjà une description faite pour cela, et je vais déposer ceci ici juste pour vous donner un exemple de ce à quoi cela ressemble. Ici, j'ai commencé avec une description rapide de ce qu'est le produit. Voici un endroit où vous pouvez partager la voix de votre marque. Cela signifie simplement, quelle est la personnalité que vous voulez transmettre à travers le texte de votre site Web ? Par exemple, je pourrais aller beaucoup plus simple avec descriptions de livres telles que : il s'agit d'un livre d'images illustré. 8 pouces par 8 pouces, détails en feuille d'or, 50 pages, et c'est tout. Cela pourrait fonctionner pour certaines marques ou certaines entreprises qui sont tout simplement plus simples et qui veulent être coupées à la poursuite. Vous n'avez pas nécessairement besoin d'un langage narratif ou de description. Pour moi personnellement, j'aime parler dans un langage plus conversationnel et j'aime ajouter une explication narrative derrière le but du produit et pourquoi vous pourriez l'aimer. Pour moi, j'ai commencé par quelque chose de plus décontracté en disant : Allons explorer comme un livre illustré qui suit deux explorateurs qui naviguent à travers les étapes de leurs voyages. C' est peut-être trop fantaisiste ou trop fleuri pour certaines marques, mais c'est parfait pour ce que je veux faire. Ensuite, j'ai choisi trois points de balle. Personnellement, j'aime mettre les spécifications en points de puces, donc c'est vraiment facile et rapide pour les gens à lire. Quand je pense à quelqu'un qui achète un livre d'images qu'il ne peut pas tenir et voir en personne, qu'est-ce qu'il a besoin de savoir ? Parce que sur une page de site Web, ce livre va ressembler, qu'il soit cinq pouces par cinq pouces ou 12 pouces par 12 pouces. Cela aidera à dire que c'est un livre de huit pouces sur huit pouces. J' aime mettre en évidence des détails qu'ils ne pourront pas dire sans le toucher, comme c'est un livre à plat et c'est relié. Je tiens à souligner qu'il a des détails en feuille d'or, comme une couverture texturée en toile. Ensuite, vous voulez partager combien de pages il a, donc 50 pages avec entièrement illustré et c'est une finition mate de qualité supérieure. Cela aide les gens à visualiser vraiment quel genre de livre il s'agit. Ensuite, vous pouvez ajouter un peu plus de description si vous le souhaitez. Je viens de partager un peu ce que ce livre pourrait être bon pour, pour montrer qu'il est vraiment approprié pour tous les âges et est un bon cadeau. Autre chose que je fais est un lien vers des produits connexes si c'est pertinent. J' ai un e-book numérique de Let's Go Explore. J' ai pensé qu'il serait pratique de l'énumérer ici au cas où quelqu'un intéressé par le livre mais n'est pas prêt à acheter une copie physique, ou peut-être qu'ils vivent à l'international et veulent juste un livre électronique simple. Maintenant que nous avons notre titre et notre description en place, passons dans les médias. C' est là que vous allez mettre toutes vos photos de produit. Encore une fois, je voudrais regarder les sites que vous fréquentez et penser ce qu'ils montrent qui vous aide à décider quoi acheter, ou regarder les concurrents dans votre espace. Ça dépend vraiment de ce à quoi tu vends. Par exemple, les gens qui vendent des t-shirts, il y a à peu près un type d'ensemble commun de photos que vous voulez montrer l'avant, le dos, et peut-être une photo de style de vie. Si c'est quelque chose qui est un peu plus compliqué ou quelque chose qui n'est pas super facile de comprendre ce que c'est sur une photo à laquelle vous pourriez penser, comment les autres personnes montrent-elles quelque chose de similaire ? Ou peut-être comment puis-je le montrer sous différents angles a vraiment clair ce que c'est. Pour moi, un livre est assez simple. J' ai déjà préparé les fichiers dont j'ai besoin pour cela. Je dirais en général, avoir 5-6 photos est beaucoup. Avoir plus de photos est toujours utile, mais cela commence à arriver à un point où c'est inutile et cela crée juste plus de travail pour vous. Pensez à si vous décidez de faire 20 photos pour chaque produit, peut-être que cela pourrait être utile à certaines personnes là-bas, mais la marge de combien plus utile qui est plus de six photos, ne vaut vraiment pas cet effort supplémentaire que vous êtes va avoir à faire pour créer 20 photos pour chaque produit que vous avez. Je veux vraiment avoir la photo principale, qui est la couverture. Je veux avoir une photo du dos, photo des épines. Ils peuvent voir à quel point il est épais et aussi il montre un peu plus de détails de la feuille d'or et la texture de la toile et deux photos de photos à l'intérieur. Je choisirai celui-là. Tous ces éléments seront téléchargés sur vos médias. Il est vraiment facile de les réorganiser. Vous faites simplement glisser et déposer. Encore une fois, vous voulez penser à la bonne histoire à raconter. Évidemment, je veux commencer par la couverture, et cela va aussi être l'image de héros qui apparaît dans les aperçus et comme une première image de n'importe quel produit, donc vous voulez choisir la plus basique là-bas. Je pense que pour le second, je veux montrer l'intérieur du livre. Je suis sûr que les gens veulent savoir quel est le style de l'illustration, quoi peuvent-ils s'attendre à l'intérieur ? Donc, je voulais le souligner ensuite. Ensuite, je veux finir avec la colonne vertébrale latérale et le bain. C'est logique. Imaginez que si vous allez dans un magasin et que vous choisissez un livre, c'est ainsi que vous le feriez l'expérience. Je regardais la couverture, je l'ouvrais, je voyais les photos à l'intérieur, puis je la fermais et je lisais le dos. Je pense que c'est un bel ensemble d'images pour ce produit particulier. Nous pouvons passer à la section suivante, qui est la tarification. C' est assez simple. Le livre est de 20$ et alors mettez ça ici. Comparer au prix est en fait la façon dont vous configurez un article en vente, de sorte que vous ne marquez pas quelque chose en vente, tout ce que vous faites est d'abaisser le prix et de le placer dans la Comparer au prix et Shopify le marquera automatiquement comme un article en vente. Par exemple, je décide de faire une demi-vente. Je veux faire ce $10 et au lieu de juste mettre $10, qui ressemblera juste à ce produit était toujours juste $10, vous mettez $20 comme Comparer au prix. Maintenant, il va montrer les 20$ croisés dans les 10$ comme une nouvelle pièce. C' est juste utile pour les gens de comprendre que c'est une vente spéciale, c'est un rabais et bien sûr, juste psychologiquement les gens vont graviter vers cela plus, que si elle était juste répertoriée comme 10$. Cette section ici est en fait quelque chose que Shopify a ajouté un peu plus récemment. C' est un moyen pour vous de garder une trace interne de la marge que vous réalisez sur chaque produit. Cela signifie simplement combien de profits vous faites en plus de combien cela vous coûte de fabriquer ce produit particulier. Par exemple, disons que ce livre de coût me 5$ pour faire pour chacun, je mettrais 5$ ici et puis Shopify calculera automatiquement la marge et le profit que je fais sur ce. Toutes ces informations vont dans la section de l'inventaire que je vous ai montrée tout à l'heure. Ce qui est génial, c'est qu'à mesure que vos produits grandissent et que vous commencez à avoir plus de membres de l'équipe vous aident, vous serez en mesure de voir quels sont mes articles à marge élevée et ceux qui se vendent vraiment bien. Cela peut vous aider à commencer à prendre des décisions d'affaires pour vous. Parce que, bien sûr, vous voudrez commencer à vous concentrer sur les produits à forte marge et à haut volume, idéalement. Nous pouvons laisser cela là, et facturer des taxes sur ce produit, cela dépend vraiment de vos lois sur la taxe de vente d'Etat. Je suis en Californie, donc nous avons définitivement la taxe de vente, et donc je dois garder la taxe sur ce produit allumé. En ce sens, Shopify calculera automatiquement la taxe dont j'ai besoin pour facturer mes clients car dans les paramètres, j'ai indiqué que mon magasin se trouve en Californie, donc c'est vraiment utile. La section suivante est l'inventaire. Cela pourrait être un peu inutile si vous venez de commencer et que vous dites que vous êtes un artiste à vendre seulement vos propres impressions, vous n'avez pas nécessairement besoin d'avoir une inclinaison, qui est une unité de stock ou des codes à barres. Mais pour moi personnellement, j'aime être très organisé, et donc je recommande au moins de lire à ce sujet, d'apprendre ce que c'est et de décider si c'est nécessaire pour où vous êtes dans votre entreprise en ce moment . C' est essentiellement un moyen pour vous de garder une trace de votre inventaire et comme vous commencez à avoir des alertes, et alors toute personne qui a beaucoup de produits le sait, il est juste parfois difficile d'être précis si vous venez d'utiliser des descriptions. Je trouve que les biaisies sont vraiment importantes, disons que si je fais un bon ordre de vente, il est utile de s'assurer qu'elles ont les bonnes biaisies. Disons qu'il y a trois épingles différentes qu'ils peuvent choisir, ils pourraient ne pas le décrire d'une manière qui est évidente, donc de laquelle ils parlent, mais l'inclinaison fera fondamentalement la preuve complète que je parle de la bonne un. skews sont un système que vous pouvez créer pour vous-même, tout ce qui fonctionne pour vous, et ce que j'aime faire, c'est de commencer par la catégorie, alors réservez, puis LGE signifie allons-y explorer. Ensuite, je vais mettre dans l'année où je l'ai fait pour la première fois. C' est ainsi que mes asymétries sont configurées, et c'est un moyen facile pour moi de le comprendre, et pour moi de garder une trace, et je vais utiliser pour les types et la quantité de produits que j'ai, je n'ai jamais à me soucier d'une répétition ou d'un chevauchement. On a mis ce bijou là-dedans, et j'ai un code à barres pour ça, alors laissez-moi sortir ça de mon existant. J' ai ISBN pour le livre, et puis j'ai quelques options ici. suivi de la quantité signifie que Shopify va vous aider à suivre la quantité que je vends. J' aime toujours avoir ça allumé. Vous pouvez entrer la quantité que vous commencez par. Disons que j'ai 500 de ces livres disponibles, que les gens achètent les livres, cela va automatiquement réduire. Au fur et à mesure que je vends, je serai en mesure de voir combien ont été vendus, et à mesure que j'y gagne, je peux aussi l'ajuster. Quelque chose que j'aime faire pour les articles qui n'ont pas nécessairement un inventaire de départ, disent que je fais à la demande ou sont des téléchargements décisionnels que j'offre gratuitement, je le laisse juste à zéro, et puis il passe juste en négatif. Disons que j'ai offert un téléchargement gratuit et qu'il y a eu 200 téléchargements de ceux-ci, cela montrera juste un négatif 200, et c'est un moyen simple pour moi de garder une trace du nombre de personnes l'ont téléchargé. Ensuite, cette option continuer à vendre en rupture de stock, cela dépend vraiment de la situation. Je continue à vendre en rupture de stock vérifié quand évidemment, par exemple comme les téléchargements, je veux qu'il entre dans l'adresse, donc je garde toujours cela sur. Mais même pour les produits physiques, disons pour Prince, je sais que je peux obtenir ceux fabriqués assez rapidement, donc même si je suis arrivé à vendre, je veux quand même laisser les gens être en mesure de l'acheter parce que je serai en mesure de remplir à l'heure. Si vous ne le laissez pas coché, ce qui se passe essentiellement lorsque votre quantité est négative ou nulle, Shopify va automatiquement tourner cette page de produit pour dire épuisé, et cela pourrait être génial si c'est ce que vous voulez faire. C' est juste que c'est épuisé, les gens ne peuvent plus l'ajouter à leur panier, et généralement il y a un bouton qui leur permet de vous envoyer un e-mail pour dire, « Veuillez m'avertir quand cet article est à nouveau disponible. » Mais cela dépend vraiment de la situation, comme voulez-vous qu'elle se montre en rupture de stock ou voulez-vous permettre aux gens de continuer à l'acheter ? Ensuite, nous entrons dans l'expédition. L' expédition est l'endroit où vous pouvez d'abord identifier s'il s'agit d'un produit physique. Comme je l'ai mentionné, j'ai des téléchargements numériques et cela est toujours coché dans ces cas. Ici, vous pouvez ajouter des informations pour votre produit, ce qui est utile car cela peut aider à calculer les frais d'expédition pour vos clients. C' est quelque chose que vous allez parcourir tous vos produits sur un complément, une demi-livre ici. Chaque fois que quelqu'un l'achète, il saura toujours que c'est une demi-livre, donc je n'ai pas à mettre ça là. Ensuite, si vous expédiez à l'étranger, vous pouvez ajouter les informations de votre commande ici, donc une partie de celle-ci est pré-remplie. Pour ceux d'entre vous qui n'ont jamais expédié à l'étranger auparavant, c'est quelque chose que vous devez mettre sur votre étiquette lorsque vous l'expédiez, et c'est en fait beaucoup mieux qu'avant. Je me souviens qu'à un moment donné, vous deviez toujours aller au bureau de poste et remplir ce formulaire et le joindre à votre boîte pour l'expédier à l'étranger. Alors que maintenant, vous pouvez le faire complètement dans ce processus de paiement unique, et c'est tellement plus facile et plus rapide, et il est beaucoup plus facile d'expédier à international par rapport à vos clients nationaux. Pour ici, je vais mettre aux États-Unis, vous pouvez rechercher ces codes pour vos produits, et donc il y en a effectivement un pour les produits de livres pour enfants. Je l'ai déjà là, donc je peux le mettre ici et cela apparaît sur l'étiquette. Enfin, cette dernière partie est la variance. Si vous vendez une chemise et évidemment il viendra en différentes tailles et peut-être différentes couleurs, vous pouvez ajouter jusqu'à trois variantes différentes. Vous mettrez en taille et juste mettre petit, moyen, grand. Ce que vous mettez ici est en fait comment il va apparaître pour votre client dans la liste déroulante, donc vous savez, quand vous sélectionnez la taille que vous voulez. Vous voulez réellement l'épeler si vous préférez être montré de cette façon, et vous ajoutez simplement une autre option si vous voulez ajouter des couleurs, et vous pouvez aller à un autre matériau associé. Une autre section est l'aperçu de la liste des moteurs de recherche. Shopify a automatiquement configuré ce à quoi cela ressemble. Le titre est là, l'URL est là, et ils ont tiré la description que j'ai mise de la partie précédente de cette section. Mais beaucoup de fois, la description que j'ai mise dans la page du produit pour quand le client arrive à mon site Web, peut être différente de ce que je veux montrer quand vous êtes juste Googling et il apparaît dans la liste de référencement. Ici, vous pouvez le personnaliser. Vous allez à Modifier le site Web, SEO en cliquant simplement sur ce lien qui était ici, et vous pouvez changer le titre de la page. Par exemple, sur votre site, dites que vous vouliez dire Lost in Space t-shirt personnalisé mais sur le référencement, vous pourriez vouloir être un peu plus général, comme des tee-shirts pour les gens qui aiment l'espace ou quelque chose comme ça, et la même chose pour le description. Ici, j'ai pensé plus du point de vue d'un client qui vient d'arriver sur mon site et en savoir plus sur ce produit. Mais à des fins de référencement, vous voudrez peut-être réfléchir davantage à ce que les gens recherchent ? Qu' est-ce que quelqu'un va vouloir plus probablement cliquer sur ? Vous pouvez personnaliser cela là, puis enfin, vous pouvez personnaliser l'URL sur la poignée. Ils trouveront le titre de votre livre ou le titre de votre produit, mais vous pouvez le personnaliser si vous voulez qu'il soit plus court ou que vous voulez qu'il soit simplement plus facile pour les utilisateurs de taper et de se souvenir. J' ai frappé sauver, et félicitations, nous avons ajouté notre premier produit. À ce stade, allez-y et commencez à ajouter votre premier produit, si vous le souhaitez. Encore une fois, j'ai créé l'ensemble d'exemples de photos que vous pouvez utiliser pour tout le moins tester et vous assurer que vous savez comment le faire au cas où vous n'avez pas encore vos photos de produits personnels. Une fois que vous avez terminé de configurer cela, allons vous rencontrer dans la prochaine leçon où nous continuerons avec le reste des pages secondaires, des collections, des blogs et de la navigation. Je te verrai là-bas. 8. Conception de Shopify : autres pages: Maintenant que nous avons mis en place une page produit, je vais passer en revue quelques-uns des autres éléments secondaires que vous voulez configurer avant de plonger dans la page d'accueil, car il sera beaucoup plus facile de voir ce que nous faisons. Commençons avec Collections. Comme vous le verrez ici, j'ai mis en place quelques autres produits de la même façon que j'ai mis en place avec les autres. Allons maintenant dans la section des collections en cliquant ici. J' ai déjà mis en place quelques uns à l'avance pour que nous puissions passer un peu plus vite. Ici, j'ai défini une collection appelée Let's Go Explorer, et j'ai dit que la condition est que la balise est égale à Let's Go Explorer. Lorsque je fais défiler ici, je verrai que Shopify a déjà configuré automatiquement quelques éléments de collection pour moi. En cliquant sur l'élément, la façon dont ils sont tous connectés, c'est que sur la page du produit elle-même, j'ai ajouté une balise Let's Go Explorer, et c'est la même chose pour les trois d'entre eux. Une autre collection automatique que j'ai configurée est appelée Coffrets Cadeaux. Similaire à l'autre, sauf maintenant je fais correspondre par type de produit. Ici, tous ces articles ci-dessous sont catégorisés comme Ensembles Cadeaux, et la différence est, je dirais que, le type de produit est évidemment par catégories. Vous pouvez mettre en place des t-shirts, pantalons, des livres, tout ce que vous vendez. Ensuite, sur les balises, vous pouvez mélanger et faire correspondre certains de ces éléments qui se trouvent dans différentes catégories. Enfin, vous pouvez configurer une collection manuelle. Créons une collection appelée Best Sellers, et cliquez ici sur Manual. Appuyez d'abord sur Enregistrer, puis maintenant vous allez pouvoir sélectionner les éléments que vous voulez mettre. Disons que je veux faire, la boîte d'aventure, le paquet de soins et le livre. Ce sont nos best-sellers et je veux être en mesure de mettre à jour manuellement ceci. Disons que c'est différent le mois prochain. Ensuite, je veux ajouter autre chose. Il y a aussi des éléments qui sont automatiquement configurés par Shopify, sorte que vous pouvez l'organiser comme vous le souhaitez, ou vous pouvez l'organiser manuellement. C' est une légère différence dans la mise en place d'un produit numérique par rapport aux produits physiques, donc j'ai voulu vous le montrer très rapidement. Revenons à nos produits, et j'ai commencé à en mettre un ici. Ici, vous voyez que tout est configuré de la même manière. J' ai un titre, une description et les images, et j'ai configuré une balise et un type de produit. Maintenant, je veux savoir comment ajouter le téléchargement réel pour que les gens puissent l'obtenir. abord, vous allez vouloir télécharger l'application Digital Downloads de Shopify, et je l'ai déjà téléchargée ici. Mais tout ce que vous avez à faire est d'aller visiter l'App Store Shopify, puis rechercher des téléchargements numériques, et ce sera celui-ci. À ce stade, tout ce que vous avez à faire lorsque vous arrivez à la page de votre produit, vous verrez cette option de bouton appelée Plus d'actions. Une fois que vous aurez l'application de téléchargement numérique disponible, vous pourrez ajouter des pièces jointes numériques. Cliquez dessus, et vous verrez un écran qui apparaît comme ceci. Ici, j'ai déjà téléchargé mon PDF, le Kit de bienvenue Teahouse, et je peux toujours le modifier ici ou le supprimer. Maintenant, lorsque les utilisateurs vérifient avec cet article, ils pourront recevoir le téléchargement par e-mail. Passons à la prochaine chose. Maintenant que nous avons mis en place des produits et des collections, mettons en place une page simple que nous pourrons lier à partir de notre page d'accueil. Un bon pour commencer, c'est évidemment A propos de nous. J' ai cette configuration. Allons à la Boutique en ligne et cliquez sur Pages. Tu verras ça, si ça avait commencé ici. Dans ces modèles gratuits, vos sous-pages vont être beaucoup plus simples, et je vais vous montrer la différence dans la prochaine leçon où je vous ai montré mon modèle de site complet. Voici la page À propos de nous. J' ai mis une image, et la copie que j'ai pour mon site, donnant en retour, et il y a un formulaire de contact en bas. La façon d'activer le formulaire de contact est ici. Cliquez sur Page puis je n'aurai pas de formulaire de contact en bas, mais si vous voulez le formulaire de contact sur cette page À propos de nous. Garde ça comme ça. Si vous avez déjà configuré un blog ou quelque chose avec une situation de mise en forme de texte, vous remarquerez que ce que vous voyez ici est différent de ce que vous voyez lorsque vous affichez un aperçu de la page. Ce que je recommande, c'est que vous le mettiez comme vous voulez qu'il soit configuré, et qu'il vous suffit de le prévisualiser et de vérifier que son apparence est comme vous le souhaitez. Parfois, vous réaliserez qu'un espacement est éteint qui semble différent de ce que vous attendez, et vous devriez juste revenir en arrière et corriger cela ici. La façon dont j'obtiens la différence entre, cette police d'en-tête et cette police de paragraphe, est juste à travers les sections de mise en forme existantes. Ici, il suffit de mettre en surbrillance, la section que vous voulez être des titres, et votre thème est livré avec ses différents formats de titre. J' ai choisi celui-ci parce que c'est une police d'en-tête plus moyenne, nous pouvons aussi aller plus grand. Mettons rapidement en place une page ensemble afin que vous sachiez comment cela fonctionne. Je vais mettre en place une page de politique de confidentialité car cela est requis dans beaucoup de pays maintenant. J' ai ici le texte de ma politique de confidentialité. Je vais juste copier et coller ça. Encore une fois, j'ai mon titre, j'ai un texte ici. Voyons à quoi ressemble cette simple copie et collage. Sauvegardez-le et assurez-vous qu'il est visible. Vous pouvez aussi le cacher. Supposons que vous avez une page que vous souhaitez lancer à une certaine date, Vous pouvez toujours définir une date de publication spécifique pour cela. Jetons un coup d'oeil à ce que ça ressemble. Dans l'ensemble, on dirait bien Maintenant, j'ai ma page Politique de confidentialité pour moi. Vous pouvez continuer et faire toutes les pages dont vous avez besoin à l'avance, ou vous venez de mettre en place un couple afin que vous puissiez commencer à construire sur notre page d'accueil. Passons à la section suivante. Mettons en place notre premier blog. J' en ai un qui a commencé ici. Encore une fois, c'est un concept très similaire. Vous avez un titre, vous avez votre contenu, vous pouvez formater le contenu de la même manière que vous le faites avec les pages. Il n'y a que quelques différences. Vous pouvez ajouter un extrait car certains des modules que vous aurez sur votre page seront en mesure de prévisualiser certains des extraits de post, puis vous pouvez avoir une image en vedette pour votre billet de blog. Encore une fois, vous pouvez définir la visibilité et si elle a été publiée à un moment précis, et vous pouvez ajouter votre auteur. Supposons que vous avez plusieurs membres du personnel différents utilisant le compte Shopify, vous pouvez dire qui est l'auteur du billet de blog, puis vous pouvez l'ajouter à un blog spécifique, puis vous pouvez ajouter des balises à celui-ci également. Ce qui est agréable, c'est que, vous pouvez configurer plusieurs blogs différents en fonction du nombre de morceaux de contenu différents que vous avez. moment, ce blog parle de notre nouveau site. Dites que je veux mettre en place un autre billet de blog, puis vous allez à Gérer les blogs, et vous ajoutez un blog ici. Vous pouvez contrôler quelques choses telles que si les commentaires sont autorisés ou non, et quel est le titre du blog. J' ai mis en place le second appelé Tutorials. Revenons dans les billets de blog et ajouter un billet de blog à ce tutoriels un. Je vais ajouter une image de notre trousse de bienvenue, puis je copierai et collez un exemple de texte que j'ai déjà préparé. Maintenant, j'ai mes deux billets de blog prêts aussi. Passons à la section suivante. La dernière chose que je veux mettre en place avant plonger dans la page d'accueil est la navigation. Cliquez sur Navigation sous Boutique en ligne. Vous commencerez par le menu du pied de page et le menu principal. J' ai mis en place un simple ici appelé Shop, et je vais vous montrer comment faire ça. Vous pouvez ajouter un menu, et dire que vous voulez en ajouter un appelé Blogs. Ajoutons un appelé Nouvelles. Ici, les liens peuvent ajouter un lien vers plusieurs choses différentes dans Shopify. Ils vont catégoriser les choses pour vous par collection, produits, pages, articles de blog. Nous savons que nous avons mis en place le blog appelé, Nouvelles, et que nous avons mis en place un blog appelé Tutoriels. Vous pouvez également effectuer une recherche. La dernière fois que j'ai cliqué sur les blogs pour le trouver, mais vous pouvez également chercher des tutoriels et vous trouverez, afin que nous puissions enregistrer ce menu. Je veux également vous montrer comment faire des menus imbriqués. Les menus imbriqués sont ceux où, lorsque vous ouvrez un menu, vous pouvez y déposer un sous-menu, et vous pouvez le faire également dans Shopify. Allons au menu principal. Je veux appeler celui-ci Shop, et je veux appeler une autre section Explorateur. Nous allons avoir ce lien pour maintenant être la page À propos de nous. Pour créer un sous-menu, tout ce que j'ai à faire est de le faire à nouveau. Mettons rapidement dans nos collections. En fait, je veux appeler ça, Allons explorer, vous pouvez magasiner par catégorie, et puis tout ce que vous faites est de cliquer et de faire glisser. Maintenant que nous avons imbriqué dedans. Je prévois d'avoir trois menus imbriqués sur ma page d'accueil. Je vais juste aller de l'avant et remplir, magasiner et explorer les menus comme je l'ai fait pour la maison. En général, je serais juste conscient de ne pas rendre les niveaux de page trop profonds ou imbriqués. Le client devrait idéalement être en mesure d'accéder à toutes vos pages en 2-3 couches. Maintenant, j'ai tous les éléments dont nous avons besoin pour construire sur notre page d'accueil. Soyons là la prochaine leçon et nous commencerons à le faire. Je te verrai là-bas. 9. Conception de Shopify : paramètres du thème: Jetons un coup d'oeil sous le capot de notre faisceau sélectionné. Je veux continuer à personnaliser le thème d'analyse. Sur la page d'accueil, vous pouvez aller ici et sélectionner le bouton Personnaliser le thème. Ou comme toujours, vous pouvez cliquer sous la boutique en ligne sur le côté gauche, et cela vous mènera au même endroit. J' ai sélectionné le récit et appuyez sur « Personnaliser ». Encore une fois, c'est la disposition de notre espace de travail sur notre site web, et nous avons la navigation de nos modules ici sur la gauche. Allons sous cet onglet ici en haut à droite appelé Paramètres de thème. C' est là que vous pouvez configurer toutes les règles de votre site Web. Jetons un coup d'oeil à ce qu'on peut contrôler. Votre thème est livré avec un style prédéfini. Si vous ne vous sentez pas à l'aise avec les couleurs et la topographie, c'est tout à fait bien de garder ce qui est là, et c'est en fait ce que je vais faire dans cette classe. Je pense que, après tout, ces thèmes sont conçus par des professionnels. Comme vous l'avez vu, chaque thème est livré avec quatre styles différents. Idéalement, vous en avez choisi un qui vous est prêt, et vous n'avez pas à en changer trop si vous ne voulez pas le faire. Mais beaucoup de gens aiment évidemment personnaliser leurs couleurs et leurs fines et tout ajuster, donc je veux vous montrer ce qui est possible aussi. Ces paramètres de thèmes sont géniaux car ce qui se passe est qu' il s'agit d'un changement universel qui garantit la cohérence de votre page. Dites, vous voulez changer cette couleur d'accent primaire ici qui affecte les boutons et les ornements spéciaux, cela changera cela à travers le tableau. Retour dans la journée où il a dû ajuster les choses manuellement, alors vous devez vous assurer que vous changez cette couleur, par exemple, sur chaque bouton de votre site, et il peut y avoir des incohérences. C' est ce que j'aime vraiment dans ces paramètres. La quantité d'éléments que vous pouvez personnaliser varie d'un modèle à l'autre. Dans le modèle de page que je vais vous montrer, il y a beaucoup plus listés ici, mais c'est beaucoup de choses pour commencer. Il y a beaucoup de théories sur les bonnes couleurs à utiliser pour les sites Web. Par exemple, beaucoup de gens n'aiment pas utiliser les boutons rouges parce qu'ils pensent que cela empêchera les gens de vouloir cliquer dessus, parce que nous avons cette association psychologique de rouge avec stop. D' un autre côté, ils pensent que les couleurs comme les bleus et les verts sont bonnes, parce que nous avons une association psychologique avec ces couleurs, ce qui signifie aller. Mais en même temps, à mon avis, vous verrez beaucoup de sites Web professionnels enfreignant les règles de toute façon. Je pense que vous devriez vraiment le tester avec votre public pour voir ce qui fonctionne. Ce que je recommande est de commencer par des couleurs qui attirent l'œil du visiteur sur les choses que vous voulez qu'il fasse, et aussi penser à vos propres couleurs de marque. Si la couleur de votre marque est rouge, il peut ne pas être mal d'utiliser le rouge comme vous voulez dire la couleur de l'ascension. D' un autre côté, si votre site est très blues et verts et qu'il correspond à votre marque, alors optez pour cela aussi. Je vais fournir quelques salons de couleur simples dans les modèles de description de classe afin qu'il puisse aider ceux d'entre vous qui veulent un peu plus d'aide dans ce domaine. Ici, je peux voir que je peux changer la couleur de l'accent. ce moment, ils l'ont en rouge, puis nous avons les couleurs Texte et Icône, les couleurs d'arrière-plan, et d'autres couleurs. En faisant un défilement rapide ici, ne me dérange pas comment il est mis en place et à quoi cela ressemble, mais la seule chose que je fais en fait, je veux changer, ce sera ces couleurs d'accent. J' utilise beaucoup de blues dans mon travail, alors utilisons ce bleu déjà disponible et changeons ça. Comme vous le verrez, toutes ces choses qui étaient rouges sont maintenant bleues. Tout le reste me semble bon pour l'instant, donc je vais cliquer sur la typographie. Ici, vous verrez ce que je suis capable de changer. Je suis capable de changer et de déterminer la police de mes en-têtes, le corps des textes et la taille de base globale des textes. Commençons par le haut. Cela signifie que si je veux passer à petit, vous verrez qu'il se met à jour en direct. Vous remarquerez que ce texte ici vient de se transformer en petit. En général, je trouve que les concepteurs aiment le type plus petit, parce que peut-être il semble plus propre ou plus moderne, mais quand il s'agit de la facilité d'utilisation, vous devez penser, par exemple, un public plus âgé a besoin d'une police plus grande pour voir . Vous voudrez les aider en utilisant une police de visibilité plus grande. Je vais faire du saké avec le médium ici. Vous pouvez contrôler les polices et si vous cliquez rapidement sur le changement ici, vous verrez qu'il y a beaucoup de polices qui viennent déjà avec ces modèles, et je pense que c'est beaucoup de choses pour commencer. En fait, si vous continuez à faire défiler, vous verrez qu'il y a juste plus que vous aurez besoin de vraiment choisir. Mais certaines personnes peuvent avoir une police très spécifique qu'elles utilisent toujours avec tout leur travail de marque, ou une police qu'elles aiment vraiment et veulent utiliser, et elle n'est pas répertoriée ici, vous pouvez ajouter des polices personnalisées ou simplement besoin d'une aide d'expert en codage. Mais je vais choisir ceux qui existent déjà ici juste pour rester simple, et j'aime ceux qu'ils ont choisis. Vous verrez ici qu'ils ont combiné une police serif pour les titres avec une police sans serif pour leur corps. C' est un jumelage très commun. Serif pour ceux d'entre vous qui ne le savent pas, cela signifie juste que la police serif a les petits traits à la fin des lettres. San Serifs signifie qu'il n'a pas ce trait à la fin des lettres. Les gens en général associent les polices serif pour être plus classiques, et les polices sans serif pour être plus modernes. Bien sûr, il y a des exceptions à cette règle, mais c'est généralement le sentiment qui est associé à chaque type. La bonne chose à propos de combiner une police serif pour les en-têtes, et une police sans serif pour le corps est que c'est un joli contraste. C' est vraiment quelque chose qui dépend de vous sur l'esthétique que vous voulez. J' aime qu'il ait un peu un sentiment formel pour les titres importants, mais un sentiment plus décontracté pour le corps. Certaines personnes ont également renversé ce système. Je pense que c'est vraiment à vous de décider comment vous voulez jouer avec l'ambiance de votre typographie, mais la seule chose que je voudrais rester loin est avoir deux polices différentes qui ressemblent. Il est préférable de la garder propre, si vous voulez choisir une police serif qui semble assez moderne pour simplement en choisir une, plutôt que de dire, Avenir pour le corps, puis Arial pour les titres. C' est juste un peu trop proche pour donner assez de contraste et une bonne ambiance. J' inclus quelques suggestions de jumelage amusantes dans le guide de classe, sorte que pour ceux d'entre vous qui veulent un peu plus d'aide à avance puissent voir quels appariements communs sont donnés, les types de polices qui sont disponibles pour vous. Si vous êtes un pro avec la topographie, n'hésitez pas à vous déplacer ici et à choisir ceux qui vous plaisent. Cliquez sur la typographie, et la prochaine chose que nous pouvons voir est le tiroir de panier. Voici quelques options. Comme je l'ai mentionné avec différents modèles, vous allez être en mesure de contrôler différentes choses. Mais ici, il y a deux choses. Vous pouvez faire le tiroir du panier, ce qui signifie juste que lorsque j'ajoute un produit à mon panier, un petit pop-up sortira du côté, et je vous montrerai un exemple de cela en direct plus tard. La différence est que vous avez évidemment fait des achats sur sites qui vous conduisent directement à une page de panier, je pense qu'Amazon le fait de cette façon, et d'autres où il y a juste un petit pop-up qui arrive. C' est à vous de décider ce que vous préférez. Encore une fois, il existe différentes théories sur la façon dont cela affecte les comportements des clients. L' approche d'Amazon vous permet de respecter cette décision d'achat, et le rend vraiment facile et facile à régler. Personnellement, je préfère les petits tiroirs qui apparaissent pour montrer que j'ai ajouté au panier, mais permettez-moi de continuer à naviguer très facilement. C' est à vous de décider quel type d'expérience vous voulez offrir à votre visiteur. Ensuite, j'aime allumer la note du panier. C' est juste un petit espace pour les gens pour ajouter une note de commande. Parfois, ils permettent aux gens de personnaliser quelque chose, ou d'ajouter une petite note qui va écrire à la main dans leur message. C' est un endroit idéal pour que les gens puissent m'envoyer un message ou communiquer avec moi par le biais des notes de commande. Dans les réseaux sociaux, vous serez en mesure de personnaliser une image de partage social et quelques autres choses. Jetons un coup d'oeil. Vous pouvez explorer des images gratuites qu'ils ont. Ils ont un tas de photos si vous n'avez rien vous-même. Mais j'ai une image que je voudrais utiliser. Je vais télécharger l'image, et voici ma bannière de héros. Je veux m'assurer que lorsque quelqu'un partage mon site, c'est l'image qui apparaît. Je suis capable de spécifier cela ici, ce que j'aime vraiment. Maintenant, c'est en direct. Sous le regard social, vous pouvez dire si vous voulez ou non permettre aux clients de partager vos produits et articles de blog sur différents réseaux sociaux. Encore une fois, c'est juste une préférence personnelle sur si vous voulez activer qui ne sont pas. Je n'y vois aucun mal, alors je vais le garder. Ensuite, voici où vous allez entrer tous vos liens sociaux. La section suivante est la favicon. Le favicon est juste cette petite icône qui apparaît à côté de l'onglet de votre site Web. Ici sur Shopify, vous pouvez voir le petit favicon qu'ils ont. Ensuite, sur Instagram, vous voyez peu Instagram favicon. Je pense que c'est un excellent moyen de personnaliser et d'ajouter de la marque à votre site. Si vous laissez un blanc, alors cela ne va pas causer d'erreur, mais j'aime avoir quelque chose qui montre un reflet de mon logo. Gardez à l'esprit que c'est très petit, donc si votre logo est assez compliqué, vous pouvez créer une version simplifiée de votre logo pour cela. C' est exactement ce que j'ai fait. Vous verrez ici mes fichiers de logo, que j'ai un fichier de logo complet qui ressemble à ceci, puis une version texte seulement. Mais aucun d'entre eux ne fonctionnera tout à fait bien pour le favicon, donc j'ai créé un élément favicon séparé qui a juste la petite icône de maison dans un cercle. Je peux ajouter cela ici. Vous voudrez vous assurer qu'il a un arrière-plan transparent si ce n'est pas un carré. Par exemple, si ce n'était pas un PNG transparent, derrière le cercle, vous verrez un carré blanc, et sur cet onglet, vous verrez un cercle bleu dans le carré blanc, qui n'est pas le look que je veux. J' ai un cercle transparent et je peux ajouter cela ici dans mon favicon, et maintenant il apparaît. La dernière chose que nous pouvons faire sous Paramètres de thème est la commande. Ici, sous la bannière, vous pouvez sélectionner l'image d'arrière-plan. Cela signifie juste en haut, vous pouvez ajouter une image de bannière. Par exemple, je pourrais choisir le même si je le veux. Laissez-moi simplement ajouter les choses que je sais que j'ai, à savoir le logo. Encore une fois, j'ai préparé tous ces éléments à l'avance, et je pense que c'est là qu'avoir cette liste d'actifs que vous devez créer pour votre site Web vous sera utile. Vous pouvez ajouter une image d'arrière-plan à votre zone de contenu principale, mais personnellement j'aime simplement la laisser comme une couleur. En général, il est bon de ne pas avoir trop de distractions sur votre page de paiement, car ce n'est que déborde l'acheteur et les gens aiment garder le processus de paiement très simple et aussi transparent que possible. Je garde juste la couleur de fond telle quelle, les champs de la ferme que je veux garder en blanc, puis dans le résumé de la commande à nouveau, vous pouvez ajouter une image de marque si vous le souhaitez, mais j'aime la garder propre et simple, donc j'utilise juste la couleur de fond. Enfin, vous avez quelques paramètres de topographie ici. Je pense qu'il y en a moins ici à cause du codage sur le backend. Vous ne serez pas en mesure d'obtenir aussi personnalisé d'une sélection sur le code, que vous allez dans le code vous-même. Je vais juste choisir celui qui est le plus proche de ce que vous avez. En bas, ce thème vous permet de personnaliser certaines des couleurs de votre caisse. En général, je veux le garder le même que ce que j'ai sur mon site. Je vais laisser le blues ici et les erreurs ici. Je peux voir qu'il est différent si vous choisissez de prioriser les couleurs de votre marque sur votre site Web, mais une fois que vous allez avec les recommandations conventionnelles sur votre page de paiement, disons, sur votre site Web, vous avez une marque orange, et tous vos boutons sont orange, mais sur la page de paiement, vous décidez que c'est un endroit que je suis d'accord avec enfreindre mes règles de marque en faveur de la convention d'utilisation de bleus et de verts pour indiquer go, et rouge pour indiquer une erreur. Je suis content de la façon dont cela ressemble et je vais cliquer sur Enregistrer. Une fois que vos paramètres de thème sont bons, ou du moins que vous avez une idée de ce que vous pouvez changer à l'avenir, revenons à l'onglet Sections. Nous allons passer en revue les modules de notre page d'accueil et commencer à le remplir. Je te verrai là-bas. 10. Conception de Shopify : page d'accueil: Nous sommes enfin prêts à construire notre page d'accueil. Encore une fois, je tiens à souligner que j'utilise le modèle gratuit appelé narratif, qui est un peu différent de mon site Web réel en direct. Je vais vous montrer comment je construis quelque chose de similaire à ce que j'ai en utilisant un modèle gratuit. Mais ce sera une version plus simplifiée de ce que vous verrez en ligne. Juste pour vous donner un aperçu rapide de ce à quoi ça ressemble, voici le site que j'ai construit avec narration. Il a le héros, les fonctionnalités, les favoris, très similaire en fait à ma page en direct. Commençons par construire cette page. Une chose que je veux dire à propos de ces types de modules est que, le modèle viendra avec une configuration qui est comme l'aperçu que vous avez vu. Bien sûr, il a l'air très beau, mais vous pourriez ne pas avoir besoin de tout. Gardez juste à l'esprit que vous n'avez pas à utiliser toutes les choses qu' ils vous donnent et vous n'avez pas à le faire dans l'ordre qu'ils ont. Bien sûr, cela le rend plus simple, surtout si vous n'êtes pas à l'aise avec la construction de sites Web déjà, mais vous verrez que je me débarrasse de beaucoup de modules de modèle qu'il vient avec, et juste gardé vraiment simple. Je pense qu'un bon exercice à faire est en fait de regarder certains sites populaires, donc j'ai everlane.com tiré vers le haut. Ces sites dépensent beaucoup d'argent à penser à l'expérience utilisateur, à l'interface et à la façon dont il est préférable encourager les gens à magasiner et ils deviennent vraiment pratiques pour eux de le faire. J' ai fait des achats à Everlane au fil des ans et j'ai remarqué qu'ils ont basculé entre avoir juste une page d'accueil très simple avec un seul appel àl' action et juste une page d'accueil très simple avec un seul appel à une plus longue qui a du contenu, des images, des choses sur leur marque, et on dirait que c'est là qu'ils sont de retour. Si vous voulez commencer avec votre site Web, vous pouvez aller avec quelque chose dans ce sens. Je vais commencer à construire ce site. En chemin, je vais faire quelques commentaires sur ce à quoi je pense pendant que je construis. Ce curseur supérieur a quatre images différentes dont je n'ai pas besoin, donc je vais juste supprimer toutes ces images. Maintenant, je peux mettre à jour ma copie. Ici, je vais faire un lien vers cette page qu'il a construite. Je vais essayer de changer les couleurs d'en-tête en blanc afin qu'il ait une meilleure lisibilité. Je vais changer la couleur du bouton pour un gris plus foncé. Beaucoup de ces modules auront des options de style d'image. Celui-ci permet un cercle, un carré, et aucun, et je ne veux aucun. Vous verrez qu'il y a beaucoup de choses que vous pouvez jouer en termes de positionnement de quel côté l'image est sur. éléments que vous ne pouvez pas modifier sont, par exemple, que vous avez cette barre, combien l'espacement entre les images et le texte, les en-têtes et le bouton. Une autre chose que je veux changer est cette couleur de fond, pour le rendre un peu plus sombre pour correspondre à la photo. Ensuite, ils ont ce produit en vedette, je vais me débarrasser, et une section vidéo. Je n'ai pas de section vidéo de mon site, donc je vais m'en débarrasser. La prochaine section que je veux est de mettre en évidence nos best-sellers. Choisissons cette collection de best-sellers que nous avons faite plus tôt. On a mis en place cette collection, je veux la déplacer ici. Maintenant, notre collection de best-seller est terminée, alors ajoutons du texte. Vous pouvez voir que l'en-tête blanc ne fonctionne pas vraiment tout au long, alors modifions cela. Je vais changer mes en-têtes à la même couleur gris foncé que j'ai utilisée pour les boutons pour un look plus propre. Ensuite, je veux mettre en place une galerie et donc j'ajouterais un diaporama. Maintenant, je vais mettre en place les deux diapositives pour le diaporama. Je veux présenter mon dernier contenu gratuit ici. Par exemple, je peux en faire un sur mon téléchargement gratuit de kit de bienvenue et l'autre peut lier à notre blog principal. J' ai configuré ces deux actifs à l'avance, et je peux toujours les mettre à jour au fur et à mesure. J' ai configuré mes liens de blog et mes liens de téléchargement. Déplaçons ça en dessous de leurs favoris de boutique. Dans la section suivante, je veux mettre en évidence certains contenus. Ici, ils ont parlé d'une carte-cadeau, mais je veux présenter notre nouveau billet de blog sur le téléchargement. Ici, je veux utiliser un style de bouton secondaire. La façon dont nous pensons à cela est juste de communiquer aux lecteurs, ou aux visiteurs, différentes hiérarchies dans l'information. Le style principal peut attirer l'attention sur les choses que vous voulez vraiment qu'ils cliquent et le style secondaire peut être utilisé pour des choses telles que les blogs et les éléments de contenu qui ne sont pas aussi importants. Maintenant, je vais juste aller de l'avant et ajouter quelques visuels pour ce point culminant. Enfin, je voudrais terminer par quelques liens pour nous suivre et rejoindre notre salon de thé. Encore une fois, je vais ajouter dans une section, j'utilise l'option image avec texte. Je veux faire correspondre cette couleur de fond. Encore une fois, je vais placer le titre et le texte que j'ai préparé à l'avance. Pendant que vous configurez votre page, il est bon de laisser le texte de l'espace réservé au début. Je dirais, il suffit de remarquer la quantité de textes utilisés et de le garder à l'esprit lorsque vous préparez votre propre texte réel pour vous assurer qu'il s'adapte bien. Je vais utiliser le même module pour construire une section follower juste en dessous de la section joignez-nous. Cette fois, je vais mettre l'image sur la droite pour qu'elle guide l'œil du lecteur et fasse une distinction entre les deux sections. Revenons au bas de notre contenu. Voyons voir à quoi ça ressemble. Ceci est un bon exemple de quelque chose qui semble très cool dans le modèle, mais je vous encourage à basculer constamment vers mobile parce que beaucoup de vos visiteurs vont être occupés sur mobile, et donc vous voulez vous assurer que l'expérience est tout aussi bonne que l'expérience de bureau. Quand je regarde cela, cette section de la galerie a moins de sens pour moi parce que les gens devront faire un geste du doigt pour l'ouvrir, et ce n'est peut-être pas super évident. Donc je vais me débarrasser de cette section. Parlons de ces derniers éléments ici que je ne vais pas utiliser. Témoignages est quelque chose que beaucoup de gens aiment utiliser, mais pour moi c'est inutile. Donc je vais passer à cette section. Ce n'est pas que je ne l'aime pas ou que je ne le veux pas, c' est que je pense à la meilleure façon de modifier ce que j'ai sur ma page d'accueil. Comme vous l'avez vu sur les autres pages, comme Everlane et même la compagnie de thé, il y a beaucoup d'informations, mais ils n'ont pas tout jeté là-dedans. Je vais choisir ce que je veux montrer. Pour moi, cela vient secondaire par rapport aux choses que j'ai déjà choisi d'utiliser. Enfin, nous sommes ici dans le pied de page et vous pouvez décider lequel de ces choses vous voulez montrer. Je n'aime pas afficher l'icône de paiement donc je l'éteins, et je n'ai pas besoin de l'effet de parallaxe. Je veux montrer l'inscription à la newsletter, et vous pouvez modifier ce texte ici. Je veux mettre quelque chose qui soit plus conforme à ma voix de marque, donc je vais mettre ici. Je ne veux pas de cette couleur. Allons à ces paramètres de thème, allons dans les couleurs, je peux trouver la couleur de fond du pied de page ici. Je vais changer ça en bleu foncé. Je peux changer le texte du pied de page en blanc, donc c'est lisible, et ça me plaît beaucoup mieux. La dernière chose que je veux vous montrer est qu'en dessous, vous verrez la navigation que nous avons configurée plus tôt avec toute cette navigation imbriquée. Au cas où c'était un peu déroutant, je veux vous montrer rapidement comment vous pouvez construire un filaire très simple pour réfléchir aux modules dont vous aurez besoin, afin que vous sachiez lesquels vous débarrasser et ceux à conserver ou à ajouter. Dans l'exemple de plan de site, j'ai jeté un oeil au plan que j' ai et aux modules qui sont disponibles dans ce modèle. J' ai construit ce tableau très simple pour réfléchir à la durée d'une page d'accueil que je veux avoir, à quelle structure je voudrais qu'elle ressemble, et pour m'assurer que j'ai couvert tout le contenu que je voulais couvrir. Comme vous le verrez, ce sont des blocs très simples. Il y a une longue image et j'ai l'ordre de contenu que je voudrais, les nouveautés, les articles de la boutique de fonctionnalités, liens vers le contenu, la mise en évidence et l'élément de contenu, et enfin, permettant aux gens de savoir où rejoindre et suivre nous. En suivant cette structure, j'ai pu décider que je n'avais pas besoin de vidéos, de témoignages, ou de ce bel article qu'ils ont fourni, mais en fait, ne correspondait pas à ce dont j'avais besoin. Je recommande que si vous n'êtes pas sûr de la façon de jouer avec vos modules, revenir à votre contour et de créer un filaire très simple de l'ordre et de la structure du contenu que vous souhaitez. C' est quelque chose que vous pouvez faire via Google Docs avec une table ou simplement utiliser un crayon et du papier. Espérons que vous pouvez commencer à voir que lorsque vous construisez vos pages, vos produits, vos collections, les connectant à la navigation et en configurant votre page d'accueil, vous arriverez à votre produit final de votre site Web fini. Je pense que ça a l'air bien. Dans la classe suivante, je vais vous montrer mon site Web réel avec le modèle payé que j'utilise et certains des avantages et inconvénients et avantages, afin que vous puissiez prendre une décision pour vous-même, vaut la peine ou non pour votre site Web. Je te verrai là-bas. 11. Conception de Shopify : comparaison des modèles payants: Maintenant, je vais faire une visite rapide de mon site en direct et vous montrer un modèle payant que j'utilise. Je vais passer en revue les avantages et les inconvénients de chacun et vous laisser décider si cela vaut ou non pour votre site. J' ai mon site réel tiré ici et je dirais que certaines des principales différences sont le « Nav » en haut. Si vous jetez un oeil à celui-ci, il a ce menu déroulant et je ne peux pas vraiment contrôler cela, je ne peux pas changer ce menu « Nav » à ce « Top », que j'aime plus. Il a également une capacité de menu beaucoup plus puissante où je peux ajouter des images, je peux avoir imbriquer celles que je voudrais. Par exemple, je suis sûr que vous avez vu sur les sites de commerce électronique, sur ce survol, vous pouvez avoir ces sites imbriqués beaucoup plus complexes et avoir des images aussi bien. C' est quelque chose que vous pouvez faire avec ce modèle payant. Ensuite, avoir des options telles que juste mettre ce texte sur la gauche ici. Mon image est mise en place pour que les gens puissent voir ce milieu, et comme vous l'avez vu sur celui-ci, il pourrait avoir un petit bloc. Juste avoir cette option de dire où je veux que le texte aille est vraiment sympa. Ici, j'aurais pu le mettre dans un centre, j'aurais pu le mettre du côté droit, et il y a juste beaucoup plus de contrôle avec ce modèle. Il y a aussi des choses telles que décider comment vous voulez qu'il recadre sur mobile. Une chose frustrante que vous pourriez rencontrer est que parfois vous avez une image qui fonctionne très bien sur le bureau, mais alors il semble drôle sur mobile parce qu'il est trop squat ou trop grand. Avoir une option pour le recadrer d'une manière adaptée aux mobiles peut être vraiment utile. Une autre chose que j'aime vraiment à propos de ce modèle est que j'ai ce module ici qui me permet de découper différentes pages. Il n'y a pas cette option sur le modèle gratuit, et quand je suis à la recherche du bon modèle payé pour moi-même, je suis en train de regarder les modules qu'ils m'offrent, pour m'assurer qu'ils couvriront mes besoins. Sinon, cette section, cette galerie et ces deux sections ici sont vraiment similaires. Si vous avez un site Web assez simple et que vous essayez juste de vendre certains produits, avez un « À propos de la page » et une politique de confidentialité, comme je l'ai dit plus tôt, les modèles gratuits sont plus que vous avez besoin. Mais si vous voulez créer quelque chose qui est un peu plus personnalisable et être mesure de déplacer le texte et avoir une navigation vraiment complexe, disons parce que vous avez beaucoup de produits, alors vous aurez certainement envie d'envisager un paiement car votre utilisation va être un peu plus grande. Enfin, la dernière chose qui fait ou casse les modèles gratuits par rapport aux modèles payés pour moi, est que je crée ces sous-pages comme cette maison de thé. C' est comme la page à propos que nous avons mis en place sous le modèle gratuit. Comme vous l'avez vu dans l'exemple précédent, c'était un modèle très basique avec juste une capacité de mettre une image et du texte et de ne pas vraiment être capable de se déplacer. Avec ce modèle payant, je suis capable d'avoir des modules comme je suis capable d'avoir sur la page d'accueil. La capacité est un peu plus limitée, mais c'est exactement ce dont j'ai besoin pour construire les pages que je veux. Ici, j'ai construit notre page qui liens vers le blog, a quelques modules pour diriger les gens à aller obtenir le téléchargeable et a plus de zones d'appel pour le contenu que je veux mettre en valeur. J' ai également construit cette autre page qui passe en revue les histoires que nous avons et permet une galerie d'images. Tout cela a été intégré à travers des modules, vous pourriez être en mesure de le réaliser grâce à un codage personnalisé sur les modèles gratuits, mais c'est beaucoup plus facile à faire avec ces modules existants. Je dirais que ce sont les principales différences entre un modèle payant et un modèle gratuit. Vous aurez plus d'options pour différents modules, vous aurez un meilleur contrôle sur des choses comme le placement du texte et le dimensionnement. Vous aurez juste un menu et un système de navigation beaucoup plus puissant, ainsi que le développement de sous-pages. Que vous ayez besoin ou non de tout cela dépend vraiment de ce dont vous avez besoin pour votre site Web. J' espère que c'est utile pour décider de ce qui vous convient le mieux. Maintenant, nous nous réunissons dans une prochaine classe, nous allons obtenir nos paramètres finalisés et nous nous apprêtons à lancer notre site. Je te verrai là-bas. 12. Finalisation de Shopify : paramètres: On est presque prêts à lancer. Revenons dans nos paramètres sur le tableau de bord pour nous assurer que tout est bien avant que nous soyons prêts à appuyer sur ce bouton en direct. Pour revenir au tableau de bord, cliquez sur cette icône dans le coin supérieur gauche. Maintenant, passons sous les paramètres. Je vais rapidement passer en revue les choses qui, à mon avis, sont les plus importantes à vérifier. Évidemment, regardé à travers tous les paramètres, mais voici les choses que vous pensez sont les plus importantes pour vous assurer sont bien à l'air pour vous avant de partir en direct. En général, vous allez entrer les détails de votre magasin, nom de votre magasin, l'adresse e-mail de contact, endroit où vous souhaitez que vos clients vous contactent, adresse de votre magasin, votre heure, vos mesures de poids et votre devise. Sous paiement, vous voulez vous assurer que vous avez activé tout ce que vous voulez que les gens puissent utiliser et que vous avez désactivé tout ce que vous ne voulez pas qu'ils puissent utiliser. Je recommande de garder ces vérifications accélérées. Les gens essaient d'utiliser Apple Pay et Google Pay beaucoup plus et leur permet de vérifier plus rapidement. Ensuite, passons à la caisse. Ici, vous avez certaines options telles que l'autorisation des comptes clients, façon dont vous souhaitez les autoriser à effectuer des opérations. Personnellement, j'aime utiliser les retours par e-mail, et décider quelles pièces vous souhaitez leur demander. En général, je veux obtenir leurs noms et tout ce qui fera en sorte que leurs paquets arrivent avec eux. Ensuite, passons à l'expédition. Ici, vous pouvez configurer vos frais d'expédition. Beaucoup d'entreprises offriront, par exemple, frais d'expédition fixes aux États-Unis ou dans leur pays d'origine et peut-être des tarifs d'expédition internationaux calculés. J' ai personnellement constaté que les frais d'expédition internationaux sont vraiment chers et qu'ils varient vraiment en fonction du pays. Au début de mon magasin, j'avais un tarif d'expédition international fixe, mais maintenant je l'ai mis à jour pour que les gens le calculent et utilisent un coût de vie réel. Je pense que cela aide aussi à leur donner l'impression que c'est vraiment le coût que nous recevons. Parce que beaucoup de gens pourraient avoir un choc autocollant quand ils verront combien il en coûte pour expédier à l'international. Vous pouvez y configurer vos rôles d'expédition. Vous pouvez également configurer des packages enregistrés. Par exemple, j'expédie souvent dans environ trois tailles différentes et je peux pré-remplir ces informations dans Shopify, y compris le poids afin qu'il calcule automatiquement cela lors du paiement. Il existe différentes options concernant les bordereaux d'expédition et les étiquettes d'expédition et si vous souhaitez les intégrer à tous les comptes d'expédition que vous pourriez avoir. Vous pouvez également configurer des éléments tels que la configuration du ramassage local. Ça a été très pratique compte tenu des temps. Ensuite, dans le domaine des taxes, vous voulez vous assurer que vous êtes configuré conformément aux règles de l'endroit où vous faites des affaires. Je suis en Californie aux États-Unis cependant, je veux m'assurer que les taxes de vente appropriées sont perçues. Sous les emplacements, vous ajouterez à n'importe quel emplacement de magasin, des emplacements de stockage différents , ou peut-être, si vous vendez des annonces, certaines conventions ou certains marchés tout le temps. Vous voudrez les ajouter. Sous les notifications, vous pouvez avoir un certain contrôle sur un grand nombre de différents types d'e-mails que vos clients peuvent recevoir. cartes-cadeaux sont assez simples, et les fichiers ne sont que tous les fichiers que vous avez téléchargés au cours de la construction des ventes de votre site. Je trouve que j'ai toutes mes images ici. Cette section est en fait utile si vous voulez télécharger un tas de fichiers à la fois. Comme vous l'avez vu plus tôt, je les téléchargeais un par un. Si je construis quelque chose que je sais que j'ai besoin de toutes ces images, alors il est en fait beaucoup plus pratique de venir à cette section de fichier et juste de le télécharger par là. Le canal de vente est encore une fois similaire aussi. Si je viens d'ajouter ce signe plus ici, vous pouvez ajouter d'autres chaînes comme Amazon et Facebook. Les plans et les autorisations seront l'endroit où vous pouvez ajouter vos comptes de personnel, et la facturation est quelque chose qui, bien sûr, est important pour vous assurer que vous avez configuré à l'avance t, pour pouvoir activer les achats et même passer en ligne. Toutes vos informations de facturation doivent être à jour. Vous pourrez également voir les frais de Shopify sur votre compte ici également. Je viens ici quand je fais ma comptabilité et ma comptabilité pour examiner les frais, mes revenus, et la répartition entre les deux. Par exemple, l'expédition par rapport à l'abonnement aux comptes. Ce qui est bien, c'est que vous voulez remplir une politique de remboursement, une politique de confidentialité, conditions d'utilisation et la politique d'expédition et cela semble être beaucoup de travail, mais Shopify a en fait ces modèles prêts à aller. Vous pouvez simplement cliquer sur ce bouton et vous aurez un modèle rempli et juste le lire pour vous assurer qu'il est conforme à ce que vous voulez offrir. Une fois que vos paramètres ont l'air bien, je recommande de demander à un ami ou un membre de la famille de jeter un coup d'œil sur l'ensemble de votre site pour s'assurer que tous les boutons sont liés aux bons endroits. Il est courant que lorsque vous configurez un site Web et que vous n'avez pas préalablement configuré toutes vos pages ou produits, vous insérez des liens d'espace réservé vers des éléments qui existent déjà. À la fin, vous avez oublié lesquels sont ceux qui sont en direct et ceux qui sont ceux qui doivent encore être mis à jour. Avoir une nouvelle paire d'yeux à regarder à travers qui sera vraiment utile de garder une trace de. Cela aidera également à faire surface toutes les questions que les gens pourraient avoir s'ils pensent que c'est déroutant quoi faire, quand se rendre à la page d'accueil ou si vous n'êtes pas sûr de savoir comment vérifier. Toutes ces choses seront plus faciles à traiter lorsque quelqu'un d'autre vous aide à les parcourir, et lorsque vous êtes prêt à lancer votre site, n'oubliez pas de revenir à vos préférences sous et lorsque vous êtes prêt à lancer votre site, n'oubliez pas de revenir à vos préférences sous stocker et choisir un plan pour désactiver le mot de passe. Une fois que vous avez fini de configurer vos paramètres, rendez-vous dans la dernière et la dernière classe. Je te verrai là-bas. 13. Cours bonus : Adobe Portfolio: Bienvenue dans la classe bonus. Alors que le reste de ce tutoriel était axé sur Shopify, je voulais prendre un peu de temps pour faire une promenade à travers l'autre plate-forme que j'utilise, qui est le portefeuille Adobe. Vous pouvez le trouver sur portfolio.adobe.com. Adobe portfolio est une excellente option de site de portefeuille pour ceux d'entre vous qui ont déjà un abonnement Creative Cloud et qui ne cherchent pas nécessairement à vendre quoi que ce soit en ligne. J' ai réalisé que beaucoup de gens ne savent pas que c'est un service gratuit qui vient avec leur abonnement. est un peu plus limité que Shopify, mais avec un peu de pêche amusante, je pense que c'est parfaitement bien pour un site de portefeuille. D' autre part, pour ceux d'entre vous qui n'ont pas encore d'abonnement Creative Cloud, je ne recommande pas cette option. Dans ce cas, je recommande d'essayer quelque chose comme Cargo Collective, qui est une option gratuite ou Squarespace, qui est une option payante. J' ai construit mon site de mariage sur Squarespace et je pense qu'il a quelques pros. Si je devais briser les différences entre Shopify et Squarespace entre Shopify et Squarespace, je dirais que Squarespace est un peu moins cher. Tout d'abord, puis Shopify, si vous choisissez une option Snot E-commerce. Il est, existant, les modèles sont un peu plus agréable en termes de conception. C' est idéal pour le site de mariage, sites de portefeuille ou les entreprises de recherche comme des restaurants qui veulent juste donner des informations d'une belle manière, mais pas nécessairement les vendre tous les produits en ligne. D' autre part, les thèmes Shopify sont beaucoup plus personnalisables à mon avis. Je suis capable de faire beaucoup plus en termes de capacité e-commerce. Je pense que Shopify a finalement l'avantage si vous essayez de construire une plateforme de commerce électronique. Retour au portefeuille Adobe. Le back-end est un peu plus gênant dans la façon dont il est configuré à mon avis, mais ce n'est pas difficile d'obtenir le coup de du tout. Jetons un coup d'oeil. Lorsque vous commencez, vous verrez une page qui vous invite à démarrer un nouveau site et vous pouvez créer jusqu'à cinq sites. Cliquez ici pour voir où sont vos options. Vous serez invité à dire ce que vous voulez commencer. Vous pouvez faire une page d'accueil simple, qui est presque comme une carte de visite numérique ou vous pouvez faire une collection de travail, qui est ce que sont la plupart des sites de portefeuille. En cliquant dessus, vous verrez qu'il y a 12 modèles gratuits qui viennent avec le portfolio Adobe. Ils ont l'air bien, mais malheureusement vous ne pouvez pas acheter autre chose ou télécharger le vôtre, vous devez utiliser quelque chose ici. J' ai personnellement trouvé qu'ils étaient assez limités en ce qui concerne ce qu'ils pouvaient faire en dehors de la création de pages de projet et de pages d'information très simples. D' autres que j'ai essayé, je pensais que Lucas était celui qui offrait le plus de fonctionnalités en termes de pouvoir me laisser les choses personnalisées un peu. C' est celui que j'utilise. Ceci est ma page d'accueil, il suffit de faire un défilement rapide et je remplis tout cela en utilisant les modèles de pages ici. J' ai réalisé que je dois créer une page pour cette classe sous mon onglet de partage de compétences juste ici. Je pensais que ce serait génial d'utiliser cela comme un exemple de la façon de construire une page dans un portefeuille. Aller aux pages sous Essentials, et vous voudrez cliquer sur ce signe plus ici, vous verrez cinq options. L' option de page est celle que j'utilise le plus souvent, c'est quelque chose que je peux créer des pages de projet pour les coûts de blog et les pages d'information. Les pages d'accueil sont des pages d'accueil en plein écran. Les albums de salle lumineuse sont juste une possibilité de se connecter à vos albums dans Adobe Light room collection, je vais vous montrer plus tard, mais il s'agit essentiellement d'une collection de sous-pages et les liens sont juste des liens directs que vous mettez dans votre navigation. Cliquons sur la page cause construire votre site. Je veux mettre cela sous l'onglet compétences que vous êtes, mais voyons ce qui se passe que je l'ai mis dans la navigation. Créez la page. Vous verrez qu'il est maintenant automatiquement renseigné dans mon NAV ici. Dans ce cas, je ne veux pas faire ça. Cliquez de retour dans les pages et il est vraiment facile de glisser-déposer pour organiser votre navigation. Passez le curseur sur cette icône de hamburger sur la gauche et faites-le glisser vers le bas et juste tuer part. Maintenant, dans la page elle-même, il y a plusieurs façons de commencer. Évidemment, vous avez ces options de module ici, qui sont exactement comme les modules que vous pouvez construire avec dans Shopify. Vous êtes limité à ces 10 options offertes par Adobe. Vous aurez également quelques éléments que vous pourrez régler sur ce panneau de gauche. Contrairement à Shopify, qui avait le tableau de bord, puis l'espace de travail du site Web dans ce tableau de bord, c'est tout le système pour Adobe portfolio. Il y a plus dans juste un tableau de bord très simple ici, nous pouvons organiser les pages et le nav configurer vos intégrations avec vos autres programmes Adobe. Vous pouvez modifier le thème très facilement ici, puis ajuster les paramètres. Cette section à l'échelle du site ici est comme les paramètres du thème dans Shopify. Vous serez en mesure d'ajuster vos arrière-plans, couleurs et polices universelles. Vous serez en mesure d'ajuster le conteneur du site Web, qui est comme la largeur et les alignements. styles de contenu multimédia permettent de modifier tous les types de styles de texte tels que les en-têtes, les sous-en-têtes, les paragraphes, les légendes, etc. Nous pouvons activer et désactiver votre logo. Vous remarquerez que ça a changé ici. Cachez votre nav ou show, et même chose avec le pied de page. Ensuite, dans cette page, vous serez en mesure de modifier les choses sont spécifiques à cette page particulière. Mais allons-y et commençons à le construire ici. La première chose que je veux faire est d'allumer la tête de mât, il suffit d'ajouter le titre de la page en haut et je le fais pour toutes mes pages de partage de compétences. Ensuite, je veux ajouter une image de héros pour afficher un aperçu de la classe. J' ai préparé tous les atouts dont j'ai besoin à l'avance. Ajoutons cette image comme image d'introduction. Vous verrez que l'ancien bloc d'options Modules a disparu. Mais si vous cliquez simplement sur ce signe plus, les 10 mêmes options apparaissent. Mais je vais aller de l'avant et cliquer sur le texte. Déposez ce texte. J' ai donc laissé un aperçu de la plateforme Shopify. Ce qui est agréable qu'Adobe a ajouté plus récemment, c'est la possibilité d' ajouter des images ou des textes à gauche et à droite d'une image existante. Si vous passez la souris sur cette image, vous verrez que ces signes plus apparaissent et si vous voulez ajouter quelque chose à gauche, évidemment vous cliquez ici. Si vous voulez ajouter quelque chose à droite, vous cliquez sur le bouton à droite. Je veux ajouter une image du portefeuille Adobe à côté de lui pour indiquer que je passe sur ces deux plates-formes. Ils apparaissent côte à côte. Il y a des outils d'alignement ici. Je me suis assuré que les images que j'utilise sont de la même hauteur, mais disons qu'elles ne l'étaient pas, je serai en mesure d'aligner les images comme je le veux avec ces trois options. Cette icône centrale vous permet également de cliquer et de faire glisser votre doigt si vous souhaitez l'aligner différemment. Mais pour moi, je veux qu'elle soit centrée et égale. D' autres ajustements que vous pouvez faire est en survolant l'image, vous pouvez cliquer sur cette icône de crayon et vous verrez plusieurs options que vous pouvez choisir ci-dessous. Évidemment peut déplacer les éléments autour de la page. Vous pouvez réorganiser le contenu de la page lui-même. C' est comme dans le panneau latéral de gauche Shopify où vous pouvez cliquer et faire glisser. Vous pouvez ajouter Alt Text. C' est idéal pour le référencement et le texte d'accessibilité. Vous pouvez ajouter des liens. Tendrez cette image en un lien actif, ce qui est agréable et je vais vous montrer sur ma page d'accueil comment utilisé cela. Nous pouvons ajouter une légende pour que je puisse cliquer sur Shopify. Ensuite, pour celui-ci, le portefeuille Adobe. Mais je voulais vraiment faire était d'aller dans l'alignement de la largeur et les marges. En cliquant ici, je veux juste ajouter un peu d'espace de respiration entre ces deux images. Nous allons changer ces deux largeurs à 95 pour cent de son maximum. Vous pouvez également spécifier par pixels, mais pour l'instant en utilisant le pourcentage. Ensuite, ajoutons d'autres textes que j'ai préparés, une autre image que je voulais partager, qui était le backend de mon site Shopify, afin que les gens puissent en avoir un aperçu. Enfin, je veux ajouter un bouton. Adobe portfolio, parfois vous le modifiez directement dans ce panneau de droite ici, et parfois vous modifiez des choses sur ce panneau de gauche. C' est pourquoi, je veux dire, parfois, c'est un peu gênant, mais une fois que vous avez le coup, c'est assez simple. Cliquez sur « Modifier ce bouton » et ici, je mettrais la classe View, par exemple. Peut-être sur le partage de compétences pour que les gens sachent exactement dans quoi ils s'embarquent. Pour l'instant, nous allons mettre le lien réservé de mon site de profil d'enseignant, mais finalement nous voulons mettre à jour cela sur le site réel. Je veux qu'elle s'ouvre dans une nouvelle fenêtre, et ajustons cette police à quelque chose qui correspond mieux à mon site. Vous pouvez régler la hauteur et le rembourrage des boutons. Par exemple, passons à 50 pour cent et abaissons le rembourrage à cela. Ça m'a l'air bien pour l'instant. Donc, bien sûr, vous pouvez continuer et ajouter, par exemple, un formulaire de contact ou incorporer une vidéo. Par exemple, je peux intégrer la vidéo de bande-annonce partagée MySQL ici une fois qu'elle est disponible. Mais pour l'instant, je pense que c'est assez pour cette page. La prochaine chose que je veux vous montrer est comment ajouter des images de galerie. Gardez à l'esprit qu'ici j'ai ajouté deux images distinctes. La raison pour laquelle je voulais faire cela est parce que je ne veux pas que cela puisse être cliquable dans une galerie. Si je le faisais, laisse-moi te montrer ce que je ferais. Je vais aller dans une autre page de partage de compétences, celle de mon illustration pendant la classe. Parce que je voulais ajouter d'autres exemples au bas de cette page. Ici, je vais cliquer sur la grille de photos cette fois et télécharger ces images que j'ai préparées et Adobe portfolio télécharge toutes les images dans cette grille. Malheureusement, vous n'avez pas autant de contrôle sur la façon dont ils décident de le diviser, comme ces rangées de trois. Mais vous pouvez au moins réorganiser la grille si vous le souhaitez. Par exemple, si je voulais déplacer certains d'entre eux, j'irais juste et ici ajouter une grille et vous pouvez simplement cliquer et faire glisser. Vous pouvez ajouter des légendes, vous pouvez ajouter des photos, il suffit de cliquer dessus. Dans ce cas, lorsque vous cliquez dessus, vous pourrez avoir comme fonctionnalité de galerie. Il est très facile de cliquer à gauche et à droite sur ces flèches pour afficher la galerie dans un format plus grand. C' est la différence entre les images et les galeries de photos. Permettez-moi de vous montrer quelques ajustements supplémentaires que j'utilise souvent. Quand je sélectionne ce texte, je pourrai évidemment changer le style. Mais voici où vous iriez pour ajuster le type de texte qu'il est. C' est là que vous allez dans les sous-en-têtes pour vous assurer qu'il est uniforme sur tous vos sites. Mais cela rend facile de s'assurer que j'ai appliqué le style de la police de manière cohérente. La prochaine chose que je veux vous montrer est comment créer une collection de pages. Ainsi, par exemple, dans la classe Skill partagée, vous avez vu que j'ai une collection de pages pour mes tutoriels principaux dans mon portfolio. J' ai des liens vers tous mes projets clients que je souhaite partager. Sous les messages, j'ai tous mes articles de blog où je partage des ressources gratuitement, comme commencer. Beaucoup de gens m'ont demandé comment commencer et sécher alors j'ai décidé de mettre ce blog qui couvre toutes les ressources que j'aime et utilise. Il y a un endroit où je peux diriger les gens. Pour créer ces collections, cliquez sur les pages. Ensuite, vous ajoutez une collection et vous verrez ici comment elle est configurée. Vous verrez cette icône de grille et elle correspond à cette collection ici. Pour dire que je voulais créer une nouvelle collection de portraits. Je cliquerais sur la collection ajouter des portraits, puis juste commencer à ajouter des pages à cette collection. Si vous vouliez dupliquer certains de vos projets existants, par exemple, c'est vraiment en allant à cette icône d'engrenage à droite de chaque projet. Cliquez sur cela et vous verrez qu'il ya beaucoup d'options de ce que vous pouvez modifier et modifier et aussi télécharger et réimporter pour être mains, bien sûr, c'est un produit Adobe et être mains comme un produit Adobe, il est vraiment facile de couler la vie de votre projet. Ce que je voulais faire est de dupliquer cette page. Ensuite, je voudrais simplement cliquer et faire glisser cette copie dans des portraits. Ensuite, bien sûr, je peux cliquer dessus et aller et l'éditer au besoin si say a été utilisé pour un contexte différent. Enfin, si, par exemple, vous voulez vendre des produits numériques sur votre site de portefeuille, une chose que vous pouvez faire est de les attacher, par exemple à un compte Gumroad. Vous pouvez faire ce travail comme un site de commerce électronique un peu aussi, tant qu'il est assez limité dans ce que vous voulez faire. J' espère que cela a été un pic utile au portefeuille Adobe afin que vous puissiez décider quelle option est la mieux adaptée à vos besoins. 14. Réflexions finales et remerciements !: On est à la fin du cours. On a traversé tellement de choses, et tu es incroyable d'avoir fait tout le chemin. J' espère que vous avez maintenant une idée claire de la façon de planifier votre site, puis de le construire vous-même. J' espère que vous partagerez vos plans de site avec nous dans la section projet de classe. Vous pouvez le faire en allant dans l'onglet Projets et ressources sous cette vidéo sur le bureau, et en cliquant sur créer un projet. J' ai hâte de voir ce que tu vas construire. Si vous avez aimé apprendre avec moi, je vous invite à consulter mes autres cours sur SkillShare et à suivre mon profil d'enseignant pour être informé de la sortie des nouveaux cours. Jusque-là, merci beaucoup d'avoir rejoint moi et amusez-vous à apprendre.