Transcription
1. Bienvenue dans le cours !: Je suis Caleb, juste autour d'un studio de design web primé appelé numérique jumelé. Et dans ce cours, je suis professeur, je fais ce que je fais, créer des sites impressionnants comme celui-ci dans les œuvres. Est-il même la peine d'apprendre à concevoir des sites Web à ce qui est le ? Eh bien ? Avec des œuvres, vous pouvez faire un magasin de commerce électronique comme Wayfair ou Amazon. Vous créez une publication multimédia comme Huffington Post. Vous pourriez utiliser vos compétences pour concevoir des sites Web de façon professionnelle, comme je le fais. Et cela peut être lucratif car il y a tellement de différents types de sites Web que vous pourriez construire qui enrichirait votre vie et la vie des autres. Lorsque vous aurez terminé avec ce cours, vous serez en mesure de créer de magnifiques sites Web qui ont fière allure sur toutes les tailles d'écran et ont des fonctionnalités uniques comme des fermes de contact personnalisées, des
blogs, des forums, des blogs, du commerce électronique et bien plus encore. Nous aborderons également certains concepts techniques plus avancés comme le Gestionnaire de contenu Web. Une fois votre site construit, nous discuterons de l'optimisation de votre site pour les moteurs de recherche tels que Google et bang, et de la connexion de votre propre nom de domaine à votre site Web. Il y a aussi quelques super cadeaux inclus avec ce cours. Si vous avez besoin d'aide pendant ou après le cours, je serai à votre disposition. Et je suis également ouvert aux commentaires. Donc, si vous avez des suggestions pour améliorer le cours ou si vous pensez que je manque quelque chose ou que j'ai besoin d'ajouter des vidéos, s'il vous plaît laissez-moi savoir pour que je puisse le faire. Je veux que nous réussissions tous ensemble et je suis tellement excité de voir le site Web que vous construisez. Commençons.
2. 04 Planification de votre site: Vous avez donc décidé de construire un site Web génial et très excitant. Mais avant de commencer, vous devez réellement planifier votre site Web. Tu ne peux pas sauter en aveugle. Tu vas faire beaucoup d'erreurs et devoir faire beaucoup de choses deux ou trois fois. Donc c'est en fait le site de planification. Avant de commencer à le construire, vous devez vous rappeler que votre site Web est le visage numérique de votre entreprise. Les gens vont pouvoir y accéder tout le temps,
tous les jours, peu importe ce que vous faites, où que vous
soyez, que vous travailliez ou non, il va se vendre pour vous, n'est-ce pas ? Et vous pouvez faire des ventes à partir de votre site principal à deux heures du matin mardi soir. C' est génial, mais avec un grand pouvoir vient une grande responsabilité, non ? Il est important que vous ayez correctement votre site Web, afin que vous puissiez profiter pleinement de ces opportunités. Donc, d'abord, soyons clairs sur le type de site Web que vous voulez construire. Il y a beaucoup de différents types de sites Web. Il y a des sites de brochures qui sont purement informatifs. Il y a des blogs où vous ajoutez des informations sur le contenu et parlez et écrivez sur un sujet particulier. Et les magasins de commerce électronique où vous vendez des produits, qu'ils
soient physiques ou numériques. Il existe des forums où vous créez une plateforme permettant aux utilisateurs d'interagir et de discuter entre eux sur le sujet qui les intéresse. Il y a des portefeuilles où vous pourriez être une sorte de designer ou une personne créative. Vous voulez montrer votre travail au monde entier. Il y a aussi des applications plus avancées qui ont une sorte d'interactivité intégrée. Pensez à des choses comme Facebook ou Twitter, ce sont des applications web. Et il y a toutes sortes de sites Web que vous pouvez construire. Mais c'est un bon point de départ. Et ce sont toutes sortes de sites Web qui sont possibles avec Wix en fait, même des applications web. Une fois que vous savez quel type de site Web
vous construisez, vous devez vous poser quelques questions pour déterminer quelle direction prendre les choses. Alors, d'abord, pourquoi voulez-vous ou besoin d'un site web ? Et chaque entreprise a besoin d'un site Web, presque toutes les entreprises font en tant que concepteur professionnel, je pense que chaque entreprise a besoin d'un site Web et ils ne peuvent presque certainement pas faire de mal si vous avez un bon site Web. En fait, laisse-moi reprendre ça. Un mauvais site Web peut vraiment nuire à la crédibilité et à la respectabilité pour les entreprises. Mais pourquoi voulez-vous un site web ? Qui utilisera le site ? Le site que vous construisez pour un groupe de personnes âgées de 85 ans qui ne sont pas très familiers avec la technologie et qui
ont juste besoin d'obtenir rapidement de l'information est différent du type de site Web que vous construisez pour un jeune de 13 ans qui est vraiment Minecraft et est à la recherche de divertissement. Donc, vos utilisateurs, quand un formulaire qui va regarder et la sensation et la fonctionnalité du site. Pourquoi choisiraient-ils mon site web ? Et par extension, votre service ou entreprise ? Il y a beaucoup de choses là-bas. Il y a beaucoup de blogs, il y a beaucoup de magasins de commerce électronique. Qu' est-ce qui vous rend différent ? Pourquoi les gens te choisiraient plutôt que quelqu'un d'autre ? Comment vont-ils trouver qu'une fois votre plan de marketing, juste parce que vous avez construit un site Web, ne signifie pas qu'il y aura des milliers et des millions de personnes qui affluent pour entendre de vous et des produits de l'acheteur, ils le définissent d'une manière ou d'une autre, non Vous devez les conduire à votre site Web. Vous devez donc commercialiser, qu'il s'agisse de publier sur les réseaux
sociaux ou de créer des vidéos YouTube pour diffuser des annonces, ou de travailler sur l'optimisation des moteurs de recherche. Vous devez décider à l'avance comment vous prévoyez d'aider les gens à trouver votre site Web. Quelles fonctionnalités votre site Web aura-t-il besoin ? A-t-il besoin d'un formulaire ? N' a pas besoin d'un blog, volonté, il y a un commerce ED et l'expédition sur ces fonctionnalités, comment bivalent pour les trouver. Oui, ils le trouveront dans le menu, espérons-le. Mais il faut y avoir un bloc sur la page d'accueil. Les internautes interagissent avec votre site Web et ses fonctionnalités d'une manière qui leur est facile. Eh bien, l'être humain étant impliqué dans le processus de construction, avez-vous besoin de parler à un partenaire commercial de la planification, de la stratégie et du contenu ? Tu vas embaucher un designer ? Et si oui, quelles informations avez-vous besoin pour
donner au concepteur pour s'assurer qu'il peut faire un bon travail. De plus, quels sites Web aimez-vous ? Cela vous aidera à avoir une bonne idée du design et des fonctionnalités que vous essayez de réaliser. Qu' est-ce que tu aimes chez eux ? Qu' est-ce qui les rend attrayants pour vous ? Pourquoi voulez-vous que votre site Web ressemble à des sites que vous détestez ? Il y a un site que tu détestes. Identifiez ce que vous n'aimez pas sur ce site Web,
afin que vous puissiez éviter d'incorporer cela dans le vôtre. Dans cette veine. Qu' est-ce qui ne va pas avec eux ? Combien ça me coûtera ? Il y aura absolument des coûts associés à la création d'un site Web. L' espoir est que le site vous renvoie beaucoup plus que cela ne coûte. Le site Web est presque toujours un investissement. Et si c'est un bon site Web qui fait son travail, ce sera un excellent investissement. Vous allez obtenir un énorme retour sur votre investissement. Alors combien ça me coûtera ? Un designer professionnel, en fonction de l'endroit où vous trouvez qui pourrait avoir entre 500 et 5000 dollars, vous allez également avoir besoin de payer pour un nom de domaine qui va être quelque part entre 10, 20$ par an. Et vous allez devoir payer pour un plan d'hébergement de perruques. Ça va aller de 12 à 40$ par an. Et enfin, comment commercialisez-vous ce site ? Comment allez-vous amener les gens à trouver votre site Web ? Ok, vous devez également choisir un nom de domaine. Tu n'as pas à faire ça avant de commencer. Tu pourrais le faire plus tard, mais parlons de ça maintenant. Idéalement, votre nom de domaine va être court et simple, quelque chose comme google.com, pas, hey, c'est un très bon moteur de recherche et son nom est google.com dotnet, écrire court et simple et mémorable est idéal. Maintenant, beaucoup de noms de domaine ont déjà été achetés. Vous n'allez pas obtenir blog.com, mais essayez juste de le rendre aussi court et simple que possible. Vous allez à GoDaddy et vérifiez si votre nom de domaine est disponible. Et generally.com sera le plus facile à retenir pour les gens. Avant de construire réellement votre site Web. Vous devez également savoir ce qu'est votre image de marque, car cela
va éclairer la conception de l'ensemble du site Web. Donc, vous devez avoir un logo compris. Vous pouvez voir en haut à droite, j'ai mon logo ici. Et nos couleurs du bleu aux nuances de bleu et de rouge. Besoin d'avoir une police pour votre titre dans votre corps de texte. Parfois, nous avons une police et c'est juste plus grand et plus audacieux pour le titre. C'est très bien. Et découvrez quelles polices vous voulez utiliser. Découvre les couleurs. Encore une fois. Pour nous, c'est bleu et rouge. Il peut être ce que vous voulez, mais il essaie d'avoir quelque chose, avoir quelques couleurs qui correspondent. Vous n'avez même pas 20 couleurs et vous avez probablement besoin de deux ou trois couleurs. Et vous avez déterminé la sensation. Je me sens. Je veux dire, quel genre de sentiment votre marque évoque-t-elle chez le client ? As-tu l'air professionnel et tu as l'air amusant ? As-tu cool ? Comment voulez-vous que votre marque soit représentée ? Que voulez-vous que le client pense de vous lorsqu'il voit votre marque ? Une excellente façon de rassembler tous ces éléments pour créer un tableau d'ambiance. Tu peux le faire sur Pinterest. Vous pouvez créer un kit de marque, document
particulier d'une sorte que vous avez une idée pour votre marque. Voici un exemple de kit de marque que j'ai créé pour le site Web que nous allons construire dans ce cours. Nous allons donc créer un blog de voyage. J' ai donc créé ce logo spectaculaire de Caleb avec un petit sac à dos cool. Et j'ai ma police de tête et ma police de corps choisis. J' ai un jeu de couleurs, une palette de couleurs choisie. Et puis le sentiment général pour un blog de voyage, je pense que devrait être aventureux et heureux et amusant et juste une sorte d'évoquer ce bon sentiment de temps. Il s'agit d'un kit de marque d'une page. Certaines grandes entreprises avaient des petits-enfants beaucoup plus complexes et complexes. J' ai la personnalité du client, la voix de la marque et tout ce genre de choses. Pour une petite entreprise ou une startup, nous pouvons commencer ici avec un kit de marque d'une page et travailler à partir de là. Une fois que vous avez votre marque, il est temps de planifier la structure de votre site Web. Quoi, quel sera le flux ? Les pages où la page va ressembler. J' ai fait ça avec du stylo et du papier. Je dessine juste ce que je veux que le site ressemble. Très généralement, très lâchement. Tout cela est complètement subjectif et ouvert au changement. Mais contre ça me donne une idée de comment les choses vont ressembler. Donc, c'est comme ça que je veux que mon site Web se charge. Maintenant, voici des outils vraiment géniaux. Vous pouvez utiliser un planificateur sur votre site Web, placez-le fait qui a un générateur de logo. Il y a aussi d'autres générateurs de logo sur Internet. Semaines, selon le plan que vous achetez a un générateur de logo. Ce site Web refroidisseurs point PDG a un générateur de palette de couleurs. Ils utilisent tout le temps. Je vais vous guider à travers certains de ces services cool dans une vidéo différente que je vais mettre dans la section vidéo bonus. Donc, tout ce dont nous avons parlé dans cette vidéo devrait vous aider à créer un site web tueur qui vous aidera à réussir. D' accord, j'espère que ça t'a aidé à planifier ton site web. Rendez-vous à la prochaine vidéo.
3. BONUS - Utilisez Coolors.co pour créer des palettes de couleurs captrices: Très bien, dans cette vidéo, je vais vous montrer comment utiliser les refroidisseurs point PDG pour créer des jeux de couleurs ultra-rapides. Ainsi, vous pouvez passer moins de temps à jouer avec les couleurs et vous arrivez à concevoir votre site Web beaucoup plus rapidement. Donc, si vous allez aux couleurs que SEO, vous verrez ce bouton bleu qui dit Démarrer le générateur. Cliquons sur ça. Une façon dont j'aime générer de nouvelles palettes de couleurs est de cliquer sur la barre d'espace sur ce générateur de palette de couleurs pour passer en revue les couleurs jusqu'à ce que je commence à voir les couleurs que j'aime. Disons que je travaille sur une entreprise de tonte. Je pourrais dire que j'aime ce vert. Je vais planer dessus et verrouiller une serrure de cette couleur. Maintenant, lorsque je clique sur Barre d'espace, les nouvelles palettes de couleurs seront générées avec cette couleur à l'esprit. Alors rappelez-vous que je fais le site d'une entreprise en cours de longue date. Alors peut-être que ça a l'air amusant. Alors peut-être que je veux utiliser ce bleu. Et il va juste rester parti. Rétrécir jusqu'à ce que j'ai des couleurs que j'aime. Bill Mann, j'utilise ces cinq couleurs. Et puis je peux enregistrer cette palette de couleurs. Assurez-vous d'avoir un compte. Et il sauvera cela comme entreprise de tonte de gazon. Et on peut l'étiqueter si tu veux des pelouses. Une fois cela sauvegardé, nous pouvons cliquer sur le menu hamburger et il y a votre palette et votre palette de couleurs juste là, afin que nous puissions l'attraper et l'utiliser plus tard. Souvent pour mes clients, je vais simplement prendre une capture d'écran de toutes ces couleurs et leur envoyer quelques palettes de couleurs différentes pour qu'ils choisissent. Et où ils peuvent voir les noms dans les couleurs hexadécimales et voir plus d'informations pour eux-mêmes. Quelle autre partie cool des couleurs est la fonctionnalité Explorer. Et ici, vous pouvez voir un tas de palettes de couleurs vraiment cool, vraiment bien fait une somme. Vous pouvez voir à quel point ils sont populaires. Et donc c'est bien, il suffit de regarder à travers ces avec votre projet à l'esprit et voir si l'un d'entre eux pourrait correspondre au projet sur lequel vous travaillez jusqu'à présent, London Company, Nous aurions pu utiliser une plus grande palette de couleurs comme celle-ci avec une tonne de différents couleurs. Peut-être celui-là. Vous pouvez également rechercher par mot clé jusqu'à présent le long d'une entreprise peut-être que nous pourrions chercher longtemps et obtenir un tas de nous obtenir un tas de palettes de couleurs qui pourraient fonctionner pour ce genre de projet. Donc, c'est la cause en un mot est super-utile. Permettez qu'il a été fait par un gars, ce qui est très impressionnant. Donc, si vous avez besoin de l'appeler, mais les couleurs rapides sont la voie à suivre.
4. Plans Wix Premium: Parlons des plans de prix Wix. Ils ont quatre plans de base différents sur le site Web
, puis quatre ou cinq autres plans d'affaires. Donc, le plus populaire est le plan combo. C' est aussi le moins cher à 14$ par mois est livré avec un domaine gratuit. Il n'y aura pas d'annonces sur Wix sur votre site Web d'un SSL. Et un SSL est juste une fonctionnalité de sécurité dont tous les sites Web ont besoin. C' est ce qui cause cette petite serrure ici montrer assez d'espace de stockage pour vous aider à démarrer. Un peu de stockage vidéo aussi. Ces autres choses qui viennent sur, certains des autres plans que vous n'avez pas nécessairement besoin des bons d'ajout de Google et Bing. Et le booster de site est une application SEO, et il soumet votre site Web à des répertoires différents, 20 répertoires en ligne différents. L' analyse des visiteurs est ce que cela ressemble. C' est une application d'analyse. Et puis vous avez le calendrier des événements, qui est l'application de calendrier, le fabricant de logo qui vient à la VIP et la prose, assez cool. Il générera essentiellement un logo pour vous basé sur les réponses à quelques questions et votre choix entre quelques logos différents. Et il vient tous les fichiers dont vous auriez besoin pour toutes sortes d'utilisations différentes si vous voulez l'utiliser sur Facebook et Instagram et tous ces différents spots. Il vous donnera les bonnes tailles de fichier. Donc, c'est les plans standard. Il y a aussi des plans de commerce électronique. Donc, le plus commun est le plan d'affaires illimité. Et c'est là que nous offrons notre classe, héberger et entretenir leurs sites avec nous. Donc, les fonctionnalités quelque peu utiles sont les bits de limité sur Business Basic sont que vous obtenez des abonnements, des services d'abonnement. Vous pouvez avoir plusieurs devises. La taxe de vente automatisée est très utile. Expédition avancée, vous pouvez vous connecter à différents sites de vente et vous avez également quelques autres petits add-ons. Donc, je recommanderais une entreprise illimitée. Les bases de l'entreprise seraient cependant beaucoup pour vous aider à fonctionner. Vous avez toujours des paiements en ligne. Vous avez vu des plans de paiement, et vous obtenez toujours ce domaine gratuit et l'espace de stockage et tout. Donc, je pense que si vous êtes tout nouveau et prêt à plonger vos orteils dans la construction d'un site web, je commencerais par le combo. Je voulais ouvrir un magasin de commerce électronique. J' allais avec les affaires et je laissais tomber. Donc, cela couvre à peu près les plans premium Wix.
5. Conception avec la Wix ADI: Vous êtes donc prêt à créer votre site. Et vous créez votre site, vous aurez deux options que vous pouvez créer avec l'éditeur Wix régulier ou l'éditeur X. Editor X est qui dit éditeur plus avancé pour généralement utilisé par les concepteurs professionnels plus qualifiés. Je recommande certainement de commencer à construire avec l'éditeur Wix. Donc on peut cliquer là et ça arrive. Donc, la raison pour laquelle je pose cette question est parce qu'ils veulent vous
montrer un tas de modèles liés à votre site Web. Alors faisons semblant de vouloir construire un,
un blog de voyage pour un nomade numérique. Ok, donc on va cliquer sur le blog et ensuite nous présenter deux options. Maintenant, il y a l'ADI Wix, l'éditeur actuel. Travaillons en fait à travers ces deux. Donc, avec l'ADI Wix, cliquez sur Démarrer. Appelons ça le blog de voyage de Caleb. Puis cliquez sur Suivant. Cela va vous donner quelques options de choses que nous voulons ajouter automatiquement au côté. Et je pense que j'ai besoin d'une discussion, mais avons un formulaire d'abonnement pour que les gens puissent s'inscrire à ma newsletter. Et peut-être aussi des produits numériques, des PDF ou quelque chose comme ça. Peut-être que je voulais avoir une galerie vidéo YouTube et laisser ses voyages sur Instagram. Et peut-être que je veux discuter de voyage sur le forum. Donc, nous avons quelques choses différentes comme le terme. Et le nom de notre blog est le blog de voyage de Caleb. Et ils vont penser à un meilleur nom pour ça plus tard. Nous n'avons pas de site Web existant. C' est plutôt cool cependant. L'autre site Web sur Squarespace ou WordPress ou n'importe quelle plate-forme vous pouvez mettre votre site Web directement ici et tirer toutes les informations ou
autant d'informations que leur algorithme peut saisir. Tirez-le ici. Même chose avec Google places. Si vous deviez avoir Google, My Business configuration, je viens de créer un logo très rapide pour nous à utiliser pour ce site de prétention. Il faut l'industrie. D' accord ? Il crée également automatiquement vos liens sociaux si les médias
sociaux pour votre entreprise ou vous-même et cubitus. Bon, maintenant nous allons choisir quelques équipes que nous aimons donner à
la semaine une idée du genre de look que vous cherchez, pour votre site web. Donc je pense que celui-là va bien. Oui, utilisons mon niveau pour créer la palette de couleurs. Ces deux couleurs ensemble. Bon, maintenant, j'ai créé une page d'accueil pour mon nouveau blog de voyage. Jetons un coup d'oeil. Mauvais. Il y a toutes les pièces dont on a parlé, non ? Donc il y a le blog, il y a des vidéos, c'est une sorte d'Instagram. Et elle est avec le formulaire de contact comme lien de médias sociaux là-haut. Ils ont tous l'air assez bien, utilisons ce design. Est-ce que je veux plus de pages ? Probablement vouloir adopter la page peut-être une page de contact deux. D' accord, je pense que c'est tout, dit Modifier le site. Super. Donc notre site est construit. Voyons l'aperçu. Donc, nous avons un joli en-tête d'ouverture ici. Kinda billets de blog, formulaire d'abonnement, vidéos, instagram, contact. Il y a toutes les bases d'un vrai site web. Et ça nous a pris quoi ? Remplir un formulaire pendant trois minutes et obtenir des produits et tourner sur les informations à une photo de moi. Ajouter un formulaire de contact. Vous avez un forum pour que les gens puissent parler les uns aux autres tout en écrivant des informations sur le formulaire de voyage. Donc, c'est assez fou à quel point c'est facile si vous vouliez réellement construire un côté Wix ADI. Et ici vous pouvez ajouter des sections, le contenu de la page avec les couleurs, toutes ces options sur ces morceaux de leur site Web ou modifiables. Pour que nous puissions cliquer ici et écrire ce que nous voulons. Donc, en bref, le Wix ADI est super facile à utiliser. Je le recommande vraiment. Si vous avez besoin d'un site web ce soir, vous venez de sortir du travail et vous avez un avant-goût le lendemain sur votre entreprise. Et donc vous n'avez pas de site Web montrant les affaires avant demain matin. Et c'est une excellente option, mais cela va aussi vous restreindre beaucoup. Et vous ne serez pas en mesure de créer le genre de designs
plus élaborés qui vous distinguent vraiment en tant qu'entreprise ou même en tant qu'individu. Donc, je vous recommande d'utiliser l'éditeur Wix et nous allons entrer dans cela dans la prochaine vidéo. Merci.
6. Créer un nouveau site et des modèles de site Web: Donc, je suis retourné et maintenant au lieu d'utiliser Wix ADI, nous allons utiliser l'éditeur Wix. Encore une fois, on fait un blog. On l'appelle nomade, Caleb, ça va être un blog de voyage. Créons le site web avec l'éditeur. Donc, n'importe quel éditeur, Il y a une tonne de différents modèles à vérifier. Et beaucoup d'entre eux sont assez bien nommés. Certains d'entre eux sont plus âgés et certains d'entre eux ont l'air plutôt mauvais. Donc, je vous recommande de regarder à travers les modèles liés à votre entreprise, mais ne soyez pas limité à ceux parce que nous allons tout personnaliser de toute façon, lire. Donc, vous n'avez pas, si vous créez un blog, blogueur de
voyage n'a pas besoin d'être un modèle de blog de voyage qui peut être un autre type de blog. Regardons celui-là. C' est pour un blog de voyage. Elle a eu le dîner complet. D' accord. Différentes sections du Blom où elles sont présentées. Derniers articles de blog. On dirait leur Instagram ici. Médias sociaux. Donc, je pense que c'est un modèle assez solide, assez solide. Si je voulais utiliser un modèle, j'utiliserais probablement celui-ci. Ça a l'air génial pour moi. Vous pouvez même le vérifier sur mobile. Oui. Ecoute, le salaire serait un bon point de départ. Mais en fait, nous n'allons pas utiliser de modèles. Nous allons construire un site à partir de zéro. C' est important parce que si vous allez construire plus d'un site, vous serez en mesure de le construire exactement comme vous le souhaitez. Et cette façon de le faire est de commencer à partir de zéro. Donc, ici en haut que tous les modèles, puis les modèles vierges. Il y en a quelques-uns avec une mise en page simple, désolé, configuration pour nous. Nous allons commencer complètement à partir de zéro. Modifier. D' accord, ça nous amène à l'éditeur Wix, une ardoise complètement vierge. Nous pouvons faire n'importe quel site que nous pouvons imaginer. Juste ici, sur le côté. Juste pour vous donner un peu d'inspiration, regardons quelques sciences que nous avons
entièrement construites à partir de zéro dans l'éditeur Wix. Voici un côté chef personnel, chef sur mesure. Voici un site pour un consultant, Courtney Branson. Voici un site pour une entreprise de conseil en main-d'œuvre, pour un nettoyeur à pression local, site Web
classique pour les petites entreprises et un site pour une société de bœuf et de capital. Donc je pense que sur la base de ces quelques côtés, vous avez l'idée que vous pouvez faire presque n'importe quoi dans l'éditeur Wix. La question est, par où commencer ? Et tu auras cette ardoise vierge. Vous avez toutes ces options et d'autres choses qui se passent. Alors, où commencez-vous à construire votre site ? On va le faire dans la prochaine vidéo.
7. Un visite du Wix Dashboard: Avant de commencer à construire notre site Web et de faire un tour rapide du tableau de bord Whigs. Le tableau de bord des livres est l'endroit où vivent toutes sortes de paramètres différents. C' est là que réside votre CRM, la base de données de gestion de la relation client, vos paramètres, vos produits de magasin. Tu vas passer beaucoup de temps dans le tableau de bord des travaux. Donc, en d'autres termes, tableau de bord tout en haut, vous pouvez voir un aperçu rapide de votre site, le titre de votre site, votre URL. En ce moment, cela dit Digital, que website.com slash ellipse à 18 parce que nous n'avons pas connecté un domaine et il entrera dans la connexion des domaines plus tard. Il y a une variété d'actions que vous pouvez effectuer, y compris l'aperçu du mot de passe, dupliquer, le transformer en quelqu'un d'autre et d' autres propriétaires ajouter des personnes sont un peu des choses. Ici, vous pouvez voir votre rôle de site et nous allons examiner les rôles de site dans un peu, mais il existe différents rôles de site avec des autorisations différentes. Sur chaque site web. Vous pouvez voir votre plan de site à partir des travaux. Donc, un plan d'affaires ou tout simplement un plan premium régulier. Vous pouvez voir si vous avez connecté une boîte de réception e-mail et vous pouvez voir votre plan ascend Wix. On parlera aussi d'ascend plus tard. Mais semble un péché est le marketing. Ils tous les outils de marketing qui fonctionne offre juste ci-dessous, puisque nous avons ajouté comme un magasin semaines nous donne cette petite boîte d'aide. Et ils vous suggèrent d'ajouter votre produit de première pièce ou configurer des modes de paiement, des régions d'expédition. Et puis cette partie ici est également importante. Il vous aide à publier votre site. Il vous indique comment connecter le domaine, vous
aide à soumettre votre site à Google Search Console. C' est donc juste un petit tutoriel rapide qui
vous aidera à parcourir quelques étapes clés pour obtenir votre site en ligne. Et on fait défiler un peu vers le bas. Il y a d'autres suggestions. En dessous de ça. Il y a un tas de liens rapides vers divers outils. Et ici, vous pouvez voir quelques analyses. Donc, une fois vos sites en ligne, vous pourriez voir quelques 107 sessions ce mois-ci. Je vous propose est que vous avez fait 10 000$ et les ventes. Ce serait génial. Bon, maintenant, sur la barre de gauche, il y a une tonne d'options, non ? Nous allons parcourir chacun de ces éléments afin que vous ayez
une base solide pour vous sentir à l'aise de naviguer sur le tableau de bord Web. Donc juste en dessous, nous avons la vidéothèque, et c'est parce que j'ai ajouté une application vidéo à mon site Web. Nous cliquons ici. Nous irons plus loin dans la vidéothèque plus tard. Mais nous pouvons télécharger des fichiers ou nous pouvons intégrer une playlist de différents services comme YouTube, Vimeo, Facebook. Aussi en direct stream, ce qui est une fonctionnalité très cool que nous allons également entrer dans plus tard. Et vous pouvez configurer des chaînes similaires à YouTube. Si vous avez déjà eu un compte YouTube. Ci-dessous que nous avons tous nos produits de magasin auront toute une longue section sur le commerce électronique. Mais vous pouvez voir très rapidement qu'il y a déjà tous ces produits ajoutés. Vous pouvez cliquer sur chacune de ces informations pour modifier ces informations. Vous pouvez gérer votre stock directement depuis le tableau de bord. Vous pouvez configurer des collections et des collections ou uniquement des catégories de produits. Et il y a même cet onglet intéressant, trouver des produits à vendre et ils vous connecteront à divers expéditeurs de dépôt et vous aideront à trouver des produits à vendre sur votre boutique en ligne. Ok, en dessous, vous pouvez avoir des commandes en magasin. Et ainsi vous pouvez voir une liste de toutes les commandes qui sont entrées dans votre magasin. Soufflez ces chariots abandonnés. Il va y avoir une liste de gens qui ont mis un tas de trucs dans votre voiture, le panier, et qui n'ont pas acheté. Vous pouvez donc contacter ces gens et leur demander pourquoi ils n'ont pas acheté. Vous pouvez leur envoyer un coupon. Vous pouvez configurer une automatisation pour leur envoyer des coupons, ce que je recommande fortement. Et je parlerai aussi de la mise en place d'un site automatisé plus tard dans le cours. Ok, en dessous de cela, puisque nous avons ajouté le format, vous pouvez voir qu'il y a une variété de messages différents. Et chacun d'entre eux, vous pouvez cliquer sur pour voir plus d'informations à ce sujet. Et il y a aussi les catégories. Donc, typiquement formulaire de voyage Père Noël, peut-être que vous aurez une section pour les idées de voyage budget. Mon autre section pour voyager en Asie, quelque chose comme ça. Ok, en dessous, nous avons notre blog. Encore une fois, nous aurons toute une vidéo sur l'ajout de post à votre blog, mais c'est très simple. Et vous cliquez essentiellement sur Créer une nouvelle publication, remplissez les informations et vous êtes prêt à partir. Et donc finalement, vous verrez, une fois que vous avez quelques billets de blog, va voir une liste de toutes vos croix noire ici, brouillons sur lesquels vous travaillez. Je suggère fortement à l'avenir que vous planifiez avant-postes parce que Google ecstasy que vous publiez sur un calendrier régulier. Pour que tu puisses écrire. Et aussi pour que vous puissiez regrouper votre travail. Ainsi, vous pourriez écrire 10 messages sur un week-end, puis planifier et sortir au cours des deux prochains mois. Certains des messages dans la poubelle. Et puis encore une fois, vous pouvez catégories soit souffle vos billets de blog. Alors peut-être que vous aurez une catégorie pour comme les messages du forum. Les gens ont une catégorie pour la Chine et d'autres pour l'Europe et quelque chose comme ça. Ok, en dessous, vous avez le péché par les outils de marketing Wix. Donc il y a beaucoup d'outils vraiment cool ici. Nous allons juste briser ces quelques uns de ces très rapidement et nous allons les approfondir plus tard. Donc, pour commencer, si la gestion de la clientèle, et ceci est votre base de données de gestion de la relation client CRM, considérez-la comme une feuille de calcul géante avec toutes les informations dont vous auriez besoin sur vos clients. Alors voici moi, voici un exemple, contact. Alors regardons ça très vite, juste pour que tu saches de quoi on parle. Ainsi, à mesure que vous obtenez, mesure que les gens remplissent des formulaires sur votre site Web, à
mesure que les gens achètent des produits, vous verrez toutes les informations sur ce contact ici dans votre CRM. Et c'est une excellente fonctionnalité parce que généralement vous devez payer un fournisseur de logiciels tiers pour avoir un CRM. Mais Works vous fournit le CRM avec votre plan de site Web. C' est en fait une grande valeur parce que les théorèmes peuvent être très chers. Vous verrez donc une vue d'ensemble. Vous pouvez avoir des tâches. Il y a toutes sortes de choses à regarder ici. On y reviendra plus tard. Mais sachez simplement que votre CRM est une base de données pour tous vos contacts dans votre qui interagissent avec votre site Web. Que nous avons le référencement marketing. C' est là que vous pouvez connecter toutes sortes d'outils marketing comme Google Analytics, Facebook Pixel, Google Ads. Vous pouvez également créer des publications sur les réseaux sociaux à publier sur vos réseaux sociaux. Vous pouvez connecter Google, My Business, ce qui est très important pour obtenir des commentaires pour votre entreprise. Vous pouvez envoyer des bulletins d'information par e-mail. Vous pouvez être trouvé sur Google. Alors soumettez, encore une fois, optimisez votre site Web pour le référencement et soumettez-le à Google. Vous pouvez réellement obtenir cires aidé à mettre en place des publicités Facebook et Instagram automatisées, et ceux-ci peuvent en fait être très efficace. Il y a aussi un petit vidéaste qui est assez pratique. C' est idéal pour les messages sur les médias sociaux. Vous pouvez configurer des coupons pour votre magasin. Il y a donc beaucoup d'outils vraiment cool dans la suite marketing, vente et marketing. Et je recommande vraiment juste
de cliquer ici et de jouer et de voir ce que vous pouvez trouver. Ok, ci-dessous le marketing et le référencement, nous avons des analyses et des rapports. C' est là que vous pouvez suivre toutes les informations des visiteurs ou l'interaction des visiteurs avec votre site Web. Vous verrez donc combien de personnes visitent, quelles pages elles visitent, où elles viennent en termes de site, mais aussi où elles vivent. Géographiquement. Vous pouvez voir combien de personnes reviennent d'un mois à l'autre, ce qui est important. Vous pouvez voir vos analyses de ventes. Combien vous vendez mois en mois ? Vous pouvez voir les performances de votre site. Du point de vue de la vitesse. Il est très important de vérifier régulièrement vos analyses, car vous devez connaître les performances de votre site afin qu'elle puisse l'améliorer. Ok, Maintenant, l'onglet Finances juste ici est aussi assez pratique. Vous pouvez voir une liste de tous les paiements que les clients vous
ont envoyés peuvent générer des devis. Donc, si vous avez une entreprise basée sur les services, disons que vous êtes un plombier, disons que vous êtes un concepteur web. Vous pouvez mettre en place un devis pour vos clients. Vous obtenez même les facturer et utilisez le mode de paiement défini dans les paramètres. Et il y a une foule d'autres intégrations financières. La plupart des gens, la plupart des entreprises amusantes utilisent QuickBooks. Freshbooks pourrait utiliser QuickBooks. Vous pouvez l'intégrer ici. Vous pouvez ajouter votre paie. Il y a donc beaucoup de façons que le réveil vous aide à gérer votre entreprise. Il est extrêmement utile d'avoir des devis et des factures que vous pouvez envoyer Shae à partir de votre site Web. Parce que encore une fois, il s'agit d'une autre fonctionnalité comme le CRM que vous devrez généralement payer à un fournisseur de logiciels tiers. Ok, maintenant entrons dans les paramètres.
8. Paramètres de Wix: Bon, passons en revue tous les paramètres de votre site Web. Alors rappelez-vous où dans le tableau de bord sur le côté gauche, nous sommes ici aux paramètres. D' accord ? Donc, dans les paramètres généraux, vous avez les paramètres du site Web, les informations commerciales, langue et la région, les rôles et les autorisations, les paramètres vidéo. Alors passons en revue chacun de ces paramètres un par un des sites Web. Vous pouvez définir le nom de votre site, l'URL. Allons de l'avant et changeons ça en nomade, Caleb, puisque c'est le suréchantillonnage. Favicon est cette petite icône en haut. Vous avez donc besoin d'un plan premium pour changer cela. Nous changerons cela plus tard. Votre image sociale générale est ce qui va être partagé lorsque vous partagez votre site Web sur un réseau social comme Facebook. C' est aussi ce qui va apparaître lorsque vous textez quelqu'un, votre site Web
, chaque fois que vous mettez dans votre URL et qu'une petite boîte apparaît avec une image, c'est cette image. Vous pouvez également ajouter votre compte Facebook personnel. Ici. Vous n'avez pas vraiment besoin de et utilisé souvent. Ok, puis dans l'historique, vous pouvez afficher et restaurer une version précédente de votre site. On en a parlé un peu plus tôt. C' est extrêmement utile. Si quelque chose ne va pas sur votre site Web, vous essayez de le concevoir et vous gâchez quelque chose terriblement. Vous ne pouvez pas corriger ce que vous avez mal fait ou dire que vous donnez à quelqu'un d'autre la permission votre site et qu'ils gâchent quelque chose et suppriment quelque chose d'important. Vous pouvez toujours revenir à une version précédente enregistrée de votre site, ce qui indique un tas de versions de votre site. Vous devriez donc être en mesure de restaurer votre site pour y travailler. N' oubliez pas que cela est extrêmement utile si quelque chose se passe mal dans votre site. Ok, donc ce sont les paramètres du site Web. Revenons aux paramètres. Ok, sous les paramètres, on a des infos commerciales. Donc, ces sous-marins vont apparaître sur les factures et les devis que nous venons de voir dans l'outil financier. Et vous pouvez définir le nom de votre entreprise, votre adresse via le logo, une description de votre entreprise, quel type d'entreprise il s'agit, définir la nourriture et les voyages, l'emplacement. Et on va dire que c'est un Austin. Austin, Texas. C'est pourquoi j'aime que je ne vais pas abandonner ma vraie adresse eux. D' accord. Et puis vous pouvez dire vos coordonnées, e-mail, votre téléphone, vos faits que ce truc va apparaître sur vos factures et vos devis, dépenser et sauvegarder cela. Ok, en dessous, vous pouvez définir votre langue n-région. Donc on va mettre tout ça en anglais. Fuseau horaire central. C' est le temps qui est impressionné par les dollars américains. Mais disons que vous êtes, vous finissez par devenir un web designer et vous concevez pour quelqu'un en Allemagne. En fait, nous avions récemment un client qui était aux Pays-Bas. Donc vous devriez changer tous ces paramètres pour,
dans notre cas, Dutch, n'est-ce pas ? Et le fuseau horaire néerlandais. Donc, cela peut être utile. Ok, en dessous de cela, les rôles et les autorisations où vous pouvez ajouter des personnes à votre site, qu'
il s'agisse d'un employé qui a juste besoin de regarder les devis, ou qu'il s'agisse de quelqu'un qui conçoit un site Web pour vous, ou que vous conceviez un site Web et vous souhaitez ajouter votre client à cet élément. Il existe donc une variété de rôles différents et vous pouvez créer des rôles personnalisés. Mais ici, vous pouvez cliquer, Inviter les gens et vous venez de taper leur e-mail et juste comme ça. Voici maintenant quelques rôles personnalisés que j'ai créés. Mais en général, vous n'aurez probablement pas besoin de clients. Il y a beaucoup de différents rôles prédéfinis que W's. Donc, si vous concevez un site Web avec quelqu'un, vous voudriez les ajouter en tant que copropriétaire. Supposons que si vous êtes un employé qui prend soin du côté et fait tout pour vous,
vous voudrez peut-être les ajouter en tant que gestionnaire de site Web. Ou si vous avez quelqu'un qui conçoit un site Web pour vous, vous pouvez l'ajouter en tant que conception de site Web. Le gestionnaire de back office peut modifier les paramètres, modifier les paramètres dans le tableau de bord. Fondamentalement, ils ont accès au tableau de bord, mais ils ne seront pas en mesure de modifier l'aspect visuel du site. Ici, le responsable de la facturation serait quelqu'un qui traite des achats, abonnements, des méthodes Pam, mais ils ne vont pas vraiment changer le site Web lui-même. Le gestionnaire de domaine se connecte simplement, en gérant les domaines. C' est donc un rôle assez limité. Le gestionnaire de magasin pourrait être si vous avez une entreprise de commerce électronique et que vous avez quelqu'un qui
regarde toutes les commandes et change de produits et gère le magasin. Ce serait cette rangée. En bas. Si vous avez une équipe d'écrivains travaillant sur votre blog, vous pourriez les ajouter en tant que rédacteurs de blog, puis ajouter quelqu'un d'autre qui explique comment éditer tous ces articles de blog. En bas. Gestionnaire des paiements, encore une fois, c'est assez explicite. Ils peuvent gérer les paiements des clients. Ce sont donc certains des rôles personnalisés disponibles. Et je vais aller de l'avant et m'ajouter en tant que copropriétaire. Lorsque vous ajoutez quelqu'un, cela vous demandera quel type de relation vous avez avec ce nouvel utilisateur. Donc je vais dire que c'est une agence, j'espère que les deux côtés. Ok, donc ce sont les rôles et les autorisations. Ci-dessous, nous avons des paramètres vidéo. On n'est pas encore entrés. Mais vous pouvez réellement vendre des vidéos individuelles. Vous pouvez ainsi définir le prix standard, le type de devise que vous vendez et choisir la chaîne vers laquelle vos vidéos sont téléchargées. Paramètres e-mail lorsque vous faites une salade, une vidéo. Et je recommanderais en fait d'allumer ça. Tu vas avoir une chaîne vidéo. Vous pouvez ajouter votre logo à ces vidéos. Et c'est important si vous voulez avoir beaucoup de contenu vidéo. Donc, sur les plans premium Wix, je pense que c'est réglé à une poignée d'heures. Vous aurez besoin d'un plan de mise à niveau pour avoir beaucoup de contenu vidéo sur votre site Web. Maintenant, il y a une longue liste de paramètres de e-commerce et nous allons y entrer plus tard dans la section e-commerce de ce cours. dessous, vous avez vos communications. Configurer votre boîte de réception e-mail, configurer votre numéro de téléphone professionnel, modifier vos notifications, modifier les notifications que vous recevez, y compris sur votre téléphone. Et puis quelques trucs avancés que je, qui est au-delà de la portée de ce cours. Des choses comme le code personnalisé, vos cookies, la politique de confidentialité. Ces deux sont les seuls que vous utiliseriez réellement, qui est de regarder les versions antérieures de
votre site et de le restaurer parce que vous avez fait une erreur ou quelqu'un d'autre l'a fait. Ok, donc c'est un aperçu rapide des paramètres du site Web des cires.
9. Ajouter des pages et des éléments de conception: Ici, nous sommes de retour au début du tableau de bord. Et maintenant, on va retourner au rédacteur en chef du frontend. Donc, nous allons cliquer sur Actions du site apparaissent, bouton
bleu en haut à droite, puis éditer côté. Donc nous avons toujours ce panneau Wix ADI. Nous allons maintenant convertir ce site en un site d'éditeur Wix. Donc, sous le site en haut, au bas du menu qui apparaît qui dit une autre options de conception. Allez à l'éditeur. On va le faire. On va passer à l'éditeur. Et ici vous dit juste un peu sur le montage et avoir beaucoup plus de contrôle et beaucoup plus de puissance de conception dans l'éditeur de livres. D' accord, on est en affaires, on est dans l'éditeur Wix. Maintenant, je vais supprimer tout ça parce que je construis mes sites à partir de zéro. Et je pense que tous les meilleurs ensembles sont construits à partir de zéro et ils ne dépendent pas de modèles comme celui-ci. Donc on va aller de l'avant et commencer à se débarrasser de tout. Donc on peut commencer avec une ardoise vierge. Bon, maintenant on a enlevé tout ce qu'on a une belle ardoise vierge pour travailler. Avant de nous lancer dans la conception du site, nous avons encore une visite à faire, et nous sommes si proches, nous sommes sur le point de commencer la partie amusante qui est la conception du site. Mais passons en revue quelques options et paramètres supplémentaires ici pour que vous soyez mis en place pour le succès. D' accord ? Donc, sur la barre latérale de gauche ici, vous avez toutes ces options. Le premier est une liste de vos pages. Donc, sous les pages principales, nous pouvons voir que nous avons déjà la boutique à domicile sur les membres du forum de contact. Et allons en fait aller de l'avant et ajouter quelques pages afin que vous puissiez voir comment cela fonctionne. Et parce que nous allons avoir besoin de plus de pages. Donc je pense que nous allons avoir besoin d'une page pour les vidéos. Allons-y et tapons des vidéos. Et nous aurons également besoin de la page de blog. Donc ce que je viens de faire, parce que le blog était lié à la page d'accueil, était à l'élite, l'application de blog. Et maintenant, nous allons rajouter l'application de bloc. C' est à cause de la façon ou Wix ADI défini par cellule. Vous n'auriez pas à faire comme ça si vous aviez commencé à partir de zéro. Donc on va descendre à l'icône de l'épingle, mon blog. Je vais cliquer dessus et cliquer sur Ajouter maintenant. Donc maintenant, nous avons une page unique pour notre blog. Nous allons également pouvoir ajouter un flux de nos derniers articles de blog à notre page d'accueil. Maintenant, nous avons toutes ces pages prêtes à aller. Vous vous souvenez que c'est l'icône en haut à gauche. Vous pouvez également naviguer entre les pages ici. En cliquant sur la page, peut-être toutes ces pages vierges maintenant, quatre pages différentes que nous allons concevoir. La prochaine bulle sous les pages concerne l'arrière-plan de votre page. Ainsi, vous pouvez définir une couleur, une image ou une vidéo, et son arrière-plan va s'appliquer à toute la page. Une fois que vous en avez défini un, vous pouvez également appliquer ces arrière-plans à d'autres pages. Donc, si nous voulions une sorte de site Dr Black Theme, choisissez noir. Et puis nous pouvons l'appliquer à d'autres pages ici avec ce bouton bleu. Maintenant, tous les arrière-plans de nos pages sont noirs. Donc je pense qu'on va le laisser blanc pour l'instant. Mais vous pouvez voir à quel point ce serait utile. Ok, en dessous, c'est l'icône plus c'est que nous allons ajouter tous vos éléments de conception. Des choses comme tes bandelettes, non ? Vos lignes que vous allez concevoir. Beaucoup de votre site Web et des zones de texte, des images, des boutons, des galeries, des objets décoratifs comme des lignes et des formes, ce genre de choses. Des trucs interactifs, des diaporamas, lightbox, des lightbox ou des pop-ups similaires. Et nous aurons toute la vidéo sur la façon de créer des boîtes lumineuses. Boîtes dans lesquelles vous pouvez ajouter d'autres éléments. Donc, si vous voulez ajouter du texte et de l'image dans une boîte et le déplacer, vous serez en mesure de faire cela grilles d'écoute. donc ce qu'on appelle des répéteurs, et c'est essentiellement un élément de conception qui se répète encore et encore. Donc, dans cet exemple ici, ce serait pour une agence de voyage. Voici quelques-uns de leurs emplacements et quelques informations sur ces emplacements avec un bouton qui y relie. Donc, les répéteurs sont très utiles si vous avez beaucoup d'informations répétitives, économiser beaucoup de services différents. Vous avez 10 services. Vous pouvez ajouter un répéteur et ensuite simplement énumérer ces services. Et vous n'avez qu'à concevoir un élément et tous les autres éléments après, nous aurons le même design. Donc c'est très utile. Vidéo et musique. Nous ajouterons ces éléments à notre page vidéo. Et vous pouvez ajouter des vidéos individuellement ou vous pouvez ajouter un flux vidéo. Vous pouvez également créer un lien vers des lecteurs audio. Donc, si vous êtes musicien,
vous pouvez créer un lien vers votre compte Spotify ou votre SoundCloud. Vous avez Wix propre application de musique. Donc, c'est une fonctionnalité assez pratique aussi. Ok, ci-dessous que vous avez des menus et nous allons construire notre menu pour l'en-tête très bientôt. Mais vous pouvez voir que nous avons des menus préconçus d'alkynes. Nous allons travailler sur notre thème des menus. dessous, vous avez ce qu'on appelle des ancres. Les ancres sont comme des liens rapides vers différents d'une partie spécifique de la page. Ainsi, vous pouvez avoir des ancres, la page d'accueil rétro. Et il serait, si vous cliquez sur le lien pour cette ancre, il vous sauterait vers le bas. Pete, cette section qui est ancrée pour dire au bas de ta page, que tu avais ton flux Instagram, non ? Ensuite, vous pourriez avoir un lien qui dit Instagram et nous cliquons dessus et peut-être directement dans cette partie de la page. Donc j'espère que cela avait du sens. Nous construirons aussi des menus d'ancrage. Ok, en dessous, vous obtenez vos icônes sociales, boutons, et vous allez configurer vos liens vers vos profils sociaux. Tu as aussi des trucs cool. Vous pouvez intégrer un flux Facebook. Vous pouvez ajouter des boutons de suivi Twitter. Donc, nous allons faire certains de ces trucs aussi. Dans les contacts et les forums, vous pouvez ajouter exactement ce que cela ressemble. Vous pouvez ajouter vos contacts. Vous pouvez faire des paiements comme des formulaires de paiement personnalisés, formulaires en
plusieurs étapes, des applications Java. Donc, vous pouvez rendre ces assez complexes. Je pense que par défaut Wix, vous n'avez pas un look amélioré un plan de péché semble membre dépassé 10 champs. Avec le péché, vous pourriez faire encore plus. Donc, vous pouvez créer des forums assez complexes et recueillir beaucoup d'informations de gens qui n'auraient pas dû faire affaire avec vous, explosez ça. Google Maps, vous pouvez ajouter une petite boîte avec une épingle sur votre emplacement ou vos emplacements. Si c'est le cas, peut-être que vous êtes une franchise et que vous avez un tas d'endroits différents. Vous obtenez à cela ici dans le chat Wix est le chat en direct, et vous pouvez le connecter à votre téléphone mobile afin que chaque fois que quelqu'un veut interagir avec votre entreprise, ils peuvent le faire directement avec vous. C' est essentiellement comme s'ils envoyaient des textos avec vous via votre site Web. Ci-dessous, il y a intégration. Ainsi, beaucoup de services tiers vous permettront d'intégrer leurs fonctionnalités et fonctionnalités sur votre site Web. Et ils vous donneront du code HTML, vous
donnera un peu vieux bloc de code. Tout ce que vous avez à faire est de le copier et de le coller en utilisant ce widget d'intégration. Vous pouvez également intégrer des vidéos uniques de YouTube et tout ce genre de choses. Beaucoup de ces informations qui seront fondées, vidéos, musique, obtenir un gestionnaire de contenu est un peu plus avancé d'un concept de site web. Avec le gestionnaire de contenu fait, est de créer un grand nombre de pages différentes avec la mise en page identique mais un contenu différent. Donc, la façon dont vous pouvez l'utiliser, disons que vous êtes un agent immobilier et que vous voulez énumérer toutes vos annonces. Vous pouvez avoir un 100 pages que je vais regarder exactement le même, mais les images, le nom et l'adresse sont différents, mais la mise en page réelle est la même. Peut-être que vous êtes un constructeur de maisons, montrez certains de vos projets de portefeuille. Tout ce qui doit être très répétitif en apparence, mais avec un contenu différent, vous utiliseriez un formulaire de gestionnaire de contenu. dessous de cela, nous avons quelques options de bloc, donc nous pouvons l'utiliser bientôt. Vous pouvez répertorier certains de vos messages, publications récentes
choisies, catégorie, menu et magasin. Vous pouvez ajouter une galerie de produits, une galerie de curseurs. J' aime vraiment ajouter des produits connexes à la page ou aux pages du produit, en particulier vous pouvez ajouter une longueur de produit individuelle votre panier d'achat. Nous allons donc certainement ajouter le lien de panier à un menu. Ci-dessous, vous pouvez prendre des réservations en ligne et c'est une application entière que nous aborderons plus tard. Vous pouvez ajouter des événements. Encore une fois. C' est une autre application dans laquelle nous allons entrer plus tard. Vous pouvez configurer vos profils d'adhésion ici pour les membres de votre site Web, effectuer des membres. Et enfin, vous pouvez avoir ces designs que vous dites sur les sites de l'Iowa. Si vous pouvez réutiliser des choses fréquemment.
10. Téléchargez des fichiers et des images dans la bibliothèque des médias: La médiathèque Wix est l'endroit où vivent tous vos fichiers. Donc, dans votre tableau de bord Wix, sur le côté gauche se trouve cette petite icône photo. Si vous passez la souris dessus, il est écrit « média ». C' est votre médiathèque. Il y a donc plusieurs façons d'ajouter ou de télécharger des fichiers ici. Donc 99 pour cent du temps que je télécharge des fichiers avec le bouton bleu Upload Media. Vous cliquez là et vous les téléchargez directement à partir de votre ordinateur. Mais vous pouvez également télécharger certains de Facebook en connectant votre compte Facebook. Bien qu'il vraiment je pense que ne s'applique que si vous créez une sorte de site Web personnel. Vous pouvez les télécharger à partir du compte Instagram. Vous pouvez connecter votre Google Drive et naviguer. Et dans la structure de fichiers là, vous pouvez connecter votre Google Photos. Il y a en fait plusieurs autres façons de télécharger des fichiers. Vous cliquez sur ces icônes, vous pouvez voir toutes celles sur la gauche ici. Je vais donc télécharger des fichiers directement dans la médiathèque. Mais avant de le faire, je vais en fait
créer quelques dossiers pour que nous puissions rester organisés. Comme vous avez de plus en plus de photos, vidéos, logos, autres types de contenu sur votre site Web. Cela va être très utile si vous restez organisé en utilisant des dossiers. Donc, c'est nom1 logos. Nommons une autre image stock, contenu vidéo stock. Très bien, et maintenant je vais télécharger ces propres locaux. J' ai trouvé toutes ces images sur un site appelé libre pick. Je te le montrerai dans une seconde. C' est un site web super utile. Je l'utilise constamment. Stock images et les abonnements seulement 999 par mois. Donc, je vous recommande vraiment d'obtenir un abonnement à une bibliothèque de stock comme celle-ci. Si vous finissez par devenir designer web professionnel ou vous avez juste besoin de beaucoup d'images de stock pour tout ce qu'il est. Donc non préparé 3 Peg, Je n'ai pas cherché, Voyage et trouvé une tonne de grandes images vectorielles, images
stock, Tout ce que vous pourriez avoir besoin libre cueilli probablement l'a. De retour sur notre site. Nos photos téléchargent six sur 40. Vous pouvez télécharger plusieurs fichiers à la fois. Et vous pouvez également sortir de la médiathèque et revenir et il continuera à télécharger. On a nos logos là-dedans. C' est à peu près tout. Il est vraiment facile de télécharger des images et des vidéos dans une sorte de fichiers sur le site Web. Je ne pense pas que tu auras un problème.
11. Gestionnaire de thème Wix: Dans cette vidéo, nous allons faire quelque chose de très,
très important pour rendre la création de votre site web aussi simple et rapide que possible. Nous allons définir le thème, C'est le site global, couleurs et polices. Donc, dans le coin gauche, nous avons notre menu. Et la troisième option est le gestionnaire. Ici, nous pouvons définir nos couleurs et notre texte. La façon dont cela fonctionne est de définir cinq couleurs qui informent votre jeu de couleurs. Et puis chaque fois que vous ajoutez, ajoutez des bandes, ajoutez des boîtes, ajoutez vraiment n'importe quel élément à votre site Web. Vous pouvez les définir pour être l'une de vos couleurs de thème. Quand il, si vous changez votre jeu de couleurs, je vais devoir faire est de changer la couleur ici et cela
changera globalement sur l'ensemble du site. Donc, cela signifie que si vous apportez de sérieux changements à votre marque ou utilisez l'ensemble de votre site Web et décidez que vous voulez un peu d'un schéma de couleurs différent. Vous pouvez effectuer ce changement extrêmement facilement en cinq secondes, au lieu de descendre tout le site et faire ce changement à chaque élément différent sur le côté. Et ça te prend des heures. Et la même chose est vraie pour le texte. Vous dites vos polices globales. Et si vous décidez que vous n'aimez pas Courier New, vous aimeriez Times New Roman pour votre cap. Tout ce que vous avez à faire est de changer le thème du texte ici, et il changera sur l'ensemble du site Web. Au lieu d'aller à chaque manuel individuel et blog de
titre et de faire ce changement manuellement, vous allez vous faire économiser beaucoup de temps. Cela va rendre la destruction du site hôte beaucoup plus facile car vous pouvez glisser-déposer texte
déjà stylisé et des éléments déjà stylisés dans le site Web. Je te promets de ne pas sauter cette partie. Vous devez définir votre thème, vos couleurs globales, des textes intégraux. Donc je vais le faire maintenant. Pour changer ces couleurs, tout ce que vous avez à faire est de cliquer sur la petite icône en forme de larme. Et puis vous pouvez mettre sur le code hexadécimal, fait ce kit de marque pour le site Web. Et vous pouvez voir ici nous avons quelques couleurs choisies pour le site. Donc nous allons prendre ces codes hexadécimaux, ces codes qui disent au navigateur quelle couleur choisir. Et nous allons les ajouter au gestionnaire de thème et à la cire. Donc on va faire ça très vite. Donc on est là. Très bien, nous avons donc nos couleurs de thème sélectionnées et maintenant nous allons sélectionner le texte. Retour sur le kit de la marque. Nous avons une police de titre sélectionnée, fait affaires comme une police de toutes les capitales. Les hommes ont une police de corps ici, les sables. Donc, nous allons les mettre ici, même mettre directement sur ces thèmes pour les changer. Donc, si vous cliquez ici, il apparaît. Et puis nous devons réellement télécharger la police. Parce que les polices que nous avons choisies nos polices tierces, elles ne sont pas fournies avec Wix. Donc ici, il y a un bouton de téléchargement, cliquez là. Et puis le bouton orange Upload. Et puis nous prendrons nos polices. Habituellement, l'une des polices qui viennent avec Wix serait bien. David genre de polices. Je décide d'utiliser des polices personnalisées que vous pouvez trouver gratuitement. Oliver, l'Internet, juste cool recherche polices gratuites. Il y a quelque chose de spécifique que vous pourriez chercher. Polices de script. Toutes sortes de choses vont sortir. Les 1000 et les pons prescrits. Ainsi, vous pouvez toujours trouver une tonne de polices gratuites. Je dois faire est de les télécharger, puis de les télécharger ici et vous êtes le gestionnaire. Ça a pris une minute, mais ils sont tous chargés. Donc, nous pouvons cliquer sur Terminé, et maintenant nous pouvons sélectionner la nouvelle police. Dalton va être notre nouvelle police pour les titres. Et définissons la taille de la police pour vos polices de titre. Tu as traversé un gros dans ton cap. Vous êtes en tête 1 va être essentiellement le titre de la page, le titre principal, le titre principal de chaque page. Alors mettons-le à 50. Et on va aller de l'avant et changer toutes nos rubriques pour finir. Chacun a six polices d'en-tête. Chacun va être un peu plus petit qu'avant. Donc celui-ci, H2 à 40, 38. Vous n'avez pas besoin d'un autre brin maintenant, mais ces en-têtes correspondent aux éléments HTML, HTML. Donc, cela indique au navigateur comment afficher ces morceaux de texte. Donc, nous avons tous nos titres, et ensuite nous allons définir nos paragraphes. Nous en avons trois. Et vous pouvez les utiliser de façon interchangeable. Pour la plupart de vos textes. Vous pouvez utiliser le paragraphe un, mais pour le sous-texte ou certains petits éléments, vous pouvez utiliser les paragraphes 2 et 3. Donc habituellement, réglez ceux-ci un peu plus petits. Et donc on va utiliser la peur, un sens pour ça. Des sons purs. Et pour utiliser la peur dire, elle est assez sans extra léger. Et nous allons définir toutes ces comparaisons ligne supplémentaire à des tailles décroissantes. Ok, Donc tous nos titres sont définis, tous nos paragraphes sont définis, nos couleurs sont réinitialisées, donc notre thème est prêt à partir et en fait, commencer à construire notre site web dans la prochaine vidéo.
12. Strips: Très bien, la partie amusante. À partir de maintenant, nous allons réellement construire notre site Web. La première chose que nous allons faire est de créer l'en-tête d'ouverture. Si vous vous en souvenez, nous avons créé un croquis rapide de la façon dont vous voulez que cette page d'accueil du site Web ressemble. Dans. La première chose qu'on va faire, c'est la grande image au début du site. Un exemple de mon propre site Web serait ceci. Donc, d'habitude, c'est une image, un texte de titre, peut-être un sous-texte. Et je touche une sorte d'appel à l'action. Et il y a moi. Donc, pour ce faire dans Wix, d'autres éléments de conception, rappelez-vous, vivez sous ce bouton Ajouter, vous allez cliquer ici et nous allons ajouter une bande. Maintenant ces voyages prénatals, y compris une bande de bienvenue que vous pourriez utiliser si vous le vouliez, mais c'est tellement de travail pour éditer le travail de quelqu'un d'autre que sur. Il est presque toujours plus facile d'utiliser un classique sur la bande de conception et de le faire vous-même. Alors traînons un de ceux-ci ici. C' était pour le Y1. Donc c'est une bande, une crevette comme une rangée. Et votre, chaque page sur votre site Web lorsque les jambes idéalement va être une série de bandes. Donc tu vas continuer à ajouter des bandes pour chaque nouvelle section sur le site. Et ça va vous rendre très facile pour vous de
réorganiser les choses sur votre site Web pour déplacer les choses et les changer. Et les crevettes ont quelques grandes caractéristiques à l'un d'eux étant que vous pouvez les
transformer en bandes de colonne multi-échelle. Donc, sur le site, vous voyez ces lignes en noir et blanc. C' est votre zone de sécurité. C' est là qu'il est sûr de concevoir à l'intérieur. Vous voulez garder tous vos textes, tout votre contenu dans ces deux lignes pointillées en noir et blanc. C' est parce que tout ce qui se trouve dans ces lignes est réactif sur différentes tailles d'écran. Donc, si nous avions un écran plus grand ou un écran plus petit, tout ici, il apparaîtra toujours. Mais si nous avons ajouté, rappelez-vous que nous avions notre titre personnalisé et un texte de paragraphe. Maintenant, si nous ajoutons des textes que nous avions comme ça, en dehors des lignes noires et blanches. Il semble correct en ce moment sur la taille de l'écran. Mais si nous avons zoomé et nous avions dit, un écran plus petit, indiquer commencer à se couper. Alors que le garder dans la ligne noire et blanche sur le bord. Et nous zoomons. Il dit toujours dans le cadre, dans la fenêtre. D' accord. Alors faisons un zoom arrière et débarrassons-nous de tout ça. Et apprenons un peu plus sur les scripts avant qu'il ne construise ça. Ainsi, vous pouvez changer l'arrière-plan de la bande et il peut être une couleur unie. Et voici vos couleurs de thème, bonne façon de les définir aussi. Ça pourrait être une image, et c'est ce qu'on va faire ici. Alors rejoignez-moi de Wix est des images libres des lacs. Nous avons tous ces documentaires que nous avons chargés plus tôt. Tu vas en choisir un. Ensuite, vous pouvez également choisir une vidéo qui allait être vraiment cool aussi. C' est à vous de décider. Ce que vous choisissez. La conception de votre site Web dépendra de vos objectifs et de votre contenu. Mais pour ce site, nous allons choisir une image. Avant de mettre l'image là-dedans. Laissez-moi vous montrer un peu sur les colonnes cependant. Donc, si vous cliquez sur Mise en page, troisième option, lorsque vous avez sélectionné les bandes, vous pouvez ajouter des colonnes. Et ces lignes noires et blanches sont maintenant en direct, maintenant elles dépendent de la colonne au lieu de toute la bande. Nous pouvons utiliser plus de l'écran lui-même, plus de cet écran vert immobilier, et représenter plus d'informations d'une manière plus agréable. Donc, si vous cliquez sur la troisième option, il est dit mise en page et cliquez sur Ajouter une colonne pour ajouter une autre colonne. Vous pouvez avoir quelques colonnes. Et c'est donc un excellent moyen. Souvent pour diviser quelques informations et une image. Donc, vous pourriez avoir une image sur cette colonne et ajouter du texte et peut-être un bouton d'appel à l'action I dans cette colonne. Vous pouvez modifier l'arrière-plan indépendamment pour chaque colonne, comme ceci. Ensuite, vous pouvez également aligner le contenu à gauche, à droite ou au centre. Donc, si vous voulez que votre contenu de la colonne soit plus à gauche, de là à droite, vous pouvez l'aligner de cette façon. Vous pouvez également changer la taille de la colonne, ce qui est assez cool. Donc, sous cette même gestion d'options, je veux dire, sous les mises en page, vous pouvez ajuster la taille des colonnes. Donc peut-être que vous voulez avoir une image plus petite sur la gauche et beaucoup plus de textes ici ou quelque chose comme ça. Tu sais, des proportions d'icônes prédéfinies. C' est une façon intéressante de rendre votre mise en page un peu plus dynamique. Alors débarrassons-nous de cette colonne. Nous allons gérer la colonne et simplement supprimer une de ces colonnes. Et maintenant, nous allons faire ce fond de bande et l'image. Rendons-le un peu plus grand. Donc, souvent, il va prendre pour votre image de héros, votre image principale sur la page d'accueil. Souvent, il va prendre tout
l'écran sauf pour l'en-tête, que nous aurons bientôt. On l'a fait un peu plus grand en faisant glisser ces petites poignées. Maintenant, nous allons changer le fond de la bande. Allez donc dans Fichiers du site Image. Mais rappelez-vous que c'est là que vivent tous mes fichiers. Ensuite, nous allons choisir l'une de ces images d'actions. Et je pense que ce premier semble plutôt bon pour un blog de voyage. Donc juste comme ça, on a commencé cette image de héros et ça a l'air assez bien, mais on a besoin d'un café, d'un texto, et je pense qu'on a besoin d'un bouton aussi. Alors allons de l'avant et entrons dans ça dans la prochaine vidéo.
13. Ajouter et modifier du texte: D' accord, alors ajoutons un titre à notre image principale de héros. Retour dans le plus. Nous avons ces listes. Rappelez-vous, c'est ce qu'est un texte, et choisissez certains de nos textes thématiques, il est déjà stylé pour être cohérent avec le reste de notre thème. Tels choisissent celui-là, le titre 1, c'est 4, en particulier la page dans les titres de section. Et mettez-le ici. Maintenant, quand on glisse et dépose, et maintenant on peut juste cliquer et déplacer ça. Donc je pense qu'on va mettre ce genre de choses à droite. Et si nous double-cliquez, nous pouvons éditer le texte. Vous pouvez également y accéder en cliquant sur Modifier le texte. Double-cliquez et écrivez quelque chose comme venir voyager avec nous. D' accord ? Donc nous avons du texte maintenant, mais ça n'a pas vraiment l'air bien. Tu ne peux pas le lire. Je veux dire, ça ne va pas marcher correctement ? Donc, si nous cliquons sur modifier le texte, nous avons toutes ces options. Donc le thème et les polices ont déjà dit, parce que nous avons mis ceux plus tôt dans notre gestionnaire de thème, rappelez-vous ? Mais centrons ce texte, quelque chose comme ça. Rendons ça un peu plus grand, donc tout est sur une seule ligne. Et pour ce faire, on traîne juste ici et ce petit point blanc. Vous pouvez faire glisser la zone de texte pour la agrandir. Et puis nous allons cliquer sur éditer le texte et le rendre blanc. Maintenant envoie un peu plus. Mais que pouvons-nous faire d'autre pour que cela se démarque vraiment ? Nous pouvons changer l'arrière-plan de la bande en cliquant sur changer votre arrière-plan, puis aller dans les paramètres. Nous pouvons ajouter une superposition de couleur à cette image. Nous allons donc faire de cette image une superposition de couleur noire. Ensuite, nous allons réduire l'opacité de l'image pour que cette image soit plus sombre, le texte blanc s'affiche mieux. Et donc vous essayez de créer cette escroquerie, c'est un contraste plus élevé entre l'image et le texte. Le texte est donc lisible. Nous avons donc ce texte. Et ajoutons du texte de paragraphe maintenant. Le texte de Poisson, le texte. Alors que ce premier paragraphe. Faisons glisser ça sous, devenez voyager avec nous. Rends-le un peu plus grand. Faites la même chose. Nous double-cliquant ou changeons la couleur ici en blanc. Et nos couleurs de thème ne sont pas dans notre couleur personnalisée dans nos couleurs de thème. Parce que lorsque nous voulons changer les couleurs du thème sur le site Web, si nous le voulions, nous pouvons le faire facilement en changeant les couleurs du thème ici, et cela changera également ici sur la page. Alors choisissez le blanc à nouveau. Et puis nous allons le centrer à nouveau, la ligne les. Et puis supprimons cela et réécrivons quelque chose comme trouver les moyens les plus faciles de voyager avec un budget limité. Ok, donc un peu difficile à lire. On peut peut-être rendre cette bande un peu plus sombre. Et puis ajoutons un bouton. Donc, dans le plus, peut-être des boutons ici. Donc nous pouvons faire glisser un de ces boutons juste ici, au centre du texte. Et vous pouvez voir cette ligne violette qui vous permet de savoir qu'elle est centrée sous le texte. Ensuite, nous pouvons double-cliquer dessus et écrire, réécrire le texte du bouton. Hé, quelque chose comme lire le blog. Spot a l'air bien. On va remodeler ça plus tard, mais ça va le faire pour l'instant. Et là, sur le côté gauche, on va avoir une image. Juste pour rendre cela un peu plus intéressant, un peu plus convaincant. Nous allons ajouter ce PNG, ce fichier image de cette femme, heureuse de son appareil photo. Beaucoup de voyageurs sont en photographie. Donc, cela a du sens. D'accord. Donc ça commence à paraître bien, maintenant, on va nettoyer ça plus tard. Mais maintenant, construisons notre en-tête. Maintenant que vous savez comment les bandes fonctionnent, comment ajouter du texte, comment ajouter une image. Nous sommes prêts à construire cet en-tête.
14. Créer un menu de navigation: Donc, dans la construction de notre en-tête, nous avons besoin de quelques éléments clés. Nous allons avoir besoin de notre logo. Nous allons avoir besoin de notre menu. Probablement allé sur le bouton qui a une sorte d'appel à l'action. Et nous allons vouloir des liens vers nos réseaux sociaux. Et rappelez-vous que nous avons planifié tout ça sur notre petit bout de papier tout à l'heure. Donc, nous allons réellement ajouter une bande à notre menu afin que
nous puissions avoir plusieurs colonnes et faire un meilleur usage de l'espace. Alors, éloignons ce rebelle juste pour l'instant, dragon et nouvelle bande. Et puis nous allons déplacer ça jusqu'à l'en-tête. Donc pour faire ça, et on va réduire ce voyage. Et on va faire la largeur de la page. Une fois que nous avons fait une largeur de page, nous allons la rendre un peu plus petite afin qu'elle puisse tenir dans l'en-tête, faites-le glisser vers le haut, il brillera orange dedans. Il dira attacher l'en-tête, mais dire, vous savez, il est en fait attaché à l'en-tête et ne pas être déplacé derrière l'en-tête. Donc, si vous ne voyez pas que ces boîtes orange est attaché un en-tête, vous n'êtes pas dans l'en-tête, devez probablement rendre votre bande plus petite afin qu'elle corresponde à cet en-tête ou vous devez l'étirer. Ok, donc nos vaisseaux reviennent dans la tête. Nous pouvons l'étirer à nouveau pour le faire, excusez-moi, nous pouvons rendre l'en-tête plus petit pour le rendre la largeur de la bande. Et puis nous pouvons cliquer sur l'étirement et le rétrécir en plein écran. Ok, donc maintenant vous avez une bande dans notre en-tête. C' est un bon début. Et maintenant, faisons ces deux colonnes. Une colonne contiendra notre logo, la colonne de
retard tiendra notre menu et notre bouton et nos relations sociales. Nous cliquons donc sur Ajouter une colonne. Maintenant, nous avons ces deux grandes colonnes. Ne modifiez pas la mise en page. Le logo ne sera que dans le coin gauche, à droite. Donc nous pouvons faire ça probablement quelque chose comme 25 pour cent de la bande. Bon, maintenant on a deux colonnes. Et si nous cliquons à nouveau sur, sur la colonne 1, nous pouvons cliquer sur Mise en page et nous pouvons aligner le contenu vers la gauche. Que lorsque nous ajoutons le logo directement dans le coin gauche. Et puis j'appelle pour que nous ne pouvions pas la même chose. Cliquez sur la colonne, cliquez sur Disposition et alignez-la vers la droite. Et maintenant tout notre contenu ne peut pas tenir ici avec les jolies lignes pointillées en noir et blanc. Ok, donc maintenant nous allons faire glisser notre logo et nos niveaux vont être une image que nous avons regardée plus tôt. Nous allons faire glisser notre logo sur l'en-tête. On a un dossier pour ça. Cool. Donc, il est attaché à un en-tête, donc c'est bon. Nous allons nous assurer que c'est conforme à ces lignes directrices. Pas si attaché à la colonne. D'accord ? Maintenant nos logos dans l'en-tête, et nous allons lier cela aussi, la page d'accueil. La plupart des gens savent que si vous cliquez sur le logo, vous pouvez retourner à la page d'accueil. Vous devez le faire manuellement et Wix. Alors maintenant nos logos là, en cliquant sur l'icône de lien de chaîne, puis en cliquant sur la page d'accueil. D'accord. Maintenant, nous allons faire glisser notre menu dans cette colonne. Donc on a appuyé sur le bouton Plus. Vous allez à Menu, puis thème et menu. Nous allons faire glisser ce premier ici et dit attaché à la colonne. Cool. Maintenant, nous avons un menu ici, mais ce n'est pas le bon ordre de pages et de pages pleines que nous voulons avoir. Donc, nous cliquons sur Gérer le menu et nous pouvons changer l'ordre du menu et ajouter des éléments de menu. Nous allons donc ajouter quelques éléments de menu et réorganiser ce bouton bleu et l'élément de menu. Et puis citez les pages. Ce sont toutes les pages qui existent sur ce site Web. La commande que je veux est bloquée d'abord, puis nos vidéos, puis notre boutique parce que va réellement être un bouton. Donc, nous allons supprimer ça, les trois points sur lesquels nous allons cliquer et dire cacher, alors vous allez juste le cacher du menu, pas du site entier. Et on va bouger l'avant-bras après les vidéos. Donc, votre blog vidéos forum sur le contact. Je pense que ça marchera. Donc on peut cliquer dessus. Et maintenant, nous voulons un bouton pour notre boutique. Savoir quels liens pour les médias sociaux. Donc, le bouton fera ça. Le nouveau bouton à nouveau, juste à droite. C' est un autre bouton dira magasin où il dit à quoi il est lié ? Nous allons cliquer là et aller à la page et le plus aimé la page de la boutique. Bon, maintenant j'ai un bouton qui dit magasin. Il est lié à notre boutique pour rendre vraiment évident que les gens qui cliquent sur un magasin et font du shopping, combien de fois puis-je dire boutique ? Ok, et maintenant nous allons ajouter des boutons de médias
sociaux au-dessus du menu et du bouton choc. Nous allons donc cliquer sur Plus dans et sous Social. Ici, on a les bars. Faisons des boutons noirs pour l'instant. Et maintenant, nous avons tous ces liens vers les médias sociaux et juste le mettre à droite, aligné à droite avec le bouton boutique. Ils sont vraiment gros, non ? Donc, si nous cliquons sur Mise en page, vous pouvez les rendre plus petits, peut-être comme 20 ans en arrière. Rendons ce bouton un peu plus petit. Donc on peut glisser sur le coin pour le rendre un peu plus petit. Donc maintenant, nous avons un en-tête et faisons glisser notre sauvegarde maintenant. Ok, donc on a déjà commencé un site web. Ils étaient menu, nous avons un logo, image de héros
du travail et un bouton pour cliquer à la boutique. Icônes sociales. Nous déménageons. Maintenant pour définir vos liens sociaux. Vous pouvez cliquer sur Définir des liens sociaux. Et puis je dois faire est de cliquer sur les pages sociales que je peux lier à vous. Cliquez là et il vous suffit de le taper. Donc le nôtre est numérique. D'accord ? En outre, si vous n'aimez pas ces icônes, vous pouvez cliquer sur l'icône de remplacement. Et c'est une nouvelle icône. Donc, typiquement, vous pouvez simplement rechercher Facebook et puis ils ont un tas d'icônes différentes pour Facebook. Tu fais un cercle. Vous pouvez le faire, les couleurs réelles de la marque de Facebook et le garder noir comme il est pour l'instant. Maintenant, une chose que vous avez peut-être remarqué est que notre police de menu n'est pas la même que nos autres polices. Je pense que nous voulons que cette police de menu soit notre fun, juste parce que c'est un style sympa que j'aime la façon dont il a l'air. Nous allons donc cliquer sur le menu, puis sur Conception. Cela apparaît et nous allons ensuite personnaliser le design. En bas se trouve le bouton bleu. Donc nous cliquons là. Nous avons toutes ces options. Et donc, sous standard, nous pouvons cliquer sur Texte, puis choisir un thème. Rappelez-vous que nous avons dit nos thèmes plus tôt. Pour que nous puissions choisir notre, j'ai choisi le H6 pour Dalton. Et depuis 2006, et je pense que c'est un peu grand. Alors faisons-en peut-être 20. Et c'est une bonne taille, peut-être même 18 parce que c'est amusant. Chose 19, ça semble être un médium heureux. Ok, maintenant nous avons un vol stationnaire régulier et cliqué. Donc, la façon dont chacun de ces éléments de menu apparaît sera différente selon la façon dont vous interagissez avec elle, que vous y
survoliez, que vous soyez sur la page sur laquelle vous avez cliqué sur ce lien. Ou si c'est juste assis là. Donc si vous passez la souris dessus, peut-être que nous voulons qu'il soit rouge, comme les couleurs de notre marque. Et vous pouvez voir un exemple de ce à quoi cela ressemblerait. Et nous voulons qu'il soit bleu parce que notre bouton boutique est rouge. Et c'est un joli contraste. Je pense que nous allons peut-être le garder en bleu. Je pense que ça a l'air génial. Et si on clique sur ce bouton, on peut, on peut le lire. Beaucoup de design est comme ça. Vous ressentez vraiment ce qui vous semble le mieux. Comme vous le faites de plus en plus, vous avez une meilleure idée de ce qui semble bon, ce qui fonctionne et ce qui ne fonctionne pas. Beaucoup de choses sont juste de la pratique et de la répétition. Bon, maintenant nous avons notre menu complet prêt à partir. Dans la vidéo suivante, parlons de style de nos boutons.
15. Créer votre pied de: Très bien, les sites Web se rassemblent et prennent un menu ici, nous avons notre image de héros d'ouverture. Ça commence à avoir l'air bien. Maintenant, nous allons faire notre pied de page. Je fais généralement l'en-tête, le pied de page et l'image du héros d'abord parce qu' il me donne une bonne idée de la sensation et de l'apparence du site, comment les couleurs vont tous se réunir. L' en-tête et le pied de page seront sur chaque page. Nous devons donc nous assurer que lorsque nous concevons ces pages, tout semble bien avec l'en-tête et le pied de page. Donc, si vous passez la souris sur le pied de page, nous verrons qu'il devient orange. Mais sachez que c'est le pied de page. Donc similaire à l'en-tête, nous allons y ajouter une bande et utiliser la bande pour concevoir différentes colonnes. Donc, la bande de signe plus, classique, faisons glisser un blanc ici et la rendre beaucoup plus petite. Donc ça va le tenir dans le pied de page, le pied de page plus grand. Donc, la bande de Gaza et le déplacer vers le bas. Vous verrez ce bouton apparaît qui dit Moodle twitter, va cliquer dessus. Et maintenant notre, notre voyage est dans le pied de page. Alors rendez-le un peu plus grand pour le faire tenir dans le pied de page. Pied de page un peu plus petit que cette bande ensemble. Eh bien, c'est juste une sorte de délai pour obtenir ça juste. On va le faire un peu plus
grand et faire cette bande. Là. Habituellement, il y a beaucoup de violon pour que ce voyage
et ce pied de page soient à la bonne taille l'un pour l'autre. Et la même chose arrive avec le menu. C' est bon. Pas grand-chose. C' est juste une partie de la conception web. Donc nous avons la bande ici et maintenant je pense que je vais changer ça en arrière-plan. Regardez quelques images que nous avons, je pense que peut-être pourrait utiliser l'un de ces vecteurs pour avoir un fond texturé cool. Bon, maintenant mettons le fond. C' est plutôt cool. Et maintenant, ajoutons une superposition pour qu'elle corresponde au reste du site. Peut-être rouge, abaissez l'opacité. Donc c'est plutôt cool. Un truc bleu. La nuance de bleu fonctionne mieux pour moi. Les rouges sont un peu criardes, un peu brillantes et l'utilisent déjà sur nos boutons. Alors utilisons-le. Utilisons ce bleu. Et ajoutons quelques colonnes. Je viens de réaliser que j'ai fait une erreur, mais c'est bien parce que c'est une leçon importante à apprendre. J' ai donc transformé ce voyage en trois colonnes. Mais si vous regardez de près, vous pouvez voir les séparations entre chaque colonne. C' est parce que chaque colonne a son propre arrière-plan et que la bande ne partage pas un seul arrière-plan. Je veux que le vaisseau n'ait qu'un seul bagage. Donc il y a toutes ces pauses entre les colonnes. Donc, pour y parvenir, eh bien, nous faisons en fait est légère la colonne, changer ce fond de colonne en couleur. Il, définissez l'opacité sur 0 et faites cela pour chaque colonne. Et une fois que nous avons fait cela, nous sélectionnons et modifions l'arrière-plan entier de la bande. Et il sélectionnera l'arrière-plan que nous utilisions juste et appliquera cette couleur. Réduisez l'opacité comme 28 et 10. Ouais, je pense que ça a l'air cool. Et en passant, vous pouvez toujours cliquer avec le bouton droit de la souris si vous avez des atomes qui se chevauchent. Et par exemple, en ce moment, nous avons une bande sur notre pied de page. Nous voulons sélectionner le pied de page, cliquez avec le bouton droit de la souris, puis aller à des atomes qui se chevauchent. Et puis construit plus loin que vers le bas un peu parce que je veux que ce soit un peu. D' accord ? Maintenant, j'ai trois colonnes et notre pied de page. Maintenant, nous pouvons mettre ce que nous voulons dans notre pied de page. Et beaucoup de gens mettent des choses différentes. Habituellement dans la colonne de gauche qui se trouve dans les informations de contact. Peut-être ton logo. Il se peut que vous ayez une colonne pour vos liens de réseaux sociaux. Vous pourriez avoir une colonne pour l'inscription à notre newsletter. Vous pouvez mettre beaucoup de choses différentes dans le pied de page. C' est vraiment à vous de décider et cela dépend en quelque sorte de la façon dont vous voulez que les gens interagissent avec votre site Web. Rappelez-vous que les gens vont voir ce pied de page sur chaque page. Donc, s'il y a du contenu, des liens ou des informations que les gens ont besoin de trouver facilement sur chaque page. Et en bas quand ils défilent sur leur téléphone, alors le pied de page est un bon endroit pour le mettre. Donc je vais mettre des coordonnées et déshabiller. Je vais mettre un fil Facebook et la colonne du milieu. Et dans la colonne de droite, je vais mettre un menu. De cette façon, quand les gens défilent vers le bas et qu'ils ont fini de regarder le côté, il y a beaucoup plus de liens et ils peuvent garder les prisonniers. Je vais donc ajouter tout ça. Et je vais aller de l'avant et faire ça et probablement accélérer la vidéo. Donc tu n'as pas à me regarder faire ça en temps réel, ça va le rendre rapide. D' accord. On doit mettre un coup de main. Donc nous avons entrer en contact colonne, contact, calme à cet e-mail et sur le numéro et notre adresse, vous faites un bug de voyage. Peut-être que vous avez une adresse, vos adresses dans le monde entier. Et puis dans la colonne du milieu, etc, nous allons faire, mettre un flux Facebook eux, mais il était trop long. Je voulais garder le pied de page un peu plus court. Donc, à la place, j'ai mis des liens sociaux là. Et puis dans la troisième colonne, je viens de mettre une navigation verticale. Nous avons aussi le petit texte ici. Droit d'auteur. Et donc j'ai construit par moi et ma compagnie, il n'y a pas grand. Donc nous avons notre pied de page, nous avons notre image de héros, nous avons notre menu. Nous réalisons des tonnes de grands progrès. Dans la vidéo suivante, nous allons finir toute la page d'accueil. Voyez ça.
16. Conception de boutons: Parlons de la personnalisation des boutons dans WebEx. Donc, nous avons ce lire le bouton de blog sur notre image de héros ici. Parcouvrons tous ces différents paramètres et ensuite je vais personnaliser le bouton à ma façon pour le rendre un peu plus intéressant. Donc, nous pourrions changer l'icône de texte et d'ajouter une icône cliquerait ici et puis faire
icône de texto et cliquez sur deux flèches pour prendre une icône ou je peux le faire en ce moment, il va être texte seulement. C' est aussi là que vous pouvez le lier. Vous pouvez également cliquer sur ce lien pour lier un, le lier dès maintenant à notre blog. Blog. Il est important de ne pas oublier de tester tous vos boutons avant de lancer votre site. Il est très facile d'oublier de lier vos boutons ou de vous connecter au mauvais endroit parce que vous êtes toujours en train de construire quelque chose. Alors assurez-vous juste quand vous emballez votre site et que vous avez l'impression que c'est pour vous. Oui, nous voulions continuer votre client ou utilisateur et tester tout,
passé, tous les boutons, tester les fermes, faire tout ce que vous faites sur le site Web pour que vous
puissiez être sûr que tout fonctionne comme il est censé le faire. D' accord ? Ensuite, vous pouvez modifier la disposition du bouton. Quand les choses sont qu'ils ajoutent, rembourrage, changer l'alignement. Nous allons garder la ligne centrale ou il dérange, changer la couleur pour les exportateurs coin Shadow Layer icône. Vous modifiez également la couleur du survol. Ce bouton est destiné aux animations. Nous ferons des animations dans une vidéo ultérieure jusqu'à ce que nous construisions beaucoup plus d'informations. Parce que généralement, nous faisons cette étape dernière une fois que vous avez conçu la plupart de son site et que vous ajoutez juste quelques touches de finition. Alors maintenant, je vais aller de l'avant et faire en sorte que ça me paraisse un peu mieux. Maintenant, rendons le texte un peu plus grand. Peut-être que nous devrions même utiliser l'une des polices de titre, donc nous pensons que nous pouvons le faire et faire des italiques plus petites maintenant. D'accord ? Donc on n'aura pas de frontières. Nous allons courir les coins par pixels h. qui lui donne juste un coin légèrement arrondi. Cela peut aller jusqu'à 100 pixels si vous voulez que ce soit un bouton rond. En fait, j'aime le bouton ovale. On va le faire, on va l'utiliser. Et puis dans l'ombre, c'est une boîte à ombre. C' est donc l'ombre va apparaître en dessous sur le côté du bouton. On va ajouter une ombre. Et l'angle est la direction d'où vient l'ombre. Donc, vous voyez si les angles à 315 et les ombres vont être du
côté opposé de ce cercle. Donc tu peux y penser comme ça. Et je suis sûr que c'est deux ce C, mais vous pouvez voir comment ça tourne autour du bouton. Donc nous allons laisser jusqu'à 15. Distance un peu plus proche. Beaucoup de cela pour le flou de distance en taille. C' est à quel point l'ombre était floue. 0 serait comme une ombre dure. Taille est la distance en pixels de l'ombre du bouton. Donc, l'une de ces choses est juste un peu d'ajustement et de
pointage et de déconner et d'essayer de comprendre ce qui vous semble bon. Essayons ça. Lisez le blog. Ça a l'air mieux. Je pense que les ombres sont un peu sombres. Donc je vais faire cette ombre au lieu de ce noir foncé ou gris foncé. Plutôt si. Ouais, peut-être que c'est trop subtil. Revenons au noir. Ce sont deux types d'ombre différents, et notre extérieur extérieur sort hors des frontières et il va à l'intérieur d'un bouton avec un type d'ombre interne, en
quelque sorte il est inséré dans le site Web, alors qu'un type d'ombre externe ressemble à 3D sur le dessus du site. J' espère que cela a du sens. Et ne le faisait jamais. Je suis toujours à l'extérieur. Je pense juste que ça a l'air mieux. Ok, et puis sur les paramètres de vol stationnaire, en ce moment, si on passe au-dessus,
il devient une sorte de couleur rosâtre et une nuance plus claire de la couleur rouge. Et c'est très bien. Mais je pense que je veux que ce soit qu'on ne veuille pas qu'il soit bleu ou inverse du rouge. Donc texte rouge sur un fond blanc. J' aime le bleu avec les lèvres bleues. Et puis, si vous cliquez sur ce bouton, vous pouvez appliquer la même conception du standard au survol. Ok, ça a l'air un peu mieux. Donc c'est des boutons et c'est assez simple. Juste comme beaucoup de design et juste jouer avec un peu. Et je suis sûr que vous trouverez un design qui fonctionne pour vous. Et vous êtes comme, d'accord, allons dans la prochaine vidéo.
17. Finir la page d'accueil: Très bien, dans cette vidéo, on va finir la page d'accueil. Cela inclut l'ajout d'un abonnement à notre newsletter, ajout de nos derniers messages, ajout de nos dernières vidéos pour un blog et de vos derniers produits pour un magasin. Une courte section A propos de moi, et ça devrait être à ce sujet. Donc on va le faire dans cette vidéo. Nous allons probablement avancer rapidement à travers quelques parties et je parlerai un peu plus de certaines sections juste pour que vous compreniez ce que je fais. Commençons. Donc, ici, on va encore frapper le signe plus. Et dans le contact et les formulaires, nous allons tirer une de ces barres d'abonnement et c'est, boîtes d'abonnement sont un peu sous forme. Nous allons aller plus loin dans les forums plus tard dans le cours. Mais pour l'instant, je vais juste vous montrer quelques choses pour que nous puissions personnaliser ceci et terminer notre page d'accueil. Donc, nous voulons ajouter une bande. Rappelez-vous, nous allons presque toujours construire nos pages en une série de bandes et devenir un peu plus petites. Et je vais redimensionner beaucoup de ça. Portez avec moi à se débarrasser du téléphone et bougez tout. Ça ressemble plus à ça. Et puis je maintiens la touche Contrôle enfoncée pour tout sélectionner, en le déplaçant vers le haut de ce formulaire de boîte d'abonnement. Et une fois un redimensionnement qui obtient la forme des abonnés, je vais le mettre dans notre bande. Rappelez-vous qu'il doit changer couleur pour que nous sachions qu'il est en fait attaché à cette bande ou élément. D' accord ? Laisse-moi quelque chose comme ça. Être encore plus petit. Rivière nous pouvons aligner en utilisant la barre d'outils ici. Bande de matériaux plus petits, fond partagé pour lire notre thème rouge afin qu'il se démarque. Ok, maintenant quand vous cliquez sur le formulaire, il y a quelques options différentes ici. On va aller plus loin dans les paramètres du formulaire plus tard. Pour l'instant, je vais juste concevoir le formulaire pour correspondre au reste de notre site Web. Laisse-moi faire ça très vite. Ok, donc j'ai créé cette barre abonnée juste en dessous de notre image de héros d'ouverture. Il demande le nom et l'e-mail. Le but est de collecter des courriels pour votre blog afin que vous puissiez automatiquement envoyer vos derniers articles de blog et blogs à la liste d'abonné e-mail d'envoyer une newsletter. Vous pouvez envoyer une dernière vidéo. C' est construire un public, non ? Et donc nous voulons recueillir autant de courriels que possible sur n'importe quel site vraiment que nous avons dans indique presque. Ok, alors ensuite, nous allons faire un autre voyage et nous allons ajouter nos derniers messages de notre blog. Donc, c'est vraiment facile. Et le plus, sous blog, vous pouvez simplement cliquer sur les messages récents et ils ont ce petit élément de curseur pratique. Donc on peut décider, est-ce qu'on veut juste que ça soit comme ça ? Nous voulons l'étirer à pleine largeur. Gardons la contrainte pour l'instant, mais quand je le change plus tard. Et ajoutons un peu de texte de titre. Juste pour que les gens sachent ce qu'ils regardent. Derniers articles de blog. Lisez mon, je vais essayer de le rendre un peu plus personnel. Et il y a donc un blog de voyage personnel. D' accord, donc c'est centré sur la page. Et donc ce que je fais ici, juste pour revenir en arrière, je me concentre en utilisant le lambda ici pour le centrer sur la page. Et puis j'ajoute le texte et je centrerai le texte dans cet élément, dans l'élément de texte. Bon, donc nous commençons le bloc entier sur la page et chaîne
d'incitation le texte dans son élément. Ok, donc maintenant nous avons nos derniers articles de blog. Strip, c'est un peu énorme. D' accord. Et c'est ainsi que la prochaine section, qui sera les dernières vidéos. Donc encore une fois, nous pouvons frapper le petit plus pour ajouter une bande de fond noir qui probablement je vais changer la couleur. Et puis sur les vidéos et les livres musicaux, je pense qu'on peut faire peut-être un petit curseur comme ça. Déplaçons ça. Oups. Mettons-le dans cette sangle. Souviens-toi si j'avais besoin de passer le raccourcissement pour devenir bleu et nous disions attacher voyage pour savoir que tu t'attaches réellement à un coup. Bon, maintenant je vais mettre en place l'élément vidéo de cette semaine. J' ai trouvé un blogueur YouTube aléatoire et on va juste utiliser sa chaîne. Donc, dans les paramètres vidéo Wix, on va gérer, gérer les vidéos. Ensuite, je vais simplement copier et coller l'URL de son canal, Aaron Krauss. Je ne sais rien d'elle. Espérons qu'elle n'est pas raciste ou quelque chose comme ça. Elle a l'air bien. Donc on peut utiliser sa chaîne pour ce site et on va devoir se nourrir. Et donc ce qui se passe est, c'est que semaines est juste tirer toutes les vidéos de YouTube dans la chaîne et juste, désolé, dans le WhatsApp et de les afficher ici. Maintenant, Erin traverse le plat YouTube qui est également affiché sur notre site Web. Avec quelques billets de blog ou abonnez-vous, nous avons l'image du héros, l'en-tête, le pied de page, ceux qui ont vraiment commencé à se réunir. Donc c'est de près. Et nous allons juste changer un peu certains des dessins. Les titres ont couru un nouveau titre, trois, ont laissé deux lignes bien. Et les boutons au hasard. Maintenant, le texte. Faisons le paragraphe 2. D'accord. Et je ne pense pas que nous ayons besoin de ces antécédents. Recolorions une partie de cela pourrait changer la couleur d'arrière-plan. J' aime le noir. Voyons ce que d'autres couleurs pourraient sembler bonnes. Sur beaucoup de rouge qui se passe. Blues, d'accord, on pourrait l'utiliser pour l'instant, mais pensez à le changer. D'accord ? Très bien, le prochain voyage sera nos derniers produits. Donc on va ajouter une autre bande. Puis le signe plus. Nous avons magasin, nous obtenons la galerie de produits slider. Donc, sur l'ensemble du magasin, sur le magasin principal payé, nous pourrions utiliser une galerie de produits de grille où vous pouvez voir tous les produits. Mais pour cette page d'accueil, nous allons simplement ajouter un curseur afin que vous puissiez rapidement faire défiler certains des produits que nous avons, l'offre. Et je ne suis pas sûr si vous réalisez encore, mais c'est fondamentalement ma stratégie pour toute cette page d'accueil, est de l'utiliser comme une sorte de regard d'une page sur tout ce qui est sur le site. Ainsi, vous pouvez voir les derniers articles de blog, supprime les blogs, les derniers produits. Vous pouvez avoir une idée de tout ce qui est offert sur ce site Web. Je vais aller les produits. Il semble être confus au sujet de quelle bande est où laquelle. Parfois, tu auras de petits bugs comme ça dans les travaux. Sois patient et essaie à nouveau. On y va. Ok, donc nous avons notre galerie de produits slider ici. instant, nous n'avons pas de produits, ajouterons quelques produits Pig plus tard. Mais c'est juste un bon moyen de vous montrer comment cela va finir par regarder. Ok, nous avons nos livres, nos vidéos, nos produits et nos derniers articles de blog. Ajoutons ce texte ici. Et faisons en sorte que ce texte dise, consultez mes derniers blogs. Et nous allons faire ressortir ce blanc mieux et correspondre au reste de l'élément. D' accord ? Donc, je vais écrire, nous appellerons cette bande de produits best-seller. Vente de produits de voyage. Encore une fois, je vais utiliser la barre d'outils pour l'aligner au centre de la page, puis modifier le texte et aligner le texte au centre également. D' accord. C' est un peu plus grand. Une fonctionnalité intéressante sur Wix est que vous pouvez maintenir la touche Contrôle enfoncée, sélectionner plusieurs objets, plusieurs éléments, puis regrouper les éléments. Et maintenant que leur groupe, vous pouvez les déplacer en tant que, les déplacer en tant que groupe. Vous pouvez également les aligner en tant que groupe, ce qui est super, super utile. Ok, donc on a notre section Voyage, on
verrait une autre section qui va être une section À propos. On pourrait utiliser un de ces préfabriqués, mais je ne le fais jamais. Je vais juste construire une autre bande classique. Et on va en faire deux colonnes. On va faire une colonne un peu plus grande. Parce que cela calme, peut avoir du texte dedans et les autres petites colonnes peuvent avoir une image. Et nous allons faire glisser une image dans. Voyons, qui voulons-nous être sur le visage de notre blog de voyage ? Un de ces croisements d'Aaron Krauss ressemble peut-être à ça. Lisa. Très bien, nous avons donc l'image sélectionnée. Nous survolons la colonne. Il est dit attaché à la colonne. Ok, on est bons. Maintenant, je n'aime pas vraiment cette disposition carrée, alors nous allons cliquer sur Recadrer. Nous allons cliquer à nouveau sur le rognage de forme et le transformer en cercle. Et nous pouvons faire glisser l'image à l'intérieur, à l'
intérieur du carré de recadrage. Donc on va centrer ça un peu. Ok, ça a l'air un peu mieux. Nous allons agrandir l'image en faisant glisser sur ces points de terminaison. D' accord ? Disons, je vais me le dire. Ça pourrait être logique puisque ça s'appelle nomade, Caleb, la taille va s'appeler un club Medicaid. Cette photo en V de quelqu'un qui ressemble à un Caleb minutes 12. Mais tu sais quoi, je suis si loin. Donc on va rouler avec ça et on va continuer à en utiliser un. Et j'ajoute un texte. Il y a un site amusant appelé IPsum.com. Et je vais vous donner quelques paragraphes que j'ai un tas de mots hipster, des bords, quelque chose pour le rendre un peu plus amusant pour votre texte Lorem Ipsum, votre faux texte factice. Donc recolorer ça, d'accord, et nous allons regrouper ça et centrer dans une colonne. Et je centre ça dans la colonne pour aller,
ça a l'air bien. Il y a une petite frontière avec cette dame. Là, cette bordure blanche et plus faible, un peu plus grand. Et nous ressentons ça. Peut-être que nous allons changer l'arrière-plan. Donc je vais changer tout le fond de la bande. On l'a fait plus tôt. Nous allons changer les arrière-plans de la colonne à 0% d'opacité. Et maintenant, nous pouvons changer. Et nous avons dû enlever la sélection en train de changer. Tout le fond de la bande, comme tout cela, va bercer un gris pour l'instant. D' accord. Donc, toute la page d'accueil est terminée. Ça nous a pris combien de temps ? Dix minutes. Nous allons donc prévisualiser le site et vous montrer à quoi il ressemble jusqu'à présent. D' accord, donc c'est un peu basique. Nous allons probablement ajouter d'autres éléments de conception. Peut-être que ce sont des arrière-plans et des icônes cool et ce genre de choses. Mais la structure fonctionnelle de la page d'accueil est maintenant terminée. Et je pense que ça a l'air assez solide. Ça n'a pas l'air terrible. Si bon début. J' espère que cette vidéo vous montre à quel point Lee vous pourriez construire votre propre site Web sur Wix. Et j'aurai dix minutes. Nous avons la page d'accueil. Je vais probablement travailler sur le site pendant moins d'une heure. Et on a déjà tout ça. Dans la prochaine vidéo, je vais vous montrer comment créer un pop-up. Ainsi, vous pouvez faire des choses comme offrir des coupons sur le magasin de commerce électronique, demander des e-mails et échanger des gens, peut-être pour une sorte de contenu gratuit. On va faire une boîte pop-up ou dans quelques semaines ça s'appelle une boîte à lumière. Voir dans la vidéo suivante.
18. Créer un espace d'inscription par e-mail: D' accord, faisons une boîte à lumière et recueillons quelques emails. Donc, dans cette boîte de plomb, nous allons leur proposer un guide de voyage gratuit en Thaïlande en échange de leur email. De cette façon, une fois que nous aurons leur e-mail, nous pouvons contacter avec pousser nos derniers messages et ce genre de chose pour nous, pour eux. Et en général, maintenez une relation avec ce visiteur au lieu de visiter le site une fois et ne plus jamais entendre parler de vous. Cliquez donc sur le signe plus. Et puis un interactif, il y a une section appelée « boîtes lumineuses ». Cliquons, abonnons-nous et laissons quelques options différentes en termes d'où les boîtes lumineuses apparaissant. Il pourrait donc s'agir d'une fenêtre contextuelle directement au milieu du site. Ça pourrait être quelque chose qui descend du haut, du côté, du bas. Faisons une pop-up centrée de base. Les boîtes de labo et le nom plus agréable mais leurs pop-ups. Et alors faisons quelque chose comme le téléchargement. Mai, guide de voyage de Thaïlande. D' habitude, si vous demandez à quelqu'un son email, alors je vais vous le donner. Pourquoi le feraient-ils ? Mais si vous leur offrez une sorte de contenu et d'échange, ils sont beaucoup plus susceptibles de vous donner leur e-mail parce que vous donnez quelque chose gratuitement, pour quelque chose d'eux. Je recommande donc vraiment de créer une sorte de contenu, qu'
il s'agisse d'un cours court, d'un guide de voyage ou autre, et de leur proposer cela pour leur courrier électronique. Ok, donc on va juste faire un peu de conception. Il y a quelques éléments différents dans cette fenêtre contextuelle. Il y a la véritable lightbox elle-même avec son propre ensemble d'options. Ceci d'une façon en particulier comme une boîte de conteneur dont nous n'avons pas réellement besoin. Donc ce que nous allons le supprimer et ensuite nous obtiendrions des abonnés formés. C' est en fait la collecte des e-mails. Donc, dans cette boîte lumineuse d'abord, je ce fond de marbre n'a pas de sens. Changeons l'arrière-plan. Ainsi, vous pouvez cliquer sur le pinceau pour la conception. Et puis choisissons une image. Nous avons une tonne d'images d'actions et je pense que nous en avons d'autres qui sont de Thaïlande. Probablement. Il suffit de chercher. Utilisons celui-là. Cette femme voyageant dans le temps. Ok, et allons-le plus léger pour que vous puissiez lire le texte. Nous avons modifié le titre du formulaire pour être notre police de titre. Modifions les champs pour qu'ils correspondent à notre image de marque. Il y a différentes façons de le faire. Vous pouvez cliquer directement sur le champ et modifier les paramètres de ce champ particulier. Mais ce qui est le mieux, la meilleure façon de le faire est de cliquer sur le formulaire réel et de modifier les paramètres de conception là-bas. Parce que cela va changer les paramètres du champ de formulaire pour l'ensemble du formulaire, pas seulement un élément spécifique, un champ spécifique. Nous allons donc cliquer sur Conception, les champs de saisie de conception
personnalisés et nous allons modifier le texte de ce premier paragraphe 2. On me fait le paragraphe juste pour qu'il soit un peu plus petit. J' ai vu un changement là-bas. Maintenant, vérifions à quoi il ressemble sur le survol de la même façon. Changeons le texte et la couleur du bouton Soumettre. Alors faisons le bouton rouge pour qu'il se démarque vraiment. Ici, on peut avoir cette couleur bleue. Le texte. Passons à la page 2 aussi, paragraphe 2. Ok, le message de réussite. Passons cela à notre paragraphe 3. Rallons-le un peu plus petit. Et nous pouvons l'avoir, rendons le vert. Et ça ne se distingue pas vraiment. Ça peut être rouge, c'est fait. D' accord. Il y a notre nouvelle forme. Je pense que c'est assez bon. Ok, maintenant réglons les déclencheurs de la boîte à lumière. Donc, nous ne voulons pas que cela s'affiche sur toutes nos pages. Nous voulions juste afficher sur notre page d'accueil. On pourrait l'avoir réglé sur d'autres pages. Lequel a du sens ? Disons que quelqu'un navigue vers votre page de boutique, que vous lui montrez un pop-up pour un coupon gratuit s' ils ne vont pas et gratuitement ou quelque chose comme ça. Nous allons choisir juste la page d'accueil pour que les gens ne soient pas avertis. Ça va être retardé de deux secondes. Donc ce n'est pas la première chose qu'ils disent. Voyez quand il a frappé le site Web. Ils ont quelques secondes pour lire le menu et le logo, vérifier l'image du héros. Et après ces deux secondes, cette pop-up apparaîtra. Ok, est-ce que ça a été proche de l'icône X ? C' est très bien. Autre Mettons-le dans la boîte à lumière. C' est un peu plus perceptible. Et puis la dernière chose, si vous cliquez sur la lightbox elle-même, alors vous avez cette superposition d'arrière-plan. Changeons ça. C' est, c'est une couleur grise bizarre. Donc un peu une belle couleur bleue et puis définir l'opacité afin que vous puissiez voir ce site Web derrière eux dit que c'est comme 25 pour cent. D'accord. Donc c'est notre Lightbox fait. Ça a l'air assez décent. Il y a d'autres façons de faire, c'est d'avoir un fond vidéo. Nous pouvons définir ceci pour être la barre supérieure, pour être une barre supérieure pop-up ou un salon de coiffure inférieur, de notre côté. Mais je pense que cela semble solide sous le titre du forum, vous pourriez probablement ajouter une petite description et ce que vous obtenez dans le guide de voyage. Peut-être quelque chose comme 100 pages plus. Centre de contenu de Thaïlande impressionnant. C' est un peu plus grand pour s'adapter à chaque fois. D'accord ? D' accord, ça a l'air de la dope. Rendons ça plus petit. Vous réalisez une grande partie de la conception et de la conception de l'emploi en général, juste en
jouant avec les choses, en les peaufinant un peu, juste pour l'obtenir juste. D' accord. On se voit dans la vidéo suivante.
19. Configurer la page Blog: Ok, le brouillon de notre page d'accueil est terminé. Concevrons maintenant nos cinq autres pages. Nous avons une page pour nos billets de blog sont des blogs, un forum où les gens peuvent discuter les uns avec les autres et sur page qui vous dit un peu sur nomade Caleb, ou qui le voyageur comme et une page de contact les gens entrent en contact avec nous. Donc, à partir de la page du blog, quand dès que vous configurez un blog sur les perruques, il génère automatiquement cette page pour vous. Et honnêtement, ça a l'air bien, ça a l'air bien. Mais laissez-moi vous montrer certains paramètres et rendons cette page un peu plus intéressante. abord, j'aime ajouter une
bande de titre à toutes mes pages afin que les gens sachent où ils en sont et ce qu'ils ont fait. Donc, nous allons ajouter une bande, et changeons l'arrière-plan de la bande en une couleur. Peut-être créer une image avec une superposition de couleur. Ou peut-être qu'on pourrait faire un arrière-plan, une sorte d'arrière-plans. Nous avons pu faire ce que nous avons fait sur le pied de page, qui était ce bloc en arrière-plan de voyage en direct. Et puis superposez une couleur sur le dessus. Ce bleu. Et nous allons sur ce monde assez brillant pour l'instant. Maintenant, puisque c'est notre titre de page ferait un titre. Un. Peut centrer et dire mon blog de voyage. Étirez-le, centre pour centrer le texte. Rendre ce plus petit même pas comme ça. D' accord. Ramenez ça. Ok, voici notre page pour notre blog de voyage. Si vous cliquez sur la section blog, vous pouvez aller directement dans le gestionnaire de blog et vous cherchez tableau de bord et gérer les publications. Mais nous allons cliquer sur Paramètres et examiner certaines de nos options de blog. Donc, sous Paramètres, blog principal et créer une affiche gérer à nouveau les publications, cela vous amène au tableau de bord des livres où vous pouvez le faire. Vous pouvez sélectionner ce qui s'affiche réellement ici sur votre flux de blog. Donc, par exemple, je n'aime pas vraiment ça. Il y a cette petite couronne à côté de mon nom et débarrasse-toi de ça. Publié un est correct, mais je veux des gens, peut-être que je publie des trucs d'il y a longtemps. Je ne veux pas qu'ils sachent qu'il a été publié pendant que je vais l'enlever. Je n'aime pas vraiment ce petit compteur de jambes. Donc, c'est mon blog est tout neuf. Je ne vais pas avoir de compteur de commentaires ou de compteur d'abus parce que je ne veux pas vraiment les gens sachent que je n'ai que sept à utiliser dans vos commentaires. Je pense que c'est prendre le LDAP pour de nouveaux blogs assez commun, donc je ne m'inquiéterais pas à ce sujet. Donc, en enlevant ceux-ci, vous pouvez décider comment ils veulent montrer le menu du blog, ce
qui serait ici. Nous avons besoin de certaines catégories pour vous montrer à quoi cela pourrait ressembler et nous pouvons les faire en une seconde. Et on n'aura pas de bouton de connexion. En fait pas depuis que nous avons le forum, laissons, ajoutons un bouton de connexion. Et c'est ce qu'est ce petit cercle. Les utilisateurs peuvent se connecter et laisser des commentaires comme profil d'utilisateur. Maintenant, il y a quelques mises en page différentes. Ce sont des éditoriaux côte, plus comme des carrés, un peu comme sur notre page d'accueil. On aurait pu mettre un tas de tuiles aléatoires. Style magazine, tout comme un peu cool et moyen semble peut-être bon pour un blog de voyage en fait parce qu'il rend l'image est plus importante. Tu sais, c'est les messages complets. On pourrait avoir une colonne. Je pense que je vais en Irak la mise en page du magazine pour l'instant. Nous changeons le rapport d'image. À quoi ressemble le rapport d'image. Pour cette image. Je voulais être carré ou 4 par 3, 16 par 9. Il y a différentes options. On va faire quatre par trois pour l'instant. Voyons voir. Ce que je fais est bien. Vous pouvez modifier tous ces paramètres différents pour la mise en page, la taille de la pose réelle, l'espace entre le poste, ce qui peut être fait comme 25 marges, remplissage de
texte, tout cela. Ok, nous pouvons changer la conception de la pose du menu blog, les boutons, les marges via les paramètres. Probablement tu ne vas pas changer la plupart des choses. Il semble assez décent hors de la boîte en fonction des paramètres de besoin, vous définissez votre gestionnaire de thème. Donc on va laisser ça pour l'instant. Peut-être que nous allons changer ce texte de titre pour qu'il soit blanc. C' est ce qu'on va faire pour la page du blog. Maintenant, c'est sur notre page vidéo.
20. Configurer la page vidéo: D' accord, créons notre page vidéo. Donc je vais copier et coller cette bande de titre. Donc, nous pouvons mettre la copie du clic droit de la bande. Et puis nous allons utiliser la page Navigator pour passer aux vidéos. Maintenant, nous allons cliquer avec le bouton droit de la souris et coller cette bande. Et nous allons renommer cette page, mon blog de voyage. Et puis comme sur la page d'accueil, nous pouvons cliquer sur le signe plus et ajouter un widget vidéo. Mais puisque c'est notre page vidéo principale, utilisons un widget différent de ce petit curseur. Faisons plutôt quelque chose comme ça où il vous montre une vidéo principale, puis quelques vidéos là-dedans pourraient être assimilées à désolé et faites glisser et déposez-la ici. Et le rendre plus grand. Pour remplir cet espace entre ces deux lignes pointillées en noir et blanc. Faites-nous connaître la zone de sécurité pour notre conception. Faites un peu plus d'espace en bas. Et puis dans les paramètres, nous allons le brancher à notre chaîne YouTube, qui était Aaron Krauss. Et j'espère vraiment que cette fille est cool et pas terrible. Et maintenant notre blog est mis en place. Examinons certains des paramètres de l'application vidéo de cette semaine. Vous pouvez changer la mise en page et c'est ce que nous venons de faire glisser. Juste une autre façon de le voir. Donc, nous pourrions faire le curseur comme sur la page d'accueil, de différentes façons. Vidéos d'affilée. Faisons quatre. Et en fait, nous allons mettre en place quelques rangées pour que vous puissiez voir un tas de ses dernières vidéos. Peut-être comme six. Voyons à quoi ça ressemble. Oui, montre vraiment qu'elle a un peu de contenu, un peu de texte, comme en dessous. C' est trop court. Il va le laisser sur la vignette. Donc, lorsque vous passez le curseur, le joueur, peut être le couvercle du canal. Je pense que ça a l'air bien. Et nous voulons toutes ces informations. Je pense. Eh bien, j'ai d'habitude sorti sur les vidéos YouTube israéliennes, donc ça ne fonctionnera pas exactement comme ça. Et puis dans la conception, au lieu du titre, oubliez pas que nous allons le définir sur les paramètres de notre gestionnaire de thème. J' ai des liens, un bouton rouge de couleur rouge. Ok, alors nous allons prévisualiser. Maintenant, ce drapeau semble donc vous pouvez voir comment tout cela va fonctionner ensemble. Ok, on est en avant-première. Maintenant, si vous jouez la vidéo et matin tout le monde, aujourd'hui, je n'ai pas besoin de la super tropicale. D' accord. Vous pouvez donc voir qu'il est intégré à partir des paramètres YouTube ou YouTube ici. Vous pouvez le regarder sur YouTube. Vous survolez ces, vous pouvez voir un peu sur les prochains billets de blog. Et si vous cliquez, il arrive en haut. On a donc envoyé dire, Ok, ça a du sens. C' est tout ce qu'on va faire pour la page vidéo aussi. Pour l'instant. On n'a peut-être pas d'antécédents plus tard. Passons maintenant à notre page suivante.
21. Configuration du forum: Notre page suivante est notre forum, notre forum de voyage. Donc, par défaut, puisque nous avons utilisé un modèle de voyage, Il est déjà dit que le sujet soit un formulaire de voyage. Alors faisons quelques changements cependant. Nous allons cliquer sur le forum. Étendu le mot complet. J' ai vu cette image s'étire, ça a l'air un peu mieux. Et puis dans nos paramètres, modifions le texte sous conception pour correspondre à tout. Faites correspondre le reste de notre site Web. Et notre description et le poste devrait être la peur des sables, qui est notre texte de paragraphe. Et nous allons faire nos titres DOT et en fait dans nos paragraphes ici sonne bien Maintenant qui correspond au reste du site. Maintenant, laissez-moi vous montrer comment fonctionne ce forum et il fonctionne comme un formulaire standard. Vous avez donc des publications que tout le monde peut créer par défaut avec le bouton Créer un nouveau message, bouton. Bouton Créer une nouvelle publication. Ainsi, vous pouvez commencer une discussion qui serait comme celle-ci, ou vous pouvez poser une question et les gens peuvent voter pour des réponses. Et vous pouvez dire lequel vous pensez est votre favori en tant que modérateur quatre. Et quand vous cliquez sur ces, Voici qui semble que vous pouvez comme les gens peuvent aimer le sujet, commenter. Et leurs commentaires ici avec des vidéos, des photos, des cadeaux. Vous pouvez voir d'autres messages. C' est vraiment cool combien vous pouvez faire avec juste un format standard pour tous les besoins de forme normale de base. Je pense que c'est plus que suffisant. Ok, revenons à l'éditeur et laissez-moi vous montrer certains des paramètres du forum dans le tableau de bord réel. Donc, lorsque nous cliquons sur Paramètres sous principal et nous pouvons faire gérer les messages et les catégories. Et ça s'ouvre, cette pop-up, c'est le tableau de bord. Et nous allons simplement ajouter quelques catégories pour que nous puissions voir qu'il
semble que nous nommerons nos catégories,
choses, catégories de voyages, comme l'Asie. Tout sur les voyages en Asie. Et vous allez ajouter des images et des couleurs et toutes les choses pour l'en-tête. C' est parce que laisse-moi te montrer à quoi ça ressemble. Ok, maintenant nous avons l'Asie comme catégorie. Il y a moins de sujets de discussion dans la section du formulaire de voyage du formulaire de voyage. Et puis nous avons aussi cette nouvelle section, l'Asie et nous pouvons avoir un tas de messages dans ce domaine aussi. Alors voici ce que c'
est, va ressembler à vos visiteurs quand ils créent un nouveau post. Jetez un coup d'œil à mon nouveau poste. C' est censé le publier. Et maintenant la section Pages a son premier message. Super simple et simple, non ? Nous aurions pu ajouter une image ici
à, pour avoir terminé fond comme cette image. Ok, donc c'est le forum. C' est vraiment assez simple et simple. Vous pouvez cliquer sur Gérer les publications pour voir tous vos messages et faire des choses comme les supprimer, les
déplacer vers une nouvelle catégorie, les modifier vous-même. Mais si vous n'aimez pas quelque chose chez eux, vous le modérateur, vous pouvez faire quelques modifications. D' accord ? Sous les publications, vous avez également des paramètres de modération. Vous pouvez définir une limite pour les nouveaux, pour les affiches qu'il semble que quelqu'un spamming ou qu'il affiche un montant inapproprié. Vous pouvez configurer des publications dessus. Vous pouvez modifier la taille de la pièce jointe. Et cela permet de réduire votre espace de stockage sur votre site Web. Parce que comme vous avez
plus, plus de fichiers stockés sur votre site, vos coûts d'hébergement vont augmenter. Donc, si vous ne voulez pas faire exploser votre espace de stockage, vous pouvez restreindre les sites de pièces jointes. Les gens ne téléchargent pas de vidéos de 20 gigaoctets ou quelque chose comme ça. Et vous pouvez bloquer quelques mots si vous étiez inquiet de quelque chose d'inapproprié. Donc maintenant, si les gens disent stupide ou factice, il va Postal, être signalé comme spam. D' accord ? Bon, donc c'est le formulaire. C' est assez simple et simple. Et cela fonctionne très bien hors de la buvette, hors de la boîte. Passons à la page suivante.
22. Conception de votre page à propos: Faisons notre page à propos. Copiez et collez notre voyage de titres et ajoutez-le à la page à propos. Et disons quelque chose de gentil, comme ravi de vous rencontrer. Donc généralement à propos de la page vous donne un bref aperçu de la personne qui est propriétaire de l'entreprise. Moi la plupart des sites Web sont sur les entreprises. Cela vous donne un aperçu de l'entreprise. Peut-être que vous aurez des commentaires ou des liens où vous pouvez en apprendre plus sur la personne. Je pense qu'on va avoir quelques images de R, de Caleb nomade. Et puis nous aurons un peu de texte. Et ce sera à peu près, c'est assez standard sur le terrain. Alors ajoutons une bande. Rappelez-vous que nous allons Le classique et ajouter les bandes vierges. Rendons-le un peu plus grand. Oups. Ok, et faisons-le deux colonnes. Et vous pouvez faire celle-là peut-être environ 45, juste un peu plus petit pour notre texte. Et puis ajoutons quelques images de moi apparemment, mais nous ne le faisons pas. On va ajouter ce type et cette fille. D' accord ? Donc ce que je veux faire ici, juste pour m'amuser, je vais ajouter ces deux personnes à cette colonne et faire un peu de design. Je vais les faire ressembler à des Polaroids. Donc ces images. Donc, je vais aller à Design et ensuite choisir le carré blanc. Et je veux dire que ça ressemble à un Polaroid. Et c'est tout ce que j'ai à faire. Donc, concevoir et choisir à nouveau le carré avec la bordure blanche. Ils diront que j'ai quelques Polaroid montré ce que je fais. Donc, faisons cela la même taille sont assez similaires. En cliquant sur cette image, je peux voir que la largeur est de 254 pixels 3p4. Donc, je peux juste sélectionner cette autre image et entrer cela. Et par défaut, ils sont mis à l'échelle uniformément. Donc maintenant, nous avons deux images qui sont à peu près de la même taille. Ça a juste l'air un peu mieux. Maintenant, sélectionnez-les et regroupez-les dans et utilisez mon outil Alignement pour bien les aligner au centre de cette colonne. Et puis nous allons faire glisser certains textes h1,
h2, parce que ce n'est pas le titre de notre page principale. C'est un sous-titre. Tout à propos de somatique, Caleb. Et nous allons ajouter du texte de paragraphe. Les livres étant taxés texte de paragraphe. Prenez un peu plus de texte ipsum. Poignée de main biodiesel et rampes de distillerie, chignon
homme, arbuste, capuche, marmonnet, Corbay, pokey. Je déteste les regarder parce que d'habitude je suis,
je suis bien représenté dans tous ces trucs hipster, comme le ventre de porc. J' aimerais avoir un fonds en fiducie. Le le laisse aller à John. Ouais, je vais bien, ce que j'ai présenté. D'accord. Copiez et collez le texte dans. Probablement besoin d'un peu plus intacte. Prenons un autre paragraphe. Puis à l'intérieur d'une autre colonne. Et nous allons ajouter cet élément cool que j'ai volé sur le site Nomadic Matt, qui est aussi évidemment, j'ai trouvé un nom pour nomade Caleb. Donc, je vais ajouter une image, puis la télécharger très rapidement. Maintenant, en ce moment, on dirait qu'on sait de quoi on parle. Nous avons cela comme élément Sinon, qui en passant, si vous pouvez être publié dans, dans toutes les publications, pas seulement ces énorme Linden New York tendance à CNN. Je vous recommande vivement de poursuivre ces occasions parce que les gens ne respectent
pas vraiment genre de publications comme des signaux sociaux de la qualité et de la respectabilité, de la
légitimité de votre entreprise. Donc avoir un comme vu sur la section si vous avez été vu n'importe où est certainement ce qui s'est passé. Ok, faisons ce fond de bande blanc. Donc ça a l'air juste. Et nous allons ajouter un peu de textes. Donc ça n'a pas juste un peu plus de sens. Mais ces logos sont vus. Et il centrera le texte comme d'habitude. Déplacez un peu vers le haut. D' accord. Super simple et simple. À propos de ta page ou de moi. D' accord, c'est notre page. Quelques photos, du texte comme Sinon. On est prêts à y aller. Faisons la page de contact. Et les os d'un site web seront complets. Plutôt génial maintenant.
23. Conception de la page de contact: Ok, faisons notre page de contact. Et donc la dernière page standard sur notre site, nous entrerons dans la boutique plus tard. Copiez et collez cette bande de titre dans notre page de contact. Et dis quelque chose comme me contacter. Il existe différentes façons de superposer la page de contact. Une façon simple et standard de le faire serait d'avoir essentiellement deux colonnes, une du formulaire et l'autre avec toutes vos coordonnées. Donc très simple, non ? Donc, nous allons ajouter une bande, puis bêta et deux colonnes, mais de taille égale. Et je vais juste copier et coller nos coordonnées. Je vais la recolorier. Et puis nous allons aussi vouloir commencer des liens sociaux. Nous essayons de rendre facile pour les gens de nous contacter et de trouver toutes les informations afin qu'ils puissent entrer en contact avec nous comment ils veulent les recolorier rapidement. D' accord, donc nous avons nos coordonnées là-bas. Et puis faisons glisser dans un formulaire, 100 plus contact dans les forums. Et nous ferons juste un formulaire de contact standard. On peut en faire un comme ça. Et puis faisons en sorte qu'il s'insère dans cette colonne. Et nous avons un problème va joindre ce formulaire à notre colonne. Dans la vidéo suivante, nous allons aller beaucoup plus loin dans la création d'un formulaire, l'ajout de nouveaux champs, personnalisation, et vraiment vous aider à maîtriser la fonctionnalité de Wix is Form. On se voit là-bas.
24. Personnalisation des formulaires: Concevrons
un formulaire de contact personnalisé avec quelques champs supplémentaires et parcourons tous les paramètres inclus dans ce qui est ses formulaires. D' abord, on va faire un peu plus gros. Nous avons donc de l'espace pour cette forme et tous ses éléments, disons dans le module de formulaires Whigs. Nous allons donc devoir agrandir ce module afin d'avoir un espace pour plus de champs de formulaire. Et puis nous allons parcourir tous ces différents paramètres, ok, pour simplement un paramétrage de formulaire, directement sur la chauve-souris sur l'onglet Principal, vous pouvez aller vérifier vos soumissions si vous avez cliqué sur les soumissions. Mais aussi c'est utile. Voici un ensemble de notifications par e-mail. Lorsque les gens soumettent ce formulaire, il enverra des notifications avec ces informations
à tous les e-mails de l'équipe sous les rôles et les autorisations que nous avons travaillé pour cela plus tôt. Vous pouvez choisir qui dans l'équipe qui est réellement les obtenir. Maintenant, disons que vous avez construit ce site ou quelqu'un d'autre. Ils ne gèrent pas le site Web eux-mêmes, vous gérez pour eux, mais ils doivent recevoir les e-mails lorsque les gens les contactent et leur formulaire, vous pouvez ajouter un nouvel e-mail ici. Mais si vous n'avez pas Woods est mis à niveau, ses plans de centre, c'est ce que c'est. Alors vous ne pouvez en avoir que deux ici. Alors peut-être toi et le propriétaire de cette entreprise. D' accord. Nous allons donc partir sur l'équipe sur place. Maintenant. Maintenant, vous pouvez configurer différentes fonctionnalités. Quand quelqu'un soumet le formulaire, vous pourriez avoir un petit message comme merci de l'avoir envoyé. Vous pouvez les amener à une nouvelle page, comme une page de remerciement. Et j'aime faire ça. Vous pouvez ajouter un petit merci. Message un peu de merci. Vidéo ou quelque chose comme ça sur cette page de remerciement. Et il sera également utile à l'avenir si vous faites de la publicité pour suivre vos conversions. Donc, j'aime mettre en place des pages de remerciement. Il y a d'autres façons de le faire. Vous pouvez créer un lien vers un téléchargement de fichier, n'est-ce pas ? Si, par exemple, plus tôt sur notre pop-up, l'affaire était quand ils soumettent le formulaire, ils sont censés obtenir un guide de voyage pour la Thaïlande. Nous aurions donc besoin de mettre à jour notre plan de leçon afin que les gens, lorsqu'ils ont soumis ce formulaire, puissent télécharger ce fichier. Vous pouvez également créer un lien vers une URL externe. Il les prend sur google.com ou autre. Ok, la prochaine chose est le paiement. Donc nous n'allons pas y aller parce que nous
ne allons pas créer de plan de leçon pour l'instant, mais vous pouvez créer un formulaire de paiement personnalisé. Vous avez donc une sorte de produit client pour lequel vous devez collecter des informations. Et vous ne pouvez pas utiliser les options de magasin Wix ou peut-être que vous collectez des dons. Bien que le formulaire de paiement de la semaine soit l'option pour
vous, vous savez, une sorte de conditions. Donc, ce serait un champ qui montre basé sur les réponses à un champ précédent. Disons que vous avez une question qui dit : Avez-vous déjà été à cet endroit avant ? Si vous cochez oui, alors le champ suivant qui apparaît est génial. Quel est ton nom ? Peut-être que vous dites non, alors la réponse pourrait être, accord, quand nous aimerions visiter, quelque chose comme ça, non ? C' est donc un champ qui dépend des réponses à un autre champ. L' onglet suivant est Contacts. Vous pouvez étiqueter les personnes qui utilisent ce formulaire. Donc, cela pourrait être, vous pourriez les laisser comme formulaire de contact général ou quelque chose comme ça. Et pour un forum différent et pourrait être abonnés à la newsletter directement sur notre page d'accueil. Ok, l'onglet suivant est les automatisations. Les automatismes sont super utiles. Je vous recommande vraiment d'automatiser certains de vos flux de travail. automatisations sont des actions qui se sont produites. Était le visiteur prend une action. Ainsi, ils soumettront ce formulaire et le MI automatiquement dès lui un e-mail, puis créeront une nouvelle tâche pour les appeler directement ou indirectement, ou les facturer,
ou toute fonctionnalité
dont vous avez besoin pour l'automatisation de votre entreprise spécifique. Vous allez vous faire économiser beaucoup de temps et utiliser une variété d'automatisations différentes dans ma propre entreprise. Ainsi, lorsque vous commencez à mettre à l'échelle et que vous constatez que vous faites des choses encore et encore, manuellement. Tout ce qui est fait encore et encore et encore de la même manière. Vous pouvez probablement trouver un moyen de l'automatiser. Et c'est l'un de ces endroits, c'est l'un de ces endroits où vous pouvez probablement automatiser une partie de votre travail. Marketing par courrier électronique. Je ne sais pas vraiment ce que cela est lié dans les forums, mais vous pouvez configurer des campagnes par e-mail et nous en parlerons plus tard dans le cours. Ok, donc c'est ce que nos paramètres, l'onglet suivant pour Whigs s'est formé est ajouter de nouveaux champs. Vous pouvez ajouter un tas de champs différents. Et en regardant par ici pour presque n'importe quelle forme que
vous voulez, vous allez vouloir ajouter un recapture eux. C' est ça, je ne suis pas un robot champs. Et cela vous empêche d'obtenir beaucoup de spam. Le Morris, plus vous obtenez de trafic sur votre site, plus vous aurez
de chances de commencer à avoir spammeurs qui sont juste là pour vous ennuyer. Donc, je vous recommande vraiment d'ajouter recapturé à tous vos champs. Spam vers le bas. Et ajoutons juste quelques champs différents. Ce sont donc nos champs de conduite standard, mais alors les champs de base sont des champs personnalisés que nous pouvons créer. Alors ajoutons une question qui dit quelque chose comme, où aimeriez-vous voyager ? Et ça leur donne une liste déroulante. On va ajouter ça. Et ajoutons également un champ de plus. Comme Quel est votre budget de voyage ? Et on va faire des boutons radio pour ça. D'accord. Maintenant, je peux cliquer dans cette liste déroulante et gérer les choix. Et ça va être, qu'est-ce que tu veux voyager pour écrire ? Alors mettons ça dans le texte de l'espace réservé. Et il gérera ces choix. Et vous pouvez simplement double-cliquer sur ceux-ci pour changer le nom de ces choix. Et puis, et les boutons radio, on peut faire une chose similaire. Nous pouvons gérer les choix. Et ce sera notre budget de voyage. Donc, disons 0 0 dollars à 5$ mille, 1000$ à 20 000,20$ mille dollars plus quelques rouleaux élevés. Et ajoutons ce champ pour le faire demander. Quel est votre budget de voyage ? Pour les boutons radio, vous pouvez également sélectionner un champ pré-sélectionné. Vous devez également faire l'un de ces champs sont
obligatoires et vous recommander de le faire pour les choses qui envoient un e-mail. Donc, sous le champ d'édition, ce champ est obligatoire. Ok, alors maintenant réorganisons petit peu et ensuite stylisons pour correspondre à ces deux par site. Donc, c'est le bas de la facturation de récupération. Nous pouvons le mettre en face du bouton Soumettre. Et je pense que le message devrait être la dernière chose. Pour ça. Pour cela, nous allons ajouter 41 pour y voyager. Quels sont les budgets de voyage ? Non, j'aime la façon dont ça a l'air. Je pourrais prendre les frontières et nous dirons, d'accord. Donc il y a notre formulaire. Nous n'avons pas vraiment besoin de ce formulaire intitulé parce qu'il est juste là. Supprimons cela et nous allons déplacer tous nos champs vers le haut. Maintenant, en fait besoin de rendre cela un peu plus petit aussi, parce qu'il ne correspond pas correctement à nos directives et à nos colonnes. Ce qui veut dire que c'est des tailles d'écran. Certaines choses pourraient être coupées. Je vais donc cliquer sur chaque champ et le redimensionner. Et les tailles ici, ou les tailles sur un 225 pixels de large. Et c'est en fait un peu d'espace de respiration entre chacun de ces champs comme celui-ci. Juste pour qu'ils ne soient pas directement couchés l'un sur l'autre. C' est un peu serré pour moi. Bon, donc on a presque tout redimensionné. Merci d'avoir soumis. Mon lien de contact. Sera en contact bientôt. N' oubliez pas de petites touches comme votre message de réussite lorsque vous soumettez un formulaire. Ce sont toutes ces petites choses qui font, qui humanisent votre entreprise et en font des gens intéressants. Ce n'est évidemment pas les meilleurs textes de soumission, mais tout ce qui rend les choses un peu plus personnelles et les gens vont l'apprécier. Ok, on a rendu ça un peu plus serré. Maintenant, il s'adapte correctement. Maintenant, il est dans la pièce est fond blanc et changer le design pour le rendre un peu mieux. Avant que je le fasse, laissez-moi parcourir tous les champs pour que vous soyez au courant de ce que chacun est. Il y a donc les champs de contact standard. Mais alors il tient essentiellement que vous avez des textes courts qui seraient comme prénom, un champ de paragraphe, qui devrait être comme le message. Ainsi, vous pouvez écrire plusieurs lignes de texte. Le champ Number signifierait que vous ne pouvez mettre que des nombres. Les boutons radio sont comme un choix multiple comme celui-ci. La case à cocher est une seule case à cocher. Donc quelque chose comme, voulez-vous recevoir des communications de cette entreprise ? Multi vérifie les cases à cocher exactement ce que cela ressemble. Il peut cocher plusieurs cases. Ce serait quelque chose comme ce qui se passe, c'est que tu veux sur ta pizza et que tu peux vérifier du pepperoni, enfer, de l'opinio, de l'ananas, du jambon, peu importe. Peut-être que ce n'est pas une bonne pizza. Quoi qu'il en soit, le champ déroulant serait comme, à quoi voulez-vous voyager ? La lecture échoue, vous pourriez leur donner une note d'étoiles. Champ de date, vous mettez une date ouverte heure, vous mettez seulement dans l'URL de temps. Vous êtes tenu de mettre un lien comme, quel est votre site Web ? Abonné opt-in serait vraiment quelque chose que nous aurions besoin sur cette inscription à la newsletter sur la page d'accueil. Abonné opt-in demande simplement la permission d' envoyer des courriels aux gens, puis investir dans le champ. Vous avez besoin de votre vigoureux et de votre plan, mais vous pouvez également demander le téléchargement de fichiers et même leur demander de signer le formulaire si vous avez besoin d'une signature pour quelque chose. D' accord. Ensuite, nous avons la mise en page. Et nous allons garder ça à peu près comme c'est cet article que je voulais. Ok, et puis le design. Nous ferons ce qu'on a fait jusqu'à présent. Je vais avancer rapidement une partie de cela, mais nous allons faire correspondre le reste de notre marque. D' accord, donc sont formés prêts à partir. Nous avons supprimé l'arrière-plan, ajouté quelques options, personnaliser le message personnalisé de notre soumission. Nous avons ajouté une recaptcha. Ce formulaire est prêt à être utilisé sur notre bug de voyage. D' accord, passons à la prochaine vidéo.
25. Ajouter Google Maps à votre page de contact: Ok, donc j'ai ajouté quelques petits éléments à la page de contact. Donc on les met dans une boîte à conteneurs avec le petit Boyer, ça rend un peu plus intéressant. Nous avions dans une galerie pour que vous puissiez être un peu et en spirale ou ne peut pas se former. La dernière chose que je veux vous montrer comment faire est comment ajouter une carte en utilisant Google Maps. Donc nous allons dépasser,
comme d' habitude, probablement un peu plus gros. Et puis un signe plus. On va aller au contact et aux poèmes, Google Maps, cartes, et différents designs. Nous allons juste rouler avec la carte des autoroutes standard pour l'instant. Allons l'étendre aux gens le rendrait un peu plus grand. C' est donc une façon très courante de faire une carte sur une page de contact. Au fait, ce serait à la fin de la page pour humide comme ça. C' est, je suppose que c'est vraiment juste la tendance du design. Ça a l'air génial. Maintenant, nous allons sélectionner nos maths et gérer les lieux. Maintenant inscrivez-vous qui est 1, et abordant les taxes d'Austin. Et le titre sera nomade,
Kayla, je ne vis pas trop loin de leur Pilloton. Essaie de me trouver. D'accord. Et reconnaissez autre chose. Peut-être qu'on va ajouter une description. Blog de voyage numéro un au monde. Une chose cool à propos de la fonctionnalité Google Maps dans Next est qu'elle peut changer cette petite icône. Donc tu dois concevoir. Vous pouvez accéder à InDesign et voir si leur valeur par défaut. Prenons une petite étoile pour l'instant. Je vous remercie et changeons la couleur en cône rouge. Donc, cela dit, nous allons mettre en place un Google Maps personnalisé. Dis la prochaine vidéo.
26. Venir en ligne : configurer un Wix E commerce: Montrons notre magasin. Le commerce électronique est une énorme opportunité. Il vous permet de gagner un revenu de n'importe où dans le monde. Il est vraiment attiré par des gens comme les nomades numériques, que je pourrais techniquement me classer comme même si la plupart du temps je vis à Austin. Mais il est vraiment incroyable qu'elle puisse gagner de l'argent de n'importe où dans le monde en vendant des produits que vous pourriez même ne pas stocker vous-mêmes. Vous devriez donc être très excité d'en apprendre un peu plus sur le commerce électronique. Et dans cette vidéo, nous allons ajouter des produits à notre magasin. Je vais vous montrer comment ça marche. Alors commençons. Il y a deux façons de le faire. À partir de l'éditeur frontal, nous pouvons cliquer sur notre boutique, dans notre page boutique C'est créé automatiquement lorsque nous ajoutons l'application boutique, qui se souviennent était une application publicitaire. Et nous pouvons donc cliquer ici et cliquer sur Gérer les produits. Et ça va ouvrir ce tableau de bord pop-up. Nous pouvons également simplement aller au tableau de bord et aller à stocker des produits une fois que nos applications sont installées, rappelées dans l'application de résolution d'abord. Et donc nous allons commencer à partir d'ici. Et ce sont toutes sortes d'affichage de produits pour vous
aider et voir à quoi le magasin, qui va ressembler, élément de
magasin sur votre front, sur l'extrémité avant ici. Donc on n'en a plus besoin. Nous allons supprimer tous ces produits. L' élite, nous allons ajouter de nouveaux produits. Il y a deux types de produits que vous pouvez ajouter. Il y a des fichiers numériques ou physiques. Alors ils expliquent ce que c'est. Si vous vendez, dans ce cas pour ce site, peut-être un guide de voyage, WE fichier numérique parce que vous pouvez vendre sur le téléchargement PDF. Donc, tout type de produits d'information va presque toujours être des fichiers numériques. Physique est ce que ça ressemble. Ce sera un T-shirt, un skateboard ou un livre physique et pas la copie PDF. Alors, cliquez sur physique. Et j'ai créé quelques mock-up produits pour nous juste pour que nous puissions voir à quoi ils vont tous ressembler. Chargé dans le site. Vous obtenez des images et des vidéos qui utilisent les taux de conversion de l'état de santé. Donc, si vous pouvez prendre des vidéos de vos produits, je vous recommande de le faire. Mais nous avons un t-shirt et laissez-moi les ajouter. D' accord. Ou des photos ou téléchargées. Je veux dire, c'est des maquettes rapides ou des produits différents en utilisant un site Web appelé
placer le lien dotnet dans la description ci-dessous. Mais c'est un excellent site pour créer des maquettes comme ça. Voici une photo de notre t-shirt ou du débardeur. Parcouvrons tous ces différents champs pour obtenir des informations sur les produits. Nous pouvons nommer le produit, nous pouvons ajouter un rythme dans le coin qui dit quelque chose comme best-seller. Et ceux-ci seront sauvegardés afin que vous puissiez réutiliser ces rubans. Et encore une fois, le ruban est juste une petite boîte dans le coin de l'image du produit qui a une sorte de description. Nous pouvons le prix à ce que nous voulons 99. Nous pouvons offrir une vente et une remise ou un montant en dollars. Faisons 10% de rabais sur la vente. Et vous pouvez afficher le prix par unité si vous avez quelque chose que vous vendez à l'unité, si vous vendez, vous savez quoi, par le pouce carré ou quelque chose, nous pouvons décrire notre produit ici. Vraiment génial. T-shirt Slashdot. Et nous pouvons ajouter des taxes personnalisées si c'est un produit personnalisé. Ensuite, nous pouvons ajouter des options de produit. Donc c'est un t-shirt, donc nous allons probablement avoir des tailles. Petite, moyenne, grande, XL, XX, XX cellule sexuelle. C' est donc une option que les gens pan choisissent. C' est une personnalisation que les gens peuvent faire, l'autre pour un professeur, ce sera vraiment la couleur rouge. Alors appelons cette couleur. Et je vais le mettre sur les couleurs. Rouge, noir, bleu, vert, rose, orange, violet. Ce n'est probablement pas le cas. Tu as l'idée. Ils peuvent choisir la couleur et la taille du produit. Vous pouvez également gérer la tarification et le stock de ces variantes. Donc, si vous sélectionnez ce bouton, puis gérer la variance. De nombreuses variantes feuille de calcul apparaissent essentiellement. Et disons que vous vouliez que toutes vos grandes chemises soient un dollar supplémentaire, alors vous pouvez sélectionner toutes ces variantes ici. Cliquez donc sur la liste déroulante et cliquez sur Excel. Il va sélectionner toutes les cellules, non ? Vous êtes 42 variance parce que vous avez un tas de différentes tailles d'extrême et de couleurs. Et dit, marcher à travers chaque élément et le trouver manuellement, vous pouvez les sélectionner tous ensemble. Dites dans ce cas, tous les plus grands réels ensemble. Et vous obtenez la charge et triste comme il loin, donc charge cetera et les charges un dollar supplémentaire par Archer réel. Et voilà. C' est tout ce que vous faites pour changer le, changer les prix pour une certaine variation de votre produit principal ? D' accord ? Vous pouvez également configurer des abonnements. Disons que quelqu'un veut acheter un t-shirt tous les mois parce que je ne sais pas qu'ils ont duré un mois et que ça tombe en morceaux. Vous pouvez créer un abonnement, appelez-le t-shirt mensuel. Abonnez-vous et dites, combien devraient-ils dire 10 pour cent. Et cela peut être mensuel. Typiquement. Cela dépend du produit, Mais beaucoup de fois descriptions ou fait automne, il va annuler. Si le client ne dit rien, alors je continuerai à obtenir ce produit ou ce service pour toujours. Et puis peut-être 10 pour cent de réduction. Super. Maintenant, les gens peuvent, nous devrions mettre à niveau, mais les gens peuvent acheter un abonnement et obtenir ce produit tous les mois. C' est vraiment tout ce que vous avez à faire pour créer un nouveau produit et travailler sur. Maintenant, je vais aller de l'avant et ajouter
le reste de nos produits et nous allons parler de collections. Tous nos produits avaient été ajoutés. Nous avons quatre produits, un chapeau de papa, étui de
téléphone, un sac fourre-tout dans le t-shirt, et c'est vraiment récupéré. Ok, maintenant on peut créer une collection. Plaisirs, catégories de produits, certaines catégories de produits de la colonne de services, certaines collections de produits de la colonne. Ne vous confondez pas. C' est juste un groupe de produits. Donc, créons un nouveau qui s'appelle merch de marque parce que ce sont tous ces produits. Donc, nous venons d'ajouter, afin que nous puissions le nommer haut et ensuite nous pouvons ajouter nos produits ici. Je dois faire est de vérifier ceux que vous voulez ajouter m. Et puis vous pouvez ajouter votre image de collection, qui dans ce cas, nous allons faire cette image d'un chapeau. Et c'est tout. C' est assez simple. C' est tout ce que j'ai à faire pour créer une collection privée. Une fois que vous avez fini de créer une collection, les fenêtres contextuelles vont-elles apparaître ? Et il va vous demander d'ajouter la collection. Maintenant, si vous le souhaitez, créons une nouvelle page avec une grille de produits connectée à cette collection. Alors faisons ça pour que vous puissiez voir ce que ça, ce qui se passe. Très bien, donc quand nous avons cliqué sur Ajouter, maintenant il a créé cette page qui a seulement sont la collection merch de marque sur elle. Et il va également créer une nouvelle page pour nous, puis l'image de marque de page. Donc, nous pouvons ajouter cela comme une page de catégorie. Mais on pourrait ajouter un petit titre. N' a pas fusionné, étirez ça au centre. Ça aurait été fait. Cool. Donc maintenant, nous avons une page spécifiquement pour le mariage accordé. Parlons maintenant de la personnalisation de notre boutique et de nos pages produits. Nous avons donc cette page d'image de marque. Je vais laisser ça tranquille pour l'instant, retourner à la page principale Shoppe, qui aurait tout notre côté produit si nous avions plus de quatre produits. Et ajoutons un titre très rapidement. D' accord ? Et vous pouvez personnaliser ce centre de widget boutique. Vous pouvez également personnaliser les pages produits. Donc, si vous cliquez dans Paramètres ici, et vous pouvez choisir les collections affichées dans la boutique. Par exemple, nous avons été fusionnés. Nous avons les collections, nous pouvons les montrer ici. Encore une fois, choisissez l'affichage. Et donc il ya juste détermine comment les produits sont affichés. Vous pouvez voir qu'ils changent ici. Celui-ci a l'air bien. Le rapport d'image ou les images sont suffisamment bien affichés. Mais parfois, vous n'avez pas besoin de changer cela en fonction du produit que vous vendez. Quatre colonnes et trois rangées. Ça marche pour moi aussi. Nous n'avons que quatre produits en ce moment. Nous allons dans les paramètres. Nous pouvons sélectionner ce qui est montré. Nom du produit, prix du produit, diviseur de prix nommé. Et je pense que son humeur, mais diviseur, pour obtenir un peu plus simple, plus propre à la recherche. Et puis le bouton Voir plus devrait être chargé, plus de pagination serait là où il y a des petites bulles en bas il dit 1, 2, 3, 4. Et vous pouvez choisir quelle page naviguer pour charger plus que vous cliquez simplement sur un bouton et il charge dit plus de produits. Défilement infini, mais vous gardez la corde, continuez à défiler, et les choses continuent à apparaître. Ok, ajoutons un bouton Ajouter au panier juste pour faciliter le paiement pour les gens. Tu vois ça ? Et quand on clique sur le bouton, ouvrons la mini carte. Je vais vous montrer ce qu'est la mini carte dans une seconde. Ajoutons également ce bouton Afficher les options du produit. Maintenant, les gens peuvent choisir les options du produit, quelle couleur et quelle taille. Et pour le chapeau, quelle taille ? D' accord. Taxe pour les boutons Ajouter au panier. C' est des travaux. Conception. Oui, tout ça marche pour moi d'ajouter au bouton du panier. Nous voulons être noirs. Asseyez-nous avec ça pour l'instant. Les filtres sont donc très utiles. Je recommande presque toujours d'ajouter des filtres. Les filtres permettent aux utilisateurs de naviguer sur votre site en fonction de quelques différents, bien basé sur tous les paramètres que vous avez dit. Donc collections, prix, couleur, taille. Et si nous avions plus d'options pour nos produits, ils seraient également présentés ici. Vous pouvez également ajouter le tri. Le tri va arriver ici. Cette leçon est de trier par prix ou par nom. Donc, le but d'ajouter le tri et le filtre à vos pages de boutique est de rendre le plus facile
possible pour les gens de trouver le produit qu'ils veulent et de l'acheter. il est facile pour vos clients d'acheter vos affaires, plus ils vont acheter des choses, pas vrai ? C' est logique. Si rapide vue est la petite pop-up vous montrera que dans une seconde aussi bien. Et c'est à peu près tout. Alors laissez-moi vous montrer un aperçu de cette page maintenant afin que vous puissiez voir comment tout cela fonctionne. Donc, nous survolons et il y a l'affaire rapide très rapidement est la popup. Et nous montre juste plus d'informations sur le produit. Vous cliquez sur Plus de détails pour accéder à la page de la boutique. Ok, c'est une bonne affaire. D' accord. Et si on retourne au magasin, on peut regarder le filtre et peut-être qu'on ne veut pas dépenser plus de 19$. Les sons filtrés un couple de plus et disons que nous ne dépensons pas plus de 13$ filtrés un peu plus loin. D'accord. Peut-être que nous cherchons quelque chose en rouge pour que vous puissiez choisir Lire. Seul le t-shirt est disponible en rouge. Alors maintenant, nous savons. D' accord, donc tu comprends. Vous pouvez l'ajouter au panier et vous cliquez sur Ajouter au panier II, cela apparaît et nous pouvons sélectionner le moyen. Donc c'est la mini carte. Je recommande de garder ça. Cela rend juste un peu plus facile pour les gens de se déplacer sur votre site. Très bien, maintenant, nous allons maintenant personnaliser nos pages produits. Donc, nous allons aux pages et restaurez les pages. Nous pouvons personnaliser votre page produit ici. Donc, je n'aime pas vraiment cette page produit qu'ils nous ont donné. Ça ne semble pas être une très bonne utilisation de l'espace. Je vais donc aller dans Paramètres et choisir une mise en page différente pour la page du produit. J' aime le classique, fonctionne plutôt bien pour moi. Maintenant, nous avons une image plus grande, la taille et la quantité par ici. Bonne moitié. Ok, donc nous allons ajouter une chose à une page de produit et je vous
recommande de le faire sur la plupart d'entre vous sites e-commerce. Le petit plus. Et puis au magasin, vous pouvez ajouter des produits connexes. Et cela montrera les produits des gens liés à celui-ci. Très shopping, quelque chose comme ça, non ? Disons que vous aviez un tas de chapeaux différents. Il leur montrerait des chapeaux similaires dans cette galerie. Aide les gens. Ça m'aidera à quelqu'un, essentiellement, parce que les gens vont avoir plus de temps à trouver produits liés à quelque chose comme si c'était déjà sur cette page, produits laitiers comme le chapeau, non ? Et ils peuvent voir des produits liés à cela. J' espère que tout cela a du sens. Mais en bref, je vous recommande d'ajouter des produits connexes pour devenir une star. Ok, donc maintenant nos pages de produits de magasin semblent bien. Notre page de boutique est belle. Ajoutons un peu d'espace ici. Une chose que nous avons oublié d'ajouter à notre menu est une carte. Alors ajoutons une icône de panier, très vite. Magasin, panier. Alors on va juste traîner ça sur le côté. Ajoutez-le juste à côté du bouton boutique. On y va, comme un sac à provisions. Donc on va aller à Réglages. Je vais changer l'apparence de ça. Laissez-moi encercler quelque chose de simple comme ça. C' est encore un peu trop grand. Je suis plus petit. Ok, maintenant on a un panier. Enfin, vous pouvez personnaliser l'aspect de votre panier et votre page de
remerciement à partir du navigateur de l'espace de travail. Je vais te montrer comment y aller et c'est page, puis voiture et hospitalisation et merci. Page. J' aime la façon dont ils ont l'air. Je pense qu'ils ont l'air très bien. Je vais le déplacer un peu. Je ne pense pas qu'ils aient vraiment besoin de changements, alors je vais laisser ça comme ça. Que ce soit la page de remerciement. Je pense qu'il est aussi semble parfois déplacer un peu vers le haut. Maintenant, si vous vouliez les personnaliser, vous pouvez les. D' accord, passons dans la prochaine vidéo.
27. Ajouter l'animation à votre site: Ok, maintenant animons certains de notre site web. La raison pour laquelle nous avons animé est juste pour le rendre un peu plus intéressant, pour les rendre contrariés, un peu plus convaincants, pour le rendre plus excitant d'être là. Les animations peuvent également conduire l'utilisateur à, vers une action. Disons que vous avez un bouton uploads sont des glisses qui ou quelque chose comme ça. Les animations peuvent être formidables pour diverses raisons. Alors animons une partie de ce site. Mais la première chose que nous allons animer comme ce bouton, allons juste le faire couler en quelque sorte par le bas. Comme ça. Ça a l'air bien. Donc tu vois ce que j'ai fait. Choisissez un élément, puis cliquez sur les carrés en mouvement, et ce menu s'affiche. Et maintenant, il y a différentes animations. Maintenant, regardons certaines de ces animations afin que vous puissiez voir ce qu'elles vont faire. Rebond m vient en rapide, glisse M glisse et flux fatten puis se développer à son tour dans, fly-in passé à Arkin, Puffin, Bolden, flip and reveal, slide n. Oui, le budget des animations. Donc, je n'utilise jamais flotteur, fondu et glisse. À mon avis, beaucoup de ces autres ont l'air assez grossier comme ça. C' est juste beaucoup trop, non ? Vous ne voulez pas que l'animation supprime message que vous essayez de communiquer à votre utilisateur. C' est pourquoi je préfère des animations plus subtiles comme flottées, fanées ou réjouies. Alors faisons-le. Le flotteur et gardons le bas. Une fois que vous avez sélectionné une animation, vous pouvez modifier
la direction d'origine de l'animation, en fonction de l'animation. Vous pouvez également sélectionner la durée. Alors combien de temps ça prend. Si nous avons comme un 3 seconde coulé dans et regarder le long des erreurs. Bien trop lent. Donc 1.2, c'est généralement bien. Et vous pouvez également retarder l'animation si vous voulez donner un peu de temps aux gens avant que cela ne s'affiche. Et puis il est agréable de ne faire qu'animer la première fois pour définir ces animations ne se produisent pas chaque fois que quelqu'un vient sur le site, cela devient un peu beaucoup. Donc on a flotté pour celle-là. Laissons ça. Voyons ce que nous voulons animer d'autre. Animons ceci en groupe. Vous pouvez donc animer un groupe entier pour regrouper ces deux éléments de texte, ce titre dans ce corps. Et alors animons-le et laissons-le flotter, semblable à la dernière à droite. L' image flottante à partir de la gauche. Comme ça. Ok, maintenant, voyons ce qu'on a jusqu'à présent. Donc le bouton les flotte. On les a laissés seuls. Et puis le sujet BLOSUM. Je pense que ce que nous pouvons faire avec les bandes, c'est d'avoir les éléments à l'intérieur d'eux groupés, puis simplement fondus et ensemble. D' accord ? Et la raison pour laquelle j'ai décidé de les mettre un échec est juste pour ajouter un peu d' intérêts à la page que vous faites défiler comme ça. Ok, alors laissez-moi aller de l'avant et ajouter de l'animation au reste du site. Et puis nous allons vérifier tout le côté jusqu'à présent dans la prochaine vidéo.
28. Une visite du site jusqu'à présent: D' accord, allons de l'avant et sur notre site jusqu'à présent, je vais rafraîchir la page pour qu'on puisse tout dire. Ok. Button ne devrait pas être là. Il est là. Voici notre guide de voyage pop-up pour Thaïlande. Vous pouvez vous soumettre, maintenant ? Et je verrai ce qui se passe quand je le ferai. Merci d'avoir soumis. D' accord. Mieux vaut s'abonner ici. Laissez-nous les billets de blog ou les dernières vidéos, des animations de
couple, des produits de voyage best-seller sur moi. Ce n'est pas moi, désolé. Oui. Et puis je vais voir notre page de blog. Il y a tous nos articles de blog là-dedans. Page de vidéos et à deux canaux d'air et de tétras. Qui encore, je ne sais pas, mais je parie qu'elle est géniale. On dirait qu'elle a de superbes vidéos. Et puis notre page suivante est notre formulaire. Nous avons mis en place quelques groupes de base, Asia Travel Forum. J' ai une photo ici. Très simple. Nous avons notre page à propos, des animations cool ici, photos courtes sur le café et ensuite le Sinon, même si ce n'est pas vraiment vu parce que c'est un faux site. Et puis dans notre page de contact, nous avons un formulaire de contact. Coordonnées, petite galerie courte, et garder les gens intéressés par notre Google Maps. Et continuez à aller dans un magasin. Et notre boutique, nous avons tous nos produits de voyage, donc j'ai marqué merch. Nous allons les ajouter à notre panier et il ouvre une mini carte. Vous êtes panier nous emmène ici et puis continuer à aller et vérifier à un non. Merci d'être un grand blogueur de voyage. D'accord. Donc c'est notre site jusqu'à présent. Certainement servi son but, qui est d'être un point central pour une information de blogueurs de voyage, leur blog, leur blog. Il y a des forums de discussion et un magasin où ils peuvent vendre des guides de voyage émergent et ce genre de choses. Maintenant, notre prochaine étape est d'optimiser le site pour mobile. Alors à la prochaine vidéo.
29. Optimiser pour mobile: Ok, c'est assez excitant. Maintenant, nous allons optimiser notre site pour mobile. Donc, il semble bon sur toutes sortes de téléphones intelligents. Optimiser votre site pour mobile est super important. Au moins la moitié de votre trafic va provenir de personnes sur leur smartphone. Et si vous avez quelque chose ciblé sur les consommateurs comme une entreprise B2C, comme un blog de voyage, alors plus que des pirates, votre trafic va probablement provenir de ce qui est probablement plus proche de 75 %. C' est donc génial que notre site de bureau ait l'air solide. Mais maintenant, nous devons entrer dans la version que la plupart des gens vont voir, qui est la version mobile. Et donc j'ai mis ici en haut, la sélection de page. Il y a une petite icône pour le bureau et pour mobile. Cliquez sur mobile parce que c'est ainsi que nous personnalisons notre version mobile. Ok, donc on peut déjà dire que ça a l'air un peu foiré, comme si ça ne marchait pas. Donc, faisons vraiment l'en-tête d'abord. Cet en-tête sera à nouveau sur chaque page. C' est donc un grand pas vers l' hypermobile de
nos traducteurs, car cela va mettre fin à chaque pitch. Tout d'abord, allons faire notre logo un peu plus grand et ajouter ce menu en haut. C' est une mise en page assez standard pour un site Web pour avoir le logo et un petit menu hamburger pour le menu. Maintenant, cliquez sur le menu et cliquez sur le menu Modifier. Notre menu mobile apparaît. Donc on ne veut pas qu'ils ressemblent à ça. Nous pouvons vérifier la mise en page et peut-être que nous pouvons l'avoir sur la droite à la place. Et c'est bien pour l'instant. D'accord ? Nous avons donc trois colonnes. Il y a juste beaucoup d'informations ici. Avons-nous besoin de notre, tous nos médias sociaux pour manger tout ça ici ? Je ne sais pas. Allons en faire un peu plus petit. D' accord. Et c'est une amélioration, mais je n'aime toujours pas ça. Allons de l'avant et dissimulons le bar social. Et on gardera le magasin là-bas. Les magasins importants. C' est le créateur d'argent. Ça a l'air mieux, mais je n'aime pas ça. Allons de l'avant et ajoutez la carte à côté du menu entre cela et le logo. Rends ça un peu plus petit. Déplacez un peu ces trois éléments vers le haut. Avec le magasin juste en dessous de ce bouton de choc, juste en dessous. Dans les petits gars, un peu plus concis. Ici. Nous rendons le bouton boutique plus petit. Une autre option que nous pouvons faire est que nous pouvons cliquer sur ce bouton, clic droit dessus, et aller à la boîte de menu. Alors maintenant, notre boutique, peut-on mettre dans notre menu ? Maintenant, nous allons cliquer dessus. Maintenant, nous parlons maintenant comme c'est beaucoup plus concis. Maintenant, je me sens à l'aise avec ce menu. Rallons-le plus petit. Nous avons besoin de cette photo de cette femme ici pour la version mobile. Je ne sais pas. Essayons de rendre ce voyage plus grand. Rendez cela plus grand pour que nous puissions voir, lisez le blog. Je suis un poste ici parce qu'il semble qu'un chemin mène à la République. Maintenant, il y a de l'espace mort et vous survolez un espace mort comme celui-ci, vous pouvez simplement cliquer sur Supprimer l'espace. Et c'est un moyen facile de le faire. Vous obtenez une taille accrue, taille de police. Sur votre version mobile, je dois faire est de cliquer sur la police, cliquez sur le texte, puis cliquez sur ces boutons. Vous pouvez simplement cliquer sur le bouton Paramètres et le taper ou faire glisser la taille de la police. Je rends juste ça un peu plus gros. Abonnez-vous au blog qui semble bien. Lisez mes billets de blog. Ça a l'air bien. Ils distribuent un peu plus gros, font
en fait 28. Ce qui veut dire, ce qui est 128 aussi. Et tu ne peux même pas voir ça. Alors déplaçons toute cette bande vers le bas. Il pourrait être dépouiller les feuilles, la poignée de traînée pour le faire glisser vers le bas. Très bien, voici nos produits de voyage les plus vendus. Vous pouvez faire défiler ici. Donc ça a l'air bien. Dans notre About Me, comme solide. Maintenant, réparons le beurre. On n'a pas de navigation en haut. On peut cacher naviguer. qui veut dire qu'on peut cacher toute cette colonne. Repositionnons juste certains de ces trucs. Comment ça a l'air ? Lequel nous les rendons plus centrés ? On y va. Ok, ça marchera pour notre pied de page pour l'instant. Ok, donc maintenant nous avons optimisé la page d'accueil pour mobile. Ça a l'air beaucoup mieux. Mais maintenant, nous devons passer en revue et faire la même chose à toutes nos pages. Je vais le faire maintenant. D' accord, c'est tout. Et je vais avoir dix minutes ou le site a été optimisé pour mobile et il aura l'air décent sur votre téléphone intelligent. Vérifie ça. Ouais, ça me semble plutôt bien. Donc, je vais ajouter une vidéo de ce côté à partir de mon propre téléphone. Et maintenant, notre prochaine étape est de commencer à optimiser notre site pour les moteurs de
recherche, puis verrouillé sur le même Callaway. On se voit dans la vidéo suivante.
30. Une visite du site mobile: D' accord. Bonjour.
31. Blogger avec Wix: Dans cette vidéo, je vais vous montrer comment ajouter un nouveau billet de blog à votre blog. Si vous commencez sur votre tableau de bord Wix, sur le côté gauche, vous verrez le blog en cliquant dessus. Vous verrez quelques options différentes. Sur le côté gauche, les brouillons publiés, catégories de corbeilles
planifiées, et il publie tous les blockbuster de la visionneuse ont déjà été publiés. Vous pouvez voir que nous avons quelques exemples de billets de blog ici déjà avec une image. Le titre et la date de publication sous les brouillons sont des dates postérieures sur lesquelles vous travaillez actuellement, mais vous n'aviez pas encore publié sous programmé. Vous pouvez voir un post qui est terminé et qui prévu pour un affichage comme celui-ci sur Washington DC, qui est obtenu pour le 15 décembre. Enfin des ordures. Vous pouvez voir les articles de blog dont vous vous êtes débarrassé. La chaise, l'option dans la poubelle pour restaurer vos messages au cas où vous changez d'avis et décidé de ne pas supprimer l'un de ces postes. La dernière, la dernière option sur le côté gauche est les catégories. Et il y a vos billets de blog, catégories, donc ce sont des regroupements, des messages. Ainsi, par exemple, pour une quantité de bug de voyage de l'Asie, l'Europe, les États-Unis, un blog. Et c'est vraiment facile d'ajouter un nouveau post. Vous pouvez simplement cliquer sur une nouvelle catégorie et nous nommerons celle-ci Afrique. Vous pouvez ajouter une image ici, où vous voulez. Et cela ouvrira votre médiathèque et ensuite il suffit de coller une image là-dedans. Super facile. Ok, donc de retour sous les messages et ensuite publié, vous pouvez voir les messages d'écoute. Et c'est là que vous pouvez créer un nouveau message. Donc, si vous cliquez sur Créer un nouveau post, ce générateur de post de blog apparaîtra. La première chose que vous pouvez faire est d'ajouter un titre, quelque chose comme un calmar en direct en Corée. Et puis juste en dessous, c'est là que vous pouvez mettre votre texte de blog. Donc je l'ai juste copié et collé. On peut mettre tout ça ici. Et c'est plus de ce hipster Ipsum que j'ai mentionné tout à l'heure. Ainsi, vous pouvez copier et coller. Habituellement, ils recommandent d'écrire votre message dans un document Word ou un Google Doc et de l'éditer là, puis de le déplacer sur que nous avons votre propre copie ailleurs. Et vous pouvez le configurer pour des personnes sans avoir à
créer un lien vers votre site Web si vous ne le souhaitez pas pour une raison quelconque. A-t-il déjà ajouté des tags dans le billet de blog ? Vous pouvez également ajouter des choses comme des images. Je dois faire est de cliquer ici, puis cliquez sur Ajouter. Et vous avez quelques options différentes. Vous pouvez ajouter une image, une galerie d'images ou de fichiers vidéo, des diviseurs, des boutons. Donc, vous pouvez faire un peu de lumière en concevant ces messages comme vos pages Web, mais beaucoup plus simple. Donc, dans ce cas, ajoutons simplement un entier à jeter ici pour rendre cette équipe de post de blog un peu plus intéressante. Je n'ai pas de photos de Live Squared, mais on peut faire des photos de voyage comme ça. Et donc, une fois que vous ajoutez une image, vous aurez quelques options ici. Vous pouvez faire la taille réelle. Vous pouvez faire un ajustement plus petit, le mieux adapté à la largeur. Et c'est vraiment commun à l'alignement de gauche à droite. Donc, il y a du texte sur l'un des côtés de
la, l'image et ces petits cercles blancs, vous pouvez faire glisser ces similaires aussi sur l'éditeur Wix pour redimensionner votre image. Ensuite, vous pouvez également éditer l'image en utilisant le même éditeur d'image que dans l'éditeur de frontend. Vous pouvez modifier les paramètres de votre légende. Tous les types dont on parlera un peu plus tard. Mais c'est une fonctionnalité de référencement qui
décrit essentiellement votre image pour moi, pour les moteurs de recherche. Donc ce serait une femme en jaune tenant un modèle d'avion. Allons de l'avant et nommons ça. Va le faire pour la légende à. Vous pouvez également lier vos images. Et enfin, vous pouvez les remplacer. Si vous sélectionnez l'un de vos textes. Vous disposez également de toutes ces options similaires à un document Google Doc ou Word. Et vous pouvez modifier n'importe lequel de ces paramètres quand vous le souhaitez. Pour que vous puissiez agrandir ces choses. Vous pouvez ajouter des en-têtes à votre document. Vous pouvez mettre les choses entre guillemets, ce qui est un peu cool. Laisse-moi te montrer à quoi ça ressemble et l'éclater. C' est assez simple si vous avez utilisé un, n'importe quel éditeur de texte avant. Parlons maintenant de certains des paramètres sur le côté gauche. Donc, sous le bouton Ajouter des éléments, Il y a des paramètres. Et pour que vous puissiez créer, vous pouvez changer votre image de
couverture, les images de couverture avec ce qui va montrer sur le front du site Web. C' est cette image juste ici. Nous garderons ceci comme l'image que nous avons déjà ajoutée au post pour l'instant. Vous pouvez modifier la date de publication et ainsi publier des éléments rétroactivement. Disons que vous avez écrit quelque chose le 1er mai et que vous voulez dire que ma première Indy a commandé de cette façon. Donc, après ceux-ci, de sorte que vous pouvez publier des choses rétroactivement. Vous modifiez également l'auteur. Vous pouvez avoir autant d'options que vous le souhaitez. Donc, si vous vouliez et que le sud doit être Stan, alors vous pouvez simplement ajouter une image de votre médiathèque. Peut-être que ce type est Stan. Devinez le blogueur. Vous pouvez modifier vos paramètres SEO. Donc, c'est assez important. C' est ce qui va apparaître sur Google. Pour ce post. Vous voulez que votre poste soit optimisé pour les moteurs de
recherche afin que les gens qui sont à la recherche de certaines choses, comme, ce que c'est que de manger des calmars en direct et la Corée. Je viendrais. Donc, vous pouvez réécrire le titre et la description va montrer sur Google pour ce post, si vous voulez quelque chose comme, ce que c'est d'être carré ? Je l'ai fait en Corée. Lisez mon rapport. Ok, les catégories sont ce dont on a parlé quelques minutes. Allez dans la catégorisation de vos messages, va catégoriser celui-ci comme Asie, parce que les mises à niveau en Asie, vous pouvez marquer ceci et c'est une autre façon de catégoriser. Mais c'est un peu, c'est pris à un niveau plus petit. Ce n'est pas une catégorie principale. Les gens peuvent cliquer sur les balises et voir d'autres articles ont été classés avec les mêmes choses. Donc nous coupons comme l'Asie, Corée de la nourriture au carré, quelque chose comme ça. Monetize serait, vous pouvez offrir des abonnements à votre blog. Ce n'est pas le cas, ce n'est pas si commun d'offrir des abonnements ou des billets de blog. Donc on ne va pas aller trop loin. Et vous pouvez également mettre en place des looks multilingues et nous allons
parler des regards multilingues dans une autre vidéo. Mais vous pouvez avoir un site multilingue. Donc peut-être que ce post n'est pas anglais, espagnol et coréen ou quelque chose comme ça. Ok, donc une fois que vous avez vos messages à la recherche de la façon dont vous voulez qu'il apparaisse, et aussi il sera allumé sur un Mac et assurez-vous que vous enregistrez vos choses, périodiquement eux, et nous allons en prévisualiser. Alors voici à quoi ressemblera un pouls. Vous pouvez voir cette photo se lever ici parce que je suis debout nom. Vous pouvez voir d'autres choses qu'il a écrites. Voici notre titre et nos textes. Voici l'image que nous avons ajoutée, et voici ces balises. Et si nous cliquons sur cette heure, nous serions en mesure de voir tous les messages avec cette balise. Ok, alors sortons d'ici. Et maintenant, nous pouvons le publier. Nous pouvons soit publier le post immédiatement, enregistrer en tant que brouillon, ou nous pouvons planifier le post pour l'avenir. Google et d'autres moteurs de recherche aiment voir que vous publiez du contenu périodiquement. Pour que vous puissiez programmer votre poste, n'est-ce pas ? Cinq ou dix articles, c'est beaucoup d'articles. Vous allez à l'avance et ensuite les poster sur un calendrier prédéfini. Et c'est une fois par semaine ou une fois par mois, une fois toutes les deux semaines. C' est à vous de le démontrer pour vous. Je vais mettre ça à publier le 8 juillet. D' accord. Poste prévu pour juillet. Donc ça a fonctionné. Mais en fait, je vais aller de l'avant et publier ceci maintenant pour vous, réel pour que vous puissiez voir à quoi ça ressemble sur le front. Actualisez notre page de blog. Et le voilà. Stan. Une minute de lecture, je vis le calmar et la Corée. C'est là. Il est donc très facile de publier un billet de blog. Si vous avez déjà écrit, vous pouvez obtenir ceux publiés très rapidement. Et si vous les utilisez régulièrement, la technologie des perruques ne vous empêchera pas. Vous devriez être en mesure d'avoir aucun problème à naviguer dans la fonctionnalité de blog et fonctionne. D' accord, c'est tout pour cette vidéo et je te verrai la prochaine. Merci.
32. Tutoriel du gestionnaire de contenu: Très bien, dans cette vidéo, on va entrer dans quelque chose d'un peu plus compliqué, un peu plus avancé et se réveille et c'est le gestionnaire de contenu. Le gestionnaire est essentiellement une feuille de calcul géante qui peut être utilisée pour créer dynamiquement des pages et des pages de catégorie à des fins d'information. Par exemple, disons que vous êtes une maison ou un modeleur et que vous avez 100 projets différents que vous avez réalisés dans votre écran. Ceux que vous pouvez utiliser le Gestionnaire de contenu pour créer une mise en page 100 identiques, pages de mise en page
avec, avec des informations personnalisées pour chaque projet, exemple la date du projet, et certains invités à partir d'images de galerie et d'une image de couverture. Et cela créerait également une page principale, un répertoire de toutes ces pages, afin que les gens puissent facilement les parcourir. Et permettez-moi de vous en montrer quelques exemples. Voici deux côtés que j'ai construits qui utilisent actuellement le Gestionnaire de contenu pour gérer leur portefeuille, leurs projets ou leurs propriétés. Donc Kw est un entrepreneur général et il est au Texas. Nous avons donc configuré le gestionnaire de contenu sur cette page pour afficher un grand nombre de leurs projets. Et donc c'est en fait une image que nous avons définie dans cette feuille de calcul que je suis sur le point de vous montrer. Le titre est, est défini dans cette feuille de calcul et il est lié à cette page de portefeuille avec une galerie, avec un titre. Et c'est à peu près tout. Et chacune de ces pages a l'air identique et est identique. Il utilise la même mise en page. Tout est tiré du gestionnaire de contenu. Et si c'est un peu déroutant, cela a plus de sens dans un peu. Ok, voici un autre exemple. Jsp I propriétés. Ils louent des propriétés à West Texas. Et ici, vous pouvez voir qu'ils ont des annonces, des maisons à louer. Vous pouvez voir l'adresse, les lits, le bain, superficie, le prix par mois. Et si vous cliquez dessus, vous pouvez voir plus d'informations sur cette propriété particulière. Vous pouvez voir une petite galerie. Vous pouvez voir probablement la description qu'ils ont sur les coordonnées de contact, très emplacement. Et maintenant, laissez-moi vous montrer à quoi cela ressemble
dans Azure Content Manager et le back-end des semaines. Voici donc le gestionnaire de contenu principal pour les entrepreneurs généraux Kw. Celui-ci est assez simple. On avait juste quelques champs. Et rappelez-vous que ce n'est qu'une feuille de calcul, n'est-ce pas ? Rien que vous n'avez jamais vu avant problème. Et donc vous avez une colonne de noms de projet, une image de produit qui est l'image de couverture principale que nous utilisons sur la page du répertoire. Et puis nous avons la galerie de leurs différentes photos du projet. Et puis en voici un qui est un peu plus compliqué. En tant que JASP, j'investis dans des propriétés. Ici vous pouvez voir nous avons un titre de la propriété et le nombre de chambres et salles de bains, l'adresse, le type de propriété. Comment est le duplex comme ça ? La description de l'image de couverture, s'il y en a un, le prix et la galerie de pieds carrés. Donc ça peut être assez compliqué, non ? Et vous pouvez les rendre assez vastes si vous le voulez, mais ils n'ont pas besoin de l'être. Donc, j'espère que vous pouvez voir à partir de ces deux exemples pourquoi avoir un gestionnaire de contenu est utile si vous avez beaucoup d'informations
répétitives qu'elle devra afficher d'une manière ou d'une autre. D' autres exemples peuvent être si vous avez beaucoup de galeries parce que vous êtes un photographe ou que vous êtes n'importe quel type de concepteur ou de création et que vous avez un portefeuille important que vous voulez afficher, le gestionnaire de contenu peut être votre meilleur pari. Donc, pour nos besoins, nous créons un blog de voyage. Nous allons donc utiliser le Gestionnaire de contenu pour créer un groupe de 518 pages identiques que nous pouvons utiliser pour afficher des photos de voyage. Alors nous pouvons avoir une page de photographie pour tous ces pays différents que ce photographe de voyage pourrait aller. Donc, nous pourrions avoir une page pour des photos de Corée et c'est beaucoup de photos de Corée. Et nous avons la date à laquelle ils étaient en carrière pour lui. D' accord. Commençons. Et le côté gauche sous le plus, nous allons cliquer sur Gestionnaire de contenu et accéder à cet écran. Et nous allons cliquer sur Ajouter décider. Et donc cela va créer deux pages pour nous, la page principale du répertoire, puis la page personnalisée qui montre chaque élément de votre feuille de calcul, chaque morceau de cette base de données. Donc, utilisons-nous, utilisons ce
préréglage de portefeuille juste pour le rendre un peu plus facile pour nous-mêmes. Je vais cliquer sur Ajouter décider. Ok, donc il a créé une base de données de gestionnaire de contenu modèle pour nous. Donc le titre de la pièce de portfolio, cette description, l'année, la galerie, puis l'image principale du produit. Prenons un nom de client. Donc on va en valoir un peu la peine. Nous allons personnaliser cela pour un photographe de voyage il afin que nous puissions avoir, au lieu d'un titre, Nous allons renommer ce nom de pays. Nous pouvons le garder dans la description et vous ferez cela visité. Avoir une galerie et l'image principale du produit ont été déplacés le nom du client. Ok, maintenant mettons des noms de pays. Maintenant, nous avons nos noms de pays ici. Ajoutons également un champ pour que vous puissiez voir comment cela fonctionne. Donc, si nous faisons défiler jusqu'à la fin de la feuille de calcul, la base de données, vous pouvez cliquer sur le signe plus et vous pouvez ajouter un champ. Il y a différents types de champs que nous pourrions créer. Un texte simple, un champ TextField simple, un champ d'image avec l'image principale du produit, un booléen, qui est un oui ou un non. Case à cocher, en quelque sorte un nombre par jour dans le temps. Juste l'heure. Textes riches, qui est des textes qui peuvent être conçus avec gras, gras, en italique et le genre de chose, liens, documents, PDF, téléchargement, vidéo,
une vidéo, musique, emplacement,
Tags, galerie de médias, certaines fonctions de codage. Nous allons donc créer un nouveau champ appelé lieu de pays. Et nous allons utiliser cette adresse de type de champ de carte construit cela. Et puis ceux-ci peuvent être déplacés, ils peuvent être réorganisés. Les champs peuvent être réorganisés si cela vous facilite la tâche. Maintenant, nous avons le nom du pays. Ensuite, nous pouvons mettre dans l'emplacement du pays pour créer une carte que nous pouvons ajouter à notre site Web, aider les gens à tirer leurs connaissances géographiques. Et maintenant, je vais aller de l'avant et personnaliser cette feuille de calcul pour que vous puissiez voir à quoi cela va ressembler à l'avant. Donc je vais probablement avancer rapidement sur cette partie et nous nous réunirons à nouveau dans une seconde. Ok, maintenant notre base de données de gestionnaire de contenu a été complètement pensé le nom du pays et la description de votre emplacement. Ils sont visités la galerie et la principale dimension du projet. Et il s'appelle cet homme pays. Il est en fait renommer cela de portefeuille aussi. Photographie de voyage. Sauvegardez ça. Pour le renommer, il suffit de cliquer sur les trois points, puis de cliquer sur Modifier les paramètres. En passant, vous pouvez également importer des articles ou exporter à partir d'un fichier CSV. Donc, si vous avez une feuille de calcul réelle avec un contenu similaire, certaines informations que vous pouvez télécharger ici, et vous avez juste besoin de créer une feuille de calcul avec les mêmes en-têtes de colonne. Ok, alors maintenant publions ceci et vous passez la souris dessus, vous verrez que nous devons réellement publier notre site Web pour voir cette information vivante. Faisons ça maintenant. Sortons de ça. Il va enregistrer automatiquement et y. Et nous allons cliquer sur Publier. Soyons de ce côté. Si vous avez un portfolio, c'est le répertoire de toutes les informations que nous venons de configurer. Ainsi, vous pouvez voir que chaque ligne a son propre article, la Chine, la Colombie, le Maroc. Et puis, si nous cliquons sur l'une de ces images, vous pouvez voir l'image de couverture principale, le titre, puis certaines des images. Donc, ça marche. Nos informations ont été ajoutées et nous
avons ce répertoire qui a été créé avec ces pages de répertoire. Mais évidemment, nous n'avons pas de client. Les données de l'année sont manquantes. Les mises en page ont un peu foiré. Alors maintenant, nous allons travailler sur la mise en page réelle de nos pages et comment tout se connecte sur la page au gestionnaire de contenu. Ok, dans cette vidéo, nous allons en fait concevoir et mettre en page sont des pages qui sont créées à partir du gestionnaire de contenu vont
connecter certains de ces champs de cette feuille de calcul, cette base de données et le gestionnaire de contenu à ces pages. En général, nous terminerons ces pages qui ont été créées par le Gestionnaire de contenu. Donc, à partir de notre écran d'accueil dans l'éditeur frontal Wix, nous pouvons cliquer Page Up ici et faire défiler vers le bas dans cette liste pour le portefeuille de tout le titre de notre portefeuille. Donc, nous allons cliquer sur le portefeuille tout. Et c'est notre page principale du répertoire, donc il y aura toutes nos annonces de notre base de données. Donc vous verrez quelques choses intéressantes ici. Un, ici, la seule a quelque chose. Ça ne va pas apparaître à l'avant. Cela ne va pas apparaître sur la conception réelle du site, mais c'est un rapide pour gérer notre contenu et le gestionnaire de contenu, qui peut également être trouvé ici. Et puis, si vous survolez certains de ces éléments, vous verrez cette petite ligne squiggly. C' est donc votre connecteur de jeu de données. Lorsque vous cliquez sur cette option, vous pouvez connecter différents éléments aux données
de votre feuille de calcul de gestionnaire de contenu dans votre base de données. Donc si on clique sur la galerie Wix Pro, ce gars juste ici. Cliquez sur Continuer les données. Nous pouvons voir que l'ensemble de données est un portefeuille. C' est ça, c'est la feuille de calcul. C' est le nom de la feuille de calcul sur laquelle nous travaillons. Nous pouvons voir que la source de l'image de la galerie Wexler est connectée à l'image principale du pays. Ce champ dans cette feuille de calcul. Les titres se connectent au nom du pays, qui est également une feuille de calcul. Descriptions ici connectées à. Et maintenant, nous pouvons réellement connecter cela nous-mêmes. Ainsi, les Écritures se connectent à. Nous pouvons cliquer ici et cliquer sur la flèche et sélectionner où cela, où ce champ est connecté. Nous allons donc l'ajouter au texte de description. Nous avons des descriptions plus courtes, rappelez-vous pour chacun de nos pays. Et maintenant tout est connecté. Cela pourrait être changé. Mais les seuls looks vous permettent seulement de connecter deux champs qui correspondent au champ dans le concepteur. Ainsi, par exemple, dans cette galerie, la source d'image unique pour chaque image de la galerie. Évidemment, nous ne pouvions pas connecter cela à la galerie complète dans la feuille de calcul de notre base de données. Nous pouvons nous connecter aux textes obtiendront une seule image. Et le seul champ de notre base de données Il s'agit d'une seule image est le champ principal de l'image du pays. Donc, nous allons cliquer dessus et il lie, se connecter au port pour le titre et avant le titre quand il est entre parenthèses, attacher comme ça. Cela signifie que c'est la page spécifique qui est créée pour chaque ligne, chaque ligne de la base de données. D' accord. Donc, pour rester avec moi si c'est un peu déroutant, il
suffit de coller un bâton avec. Et tout aura du sens après que vous vous entraîniez un peu seul et que vous traversiez ça quelques fois. Je recommande également si vous êtes un peu confus, il suffit de regarder la vidéo à nouveau et vous commencerez à entrer. Ok, donc on peut personnaliser un peu l'échelle de ces différents objets. Nous l'avons déjà mis à s'étirer. Cliquez également sur la mise en page des paramètres. Et nous pouvons affecter l'apparence de la mise en page réelle. Donc, pour moi, les articles sont vraiment espacés. Je ne pense pas quand tu as presque autant d'espace. Donc, je vais aller à Layout, mise en page personnalisée, et réduire l'espacement à aimer, faisons-le. 50 ressemble à. C'est un peu plus serré et donc ça me semble un peu mieux. D' accord. Et changeons le fond de la bande, quelque chose de plus intéressant. Peut-être juste une couleur plate pour l'instant. Et on changera ça pour être blanc. Débarrassez-vous de cette bande supplémentaire ici et resserrons l'espacement. Ok, donc maintenant nous avons la page de base de l'annuaire du portefeuille, et maintenant nous allons personnaliser nos pages de portefeuille réelles pour chacun de nos emplacements de voyage. C' est donc l'image principale, l'image principale
du pays que nous avons définie dans notre base de données. Rendons ça un peu plus petit. Étirez-le pour que tout s'étire avec elle. Tu n'as pas de client. Alors, où allons-nous nous débarrasser de tout ça ? Et puis nous avons ces deux champs, année, qui est un champ statique, il n'est pas connecté à elle et dites-le. Et c'est le vrai, c'est le champ réel qui est connecté à un jeu de données, notre jeu de données. Donc, nous allons cliquer ici. Nous avons supprimé le champ de l'année visitée et nous l'avons remplacé par le sont visités pour un champ de nombre. Alors remplacez cela et nous verrons maintenant les données correctes peuvent mettre être tirées en 2017 pour la Chine. Et je vais juste nommer le champ statique que vous avez visité. Déplaçons notre texte de description pour être en ligne avec cette information. Et rendons ce tout petit peu plus petit. Et si nous faisons défiler vers le bas, nous pouvons voir les images de la galerie que nous avons ajoutées dans notre jeu de données. Donc, si nous cliquons sur Gérer les médias, ce n'est que le statique, et ce ne sont pas les images réelles qui les montreront. Ce ne sont que des ordres de lieu statiques. Vous verrez si nous voyons réellement les images correctes. Et semblable à ce répertoire de la première page. Et je pense que les espacements où il est sur un fixe que. Donc Jenna, oui, c'est mieux. Pour ces boutons Précédent et Suivant qui sont liés aux éléments
du cou Précédent et Suivant de notre jeu de données. Donc, si vous cliquez sur les données verra son continue ce portefeuille informatique. Et cliquez sur, cliquez sur Action. Donc, en cliquant sur le bouton, vous connectez à la page d'adoption précédente. Ce sont toutes des pages dynamiques. Dynamique parce qu'ils changent. Il s'agit d'une mise en page qui change en fonction des informations contenues dans le jeu de données. Rappelez-vous qu'il jeu de données, juste une grande feuille de calcul. Alors rappelez-vous que nous avons un champ pour l'adresse. Ajoutons donc une carte qui montre où dans le monde Cet endroit est sur une carte. Nous allons rendre les choses un peu plus faciles pour nos visiteurs. Débarrassez-vous de cet espace supplémentaire. Donc, dans la bande, Ajoutons une autre colonne pour nous donner plus d'espace pour ajouter une carte. Donc, nous allons cliquer là et nous allons nous débarrasser des informations en double. Et nous espacons tout ça. Et nous allons ajouter une carte à cette colonne. Donc, si nous mettons le plus en contact et les forums, nous pouvons ajouter une carte pleine largeur ou un widget de carte, petit carré de carte. Ajoutons ça. Maintenant, nous allons le faire tenir dans la colonne, pour que rien ne soit coupé. Et il a besoin de planer. Lorsque vous survolez, il faut dire « tourner en bleu » et dire « attacher la colonne ». Et maintenant c'est dans cette colonne. Et puis nous pouvons le connecter aux jeux de données. Donc, si nous connectons un jeu de données, cliquez sur cette ligne squiggly pour vous connecter à la base de données droite de la feuille de calcul. Et puis l'emplacement se connecte à l'emplacement du pays. Il est maintenant ajouté à la Chine. Et maintenant, faisons juste une petite chose. Regardons un peu plus loin pour que nous puissions voir que nous sommes dans un monde qui est quelque chose comme ça. Ok, donc nos pages personnalisées pour nos galeries de photos, pour notre photographie de voyage et sont complètes. Allons au menu véritable gestion rapide. Vous pouvez renommer le portfolio, la photographie de voyage. Et ajoutons toutes nos nouvelles pages. Pages dynamiques. On a des pages dynamiques en Chine. Non, je ne l'ai pas déjà fait, alors je vais les ajouter au menu. D' accord ? Maintenant, nos menus créés avec tous nos sous-menus et notre page principale de l'ensemble de données. Nous allons prévisualiser le site et vous montrer comment tout s'est réuni et mettre la photographie. Et nous emmènera cette page principale avec chacun de nos emplacements de photographie de voyage. Et si nous cliquons, toutes nos photos seront là. Souviens-toi, on n'a rien fait spécifiquement à la page de Suède, n'est-ce pas ? Nous personnalisons la page Chine, que vous pouvez voir que le titre est écrire l'image principale est correcte, l'emplacement sur la carte, et la Suède est correcte. Les années sont correctes. Corruption ou images de galerie. Donc, je vais devoir faire est de personnaliser une mise en page de pages. Elle affecte la recherche de toutes les pages dans le Gestionnaire de contenu. Donc, j'espère que vous pouvez voir à quel point c'est puissant et à quel point il
serait utile si vous avez beaucoup d'informations à afficher, comme beaucoup d'endroits. Si vous avez été dans 180 pays, vous ne voulez pas créer 192 pages distinctes. Vous utiliseriez un gestionnaire de contenu pour s'afficher en tant qu'images. D'accord ? Donc, c'est le gestionnaire de contenu en un mot, je sais que c'est un sujet compliqué. Ça peut être un peu déroutant. Je recommande juste de pratiquer avec elle, essayant de le configurer vous-même. Et si tu as besoin d'aide, je suis là pour t'aider. Il suffit de laisser un commentaire et nous pouvons en discuter plus loin. D' accord. Merci.
33. Optimiser votre site Web pour les moteurs de recherche: Dans cette vidéo, nous allons parler d'optimisation des moteurs de recherche de votre site Wix. Cela s'appelle l'optimisation des moteurs de recherche. C' est un sujet très profond et beaucoup de gens ont beaucoup à dire que je suis ça. On va passer en revue les bases pour s'assurer que tu es prêt pour le succès. Et maintenant votre site est optimisé correctement lorsque vous le lancez, la première chose que nous pouvons faire est d'aller au tableau de bord w6 et ensuite aller au marketing et au référencement dans le menu de gauche. Et puis sous SEO se trouver sur Google. Donc, c'est un petit outil fonctionne a ils ont appelé le SEO Wix était et vous aider à choisir quelques mots clés et commencer à optimiser votre site. Donc d'abord, nous allons mettre dans notre nom d'entreprise a. Caleb, je vais dire que c'est en ligne seulement. Et pour décrire plus et dire blog de voyage et blogueur de voyage, photographe de voyage. Ces expressions de mots-clés doivent donc être des phrases que les gens peuvent rechercher lorsqu'ils recherchent votre entreprise. Donc pour nous, si nous avons un blog de voyage et que je suis à la recherche d'un blog de voyage, blogueur de
voyage et photographe de voyage. Ce sont des mots-clés, des termes de recherche ciblés. Si vous aviez une entreprise de plomberie que vous pourriez avoir quelque chose, votre clé ne serait pas quelque chose comme un plombier, Austin plomberie, Austin, quelque chose comme ça. Ok, Donc nous allons créer notre plan de référencement en utilisant ces trois termes, blog de
voyage, blogueur de voyage, et photographe de voyage. Et maintenant, nous allons simplement nous donner une liste de recommandations pour nous assurer que notre site est optimisé. Donc, il semble que nous avons fait trois des 71 étant que le texte de la page d'accueil est optimisé, ce qui signifie simplement que nos mots-clés sont inclus sur le texte de la page d'accueil. On dit que notre page d'accueil est visible dans les résultats de recherche. Et je vais vous montrer où ce n'est pas une minute. Et votre site est mobile convivial. N' oubliez pas que nous optimisons votre site pour les appareils mobiles plus tôt. Donc, la première chose que nous devons faire est d'optimiser notre page d'accueil et aussi nos autres pages en changeant leurs balises Meta pour refléter notre site. Donc, les balises Meta sont ce que vous voyez sur Google lorsque vous recherchez quelque chose comme le blog de voyage. Donc c'est ici le méta titre, et voici la description de Meta. Ce ne sont donc que des termes qui signifient le titre sur Google ou d'autres moteurs de recherche et la description sur Google ou d'autres moteurs de recherche. Et un éditeur de page d'accueil, si nous cliquez sur Pages, pages
principales, et cliquez sur ces trois points à côté de la page d'accueil ou de toute autre page. Et la deuxième option va être SEO, et c'est Google entre parenthèses. Si nous cliquons là, nous ouvrons ce menu et ce mot, nous pouvons changer le titre Meta et Meta descriptions pour chacune de nos pages. Donc, nous voulons avoir des balises Meta. Donc, le titre et la description de Meta qui contient certains des mots-clés que nous ciblons. Nous avons donc dit trois mots clés, blog
de voyage, blogueur de voyage et photographe de voyage. Donc je vais les ajouter ici. Et ce Caleb, blogueur de voyage. Venez voir mon blog de voyage gagnant et voir quelques-unes de mes photos de voyage impressionnantes. Vous voyez que nous ajoutons ces mots-clés que Google connaît nos sites Web. Nous allons donc faire des choses similaires pour chaque page. Ok, donc maintenant je vais avoir des balises Meta, la description de Meta. Laisse-moi te montrer encore une chose. Au bas de chaque page SCO, vous verrez cet onglet qui indique les résultats de recherche des personnes. Et maintenant cette vérification, si vous décochez à cette page ne
sera pas analysé par affirmer leurs robots de moteurs de recherche, et il sera répertorié sur les moteurs de recherche. Il y a aussi un référencement avancé qui dépasse un peu la portée de ce cours. Et vraiment, vous n'aurez probablement pas besoin de jouer avec elle pour bien fonctionner sur les moteurs de recherche. Ok, alors assurez-vous de publier votre site d'abord. Et une fois qu'il est publié, Allons aux livres SEO était et rafraîchir et voir comment nous faisons maintenant. Bon, maintenant, il nous manque encore une chose. Ajouter la page d'accueil est la description pour les résultats de recherche. Nous avons oublié le nom de l'entreprise et notre description. Donc, revenons à la maison SEO google aura configuré nomade, blog de voyage primé de
Caleb. Nous l'avons publié dans et nous actualisons à. Ok, maintenant on a le chèque. La dernière chose que nous devons faire est de connecter notre vue au domaine et de connecter Google Search Console. Alors maintenant que nous avons les bases de notre site optimisé pour les moteurs de recherche. Donc, notre prochaine étape consiste à appliquer un forfait premium à notre site Web, puis à attribuer un nom de domaine à notre site Web. Et au cas où vous ne le savez pas, un nom de domaine est juste ce Nomadic Matt.com. Évidemment, c'est le nom que je connais Medicaid ci-dessus. D' accord.
34. Fixer des étiquettes de Alt: Bon, alors parlons de tags alt. Les balises Ol ne sont que des descriptions de votre image. personnes qui utilisent l'écran, lecteurs
d'écran, comme les malvoyants, ont besoin de toutes ces balises pour leur dire ce qu'est l'image, ce qu'elle contient, à quoi elle ressemble. Il s'agit donc d'une fonctionnalité d'accessibilité importante. Il aide également les robots de Google à comprendre à quoi ressemblent vos images, ce qu'elles contiennent. Il décrit l'image aux bots. Il s'agit d'une fonctionnalité de référencement importante et il est également très facile à configurer. Je dois faire est de cliquer sur votre image sur l'une de ces pages. Et puis dans les paramètres, cette boîte de paramètres d'image apparaîtra. Et puis sous le texte de l'image un peu plus bas, il dit, ce qui est dans l'image, dites à Google, que c'est là que vous pouvez définir votre texte alt. Donc généralement par défaut, il va juste saisir le titre de l'image et la mettre là dedans. Donc celui-ci est heureux. accueil de la photographe. J' ai écrit, je l'ai intitulé plus tôt. Mais rendons ça un peu plus descriptif. Et B, femme prenant des photos en chemise verte. Et vous voulez que ceux-ci soient aussi descriptifs que possible sans écrire toute une histoire à ce sujet. Et alors nous passerions à travers, et pour toutes les images, je les décrirais. Donc, ici, même chose, nous pouvons cliquer sur Paramètres. Et ici, nous pourrions écrire un portrait d'une femme soufflant un baiser sur la plage. D' accord. Donc, c'est tout ce qu'il y a à toutes les balises. Ne soyez pas intimidés. C' est super facile, et je te verrai dans la prochaine vidéo.
35. Reliez votre plan Premium et votre nom de domaine: Ok, si bonne nouvelle. Notre site Web est essentiellement terminé. Il a l'air super et il est prêt pour le lancement. Et mon conseil est de ne pas avoir peur de lancer avant penser que
vous pourriez être prêt ou que le site Web est parfait. Parce qu'il est plus important de commencer, obtenir quelque chose là-bas et de commencer à faire des ventes et interagir avec le public que d'avoir votre site Web absolument parfait et n'a pas un seul problème ou défaut ou quoi que ce soit jusqu'à ce que vous commenciez à faire des cellules, vous n'avez pas vraiment d'entreprise. Je vous recommande donc de lancer le plus rapidement possible, puis de continuer à améliorer itérativement votre site Web et votre entreprise au fur et à mesure que vous allez. C' est comme ça que les choses fonctionnent. Donc, nous devons d'abord attribuer un plan premium, puis nous devons attribuer un nom de domaine à un site Web. Donc, le tableau de bord nous pourrions aller ici, comparer les plans ou les paramètres, comparer les plans. Et vous pouvez regarder à travers différents plans. Je parle des différents plans plus tôt dans le cours. Donc, vous serez probablement très bien sur le plan combo. Ou si vous allez faire du commerce électronique comme le côté, alors vous aurez besoin d'un peu. Alors peu importe le plan. Donc, j'ai en fait des plans à travers Webex parce que sur notre boue Web en partenaire. Donc je vais aller assigner ma planète et nous reviendrons tout de suite. Ok, donc assigné un plan business illimité à mon site web. Et maintenant, je vais venir à cet écran et il dit, félicitations, vous êtes triste. C' est premium. Obtenez le meilleur domaine gratuitement. En raison d'un bon de domaine gratuit vous fait avoir un tas de ceux-ci parce que nous avons tellement de plans à travers les travaux. Vous pourriez avoir un plan gratuit, peut-être pas. Je vais faire passer mon domaine par Wix. Et si tu le fais comme ça, c'est super facile. Moi, je te montre. Tout ce que tu as à faire, c'est mettre dans ton domaine et nous ferons quelque chose comme le tableau de bord nomade Caleb.com, juste parce que je pense que ça sera disponible et c'est plus facile à lire s'il y a un tiret entre ces deux C. Alors attrapons ça et je le ferai pendant un an. Ne regarde pas ça. Et nous garderons l'enregistrement public parce que c'est moins cher. D' accord. C' est ça. Merci pour votre achat. Côté nomade, Caleb est maintenant affecté à la Medicaid, donc nos côtés sont partis. Nous avons un plan premium qui lui est assigné. Nous pouvons maintenant accepter les paiements. Il y a aussi ce petit avis me demandant si je veux personnaliser la boîte aux lettres. Je ne le fais pas parce que ce n'est pas un vrai site, mais je vous recommande d'obtenir une boîte aux lettres le rend beaucoup plus professionnel si vos adresses e-mail sur votre site Web plutôt que sur gmail.com, comme quelqu'un qui traite avec des propriétaires de petites entreprises toute la journée, tous les jours, avoir votre adresse e-mail sur gmail.com est un cadeau mort à 100 pour cent que vous êtes probablement nouveau dans l'entreprise. Vous ne savez pas vraiment ce que vous faites et vous ne gagnez probablement pas beaucoup d'argent non plus. Et pour moi, je ne peux pas travailler avec des gens qui n'ont pas d'argent pour payer mes services. Ça ne vous donne pas l'air bien. Je vous recommande d'obtenir une adresse e-mail professionnelle. Ok, donc voici où domaine maintenant, mais si vous avez votre domaine ailleurs, comme GoDaddy ? Permettez-moi de vous montrer comment ajouter un domaine tiers à partir d'un service comme GoDaddy et environ deux minutes. Donc, un nouveau domaine. Donc, si vous allez dans les paramètres, puis dans les domaines, vous pouvez gérer un homme. En haut, il est dit ajouter un domaine existant, cliquez là, puis cliquez sur le domaine connecté que vous possédez déjà. Cela peut être de GoDaddy ou nommé bon marché ou Bluehost, ou partout où le diable vous avez acheté votre domaine. Nous allons donc venir à ce nom de domaine de GoDaddy sur notre site Web Works. Donc les méthodes de connexion directe, Il y a pointage dans les serveurs de noms. Les serveurs de noms ont été un changement plus fondamental. En nommant. Il vient de changer quelques paramètres et il n'interférera pas avec aucun de vos paramètres de boîte de réception e-mail où changer vos serveurs de noms interférera avec vos paramètres de boîte de réception e-mail si votre boîte de réception e-mail et la configuration sur GoDaddy. Donc, si nous supposons que vous avez acheté une boîte de réception e-mail déjà lorsque vous avez acheté un nom de domaine sur GoDaddy, alors nous utilisons le pointage. Si vos serveurs de messagerie sont en cours d'exécution de Wix, vous
pouvez utiliser la méthode de connexion des serveurs de noms. Donc, je vais supposer que vous avez acheté une boîte
de réception de GoDaddy lorsque vous avez acheté votre domaine et utiliserez le pointage. Ok, donc nous avons quelques marqueurs comme nom de domaine, d'accord, et cliquez sur Suivant. Il reconnaît que notre nom de domaine provient de GoDaddy. Oui, c'est de GoDaddy. Et puis il nous donne ces instructions super faciles. Et donc j'ai dû faire a été changé en enregistrements ou un enregistrement et ou CNAME enregistrement. On saute à GoDaddy. J' ai déjà parlé de ce nom de domaine qui déchirait San Marcos. Et nous pouvons gérer le DNS ici. Et puis je dois faire est de changer cet enregistrement NAM et l'enregistrement CNAME. Donc, nous pouvons copier et coller cet enregistrement juste ici dans la zone de valeur. pointe vers ici. C'est tout ce qu'on va changer. Et puis le TTL, on va régler ça à 600 secondes. D'accord ? Ttl signifie Time to Live. Et c'est essentiellement une minuterie sur l'information après laquelle cette information sera récente. Deux navigateurs et web seront donc accessibles à ces valeurs. Alors allons au CNAME. Les points sur cet enregistrement CNAME changeront le TTL à 600 secondes. D' accord ? Et donc nous devons le faire, puis nous allons cliquer sur Vérifier la connexion. Ok, disons maintenant que nous allons vérifier votre connexion de domaine. Cela va prendre jusqu'à 48 heures pour vérifier les détails
parce que nous avons réglé notre TCR à 600 secondes et ne prendrons pas plus de 10 minutes, mais nous traiterons et les domaines qu'ils sont obsédés de toute façon. Et nous y voilà. Nomade. Caleb est le domaine principal. Kayla juste un blog, redirige vers medicare.com et nous avons toiture San Marcos.com comme exemple. Cela va aussi lui rediriger un Caleb.com nomade. Et vérifions si Caleb nomade est maintenant en direct. Donc, c'est le site est en direct. N' importe qui dans le monde peut aller sur Medicare.com et voir ce site Web. C' est plutôt génial, non ? Donc, en construction, notre site n'a pas été lancé. Si vous construisez votre site Web et que vous êtes à ce stade est maintenant le temps envoyer le lien à tous vos amis et votre famille posté sur les médias sociaux en parler,
commencer à conduire le trafic, créer des messages sur le forum, écrire des blogs. Il est maintenant temps de parcourir 210 milles à l'
heure et de faire de votre site un élément fondamental de votre entreprise. Alors félicitations, votre site web est en direct.
36. Configurez Google Analytics: Dans cette vidéo, je vais vous montrer comment connecter
votre site Web à Google Analytics afin que vous puissiez suivre
avec précision le nombre de visiteurs que vous accédez à votre site Web, ce qu'ils font ? Eh bien les pages qu'ils visitent. Il est très important d'avoir des informations précises sur la façon dont les utilisateurs
utilisent votre site Web afin que vous puissiez l'améliorer de façon cohérente. Donc à partir de cela, il semble tableau de bord. Sur le côté gauche, a obtenu un marketing et un référencement. Ensuite, sous la sous-rubrique marketing, vous verrez les intégrations marketing. Cliquez là. Et vous pouvez intégrer quelques services marketing différents, comme Facebook pixel, qui serait les annonces Facebook ou Google annonces. Maintenant, nous allons connecter notre Google Analytics. Nous allons donc cliquer sur Connecter. Il va vous donner ces instructions que vous pouvez suivre. Mais je vais ajouter juste vous montrer visuellement comment le faire. Je vais donc cliquer sur Connecter Google Analytics, et il va vous demander votre identifiant Google Analytics. Il y en aura dans l'un des deux formats, donc ce sera UA, je vais ces chiffres ou G, tous ces chiffres et ces lettres. Donc, si vous allez dans Google Analytics, vous pourriez voir quelque chose comme ça. Si vous avez déjà créé un compte Google Analytics. Si vous n'avez pas accédez à Analytics sur google.com et configurez un nouveau compte. Une fois que vous avez fait ça et que vous êtes revenu, allez à l'administrateur. Il y a une petite icône en forme de roue dentée en bas. Et puis sous la propriété au milieu ici. Cliquez sur Créer une propriété. Et nous allons créer un nouveau Google Analytics pour la propriété. Et on nommera celui-là nomade. Caleb définira le fuseau horaire de reporting à l'heure centrale. Et puis, dans les options avancées, nous allons également créer un bracketing Analytics universel. Je vais mettre dans l'URL du site aussi dramatique, toucher Caleb.com. Ensuite, cliquez sur Suivant et vous devez vous demander des informations sur votre entreprise. Je vais dire que mes entreprises, les gens de la société, les petites entreprises. Et c'est ainsi que nous avons l'intention d'utiliser Google Analytics. Donc, une fois que nous aurons créé
ça, ça nous donnera cette information. La pièce dont nous avons besoin est l'ID de mesure. Donc, si vous cliquez sur ce bouton, vous pouvez le copier ou vous pouvez le mettre en surbrillance et le copier. Et puis on va retourner à notre tableau de bord et le coller. Et vous cliquez sur Enregistrer. C'est ça. Nous sommes connectés à cette Analytics. C' est donc tout ce que nous avons à faire pour connecter nos sites Web à Google Analytics. Une fois que nous aurons fait cela, nous pourrons revenir à l'analyse. Et après un certain temps, évidemment, nous ne verrons pas encore
d'informations ici parce que nous avons juste mis en place ça. Mais revenez après une semaine environ et vous serez en mesure de voir combien d'utilisateurs recevaient, combien de ces utilisateurs sont neufs, combien de temps ils passent sur le site Web. Combien y en a-t-il en ce moment ? Vous pouvez trouver, de sorte que vous voyez toutes sortes de bonnes informations. Et maintenant beaucoup de ces informations sont également disponibles dans Wix est Analytic Suite, qui si vous vous souvenez, il était dans le côté gauche, des analyses et des rapports. Mais en général, je l'ai vu dans beaucoup d'autres personnes ont vu le Google Analytics est beaucoup plus précis que de vous donner beaucoup plus d'informations détaillées. Et vous pouvez creuser dans les données d'analyse et beaucoup plus de détails. Je recommande donc d'utiliser Google Analytics lorsque cela est possible. Ok, donc c'est tout. C' est tout ce que j'ai à faire pour configurer Google Analytics sur votre site Web.
37. Félicitation ! Que faire ensuite ?: Félicitations. Vous avez mis dans le mot et vous êtes maintenant pleinement capable de créer un site Web tout par vous-même sans aucune aide à partir de zéro. Ce n'est pas facile, vraiment, plupart des gens ne peuvent pas le faire. Tu devrais te sentir très fier de toi. Comme toute autre compétence, vos capacités de conception Web s'amélioreront avec la pratique. Continuez à travailler sur votre propre site Web ou voyez si vous pouvez construire certains sites gratuitement ou assez bon marché pour vos amis et votre famille. D' après ce que j'ai vu, la formation des gens
prend habituellement cinq à dix sites Web avant que vous vous sentiez vraiment aise avec vos capacités et que vous pouvez commencer à facturer de l'argent réel pour vos projets. Maintenant, si vous prévoyez de continuer à travailler sur votre propre site Web, alors continuez à améliorer itérativement, regardant d'autres sites Web pour essayer d'obtenir nouvelles idées et voir ce que vous pouvez faire pour vous bouleverser mieux. Demandez à d'autres personnes de voir des choses que vous ne pouvez pas. Je publierai d'autres cours sur le web design, marketing
numérique et la gestion d'un studio de création à l'avenir. Merci beaucoup d'avoir suivi mon cours et de me faire confiance en tant que professeur. Continuez à pratiquer, continuez à apprendre. Et il montrera d'autres meilleurs. Amusez-vous à la conception. Et je te verrai la prochaine fois.
38. Extra - Vérifiez votre analyse: Dans cette petite vidéo rapide, je vais vous montrer comment vérifier
vos analyses de site Web à partir du tableau de bord w6. Donc tableau de bord Nomex, vous pouvez voir quelques analyses rapides ici. Il dit citer des sessions, publier des vues, des cellules totales. Cela aura l'air différent car vous pouvez personnaliser cela. Et donc si nous cliquons sur personnaliser, nous pouvons répondre dans les statistiques. Peut-être que nous voulons voir le nombre de visiteurs uniques. Peut-être que vous voulez voir le taux de rebond. Vous pouvez voir des descriptions de ce que toutes ces choses signifient ici. Alors allons de l'avant et sauvegardons ça. Nous avons donc plus d'informations ici, mais nous voulons voir toutes nos analyses en même temps. Alors faites cela, passons à l'analyse et aux rapports et consultez notre analyse de trafic. Voici où nous pouvons voir toutes nos analyses pour ce site Web. Maintenant, évidemment, c'est un site web fictif, donc il n'y a pas beaucoup de bonnes informations ici, mais j'espère que vous pouvez encore apprendre de cela. Donc entrer dans le tableau de bord w6, les rapports d'
analyse et le trafic. Et ici, nous pouvons voir vos sessions secondaires sont des visiteurs uniques. Donc, si le nombre d'individus qui sont venus, rien que des fois qu'ils auraient pu l'utiliser. Donc, si vous aviez sept personnes qui venaient deux fois chacune, vous auriez 14 sessions de sites, mais seulement sept visiteurs uniques. Combien de temps ils étaient sur le site, deux secondes. Espérons que les gens sont sur votre site Web
plus longtemps et vous pouvez voir la source de trafic par session. Donc direct Google, toutes ces choses en fonction de l'endroit où
votre, votre trafic vient, ce look totalement différent. Nombre d'incidents de nouveaux visiteurs par rapport aux visiteurs de retour. Vous pouvez voir les sessions par appareil. Et c'est une section importante ici car elle
vous indique combien vous devez vous concentrer sur l'optimisation de votre site pour mobile. Maintenant, évidemment, tous les sites Web devraient être optimisés pour mobile, mais il, la
plupart d'entre vous voyagez depuis mobile et vous avez vraiment besoin de vous concentrer sur C' vraiment tout ce que vous devez vous inquiéter est de vous assurer que vous avez une expérience mobile impressionnante. Dans les pages du haut par session afin que vous puissiez voir quelles pages les personnes visitent. Et puis dans cette section, vous pouvez voir les sessions par pays. Ceci est important si vous êtes une entreprise qui ne cellules que dans une seule région. Si vous recevez une tonne de trafic de la Chine, de l'Inde ou de la Russie, elle ne peut vendre qu'aux États-Unis. Peut-être que tu as un problème. Peut-être qu'il y a quelque chose de mal avec optimisation de
votre moteur de recherche ou peut-être quelque chose bien que les gens vous trouvent à l'international. Mais néanmoins, peut-être avez-vous besoin d'étendre vos marchés à la Chine ou à la Russie. C' est de là que les gens visitent votre site. Ok, donc vous pouvez aussi ajuster la période ici. Donc, si vous voulez, juste pour voir comme ce qui s'est passé sur le site aujourd'hui, vous pouvez cliquer sur le bouton Partager. Et puis tout cela, tous ces chiffres changeront pour être pertinents juste pour cela un jour. On n'a pas assez de trafic pour ce jour-là. Et vous pouvez également obtenir des rapports sur les étages. Ainsi, vous pouvez voir les rapports de ventes, les rapports de
trafic, les rapports de votre magasin, le blog. Alors regardons notre trafic au fil du temps. Ça vous mènera à un écran qui ressemble à ça. Et vous pouvez voir un joli graphique linéaire détaillant cette information, combien de graisse nous obtenons au fil du temps. Donc, c'est génial, surtout si vous êtes un concepteur web parce que vous pouvez fournir ces rapports à vos clients quand ils demandent à propos de votre site ou si vous effectuez un service SEO pour eux, vous pouvez demander si des pistes ressemblent ou quelles pages sont les plus visités. Vous pouvez entrer dans des rapports et être en mesure de leur fournir un joli petit rapport comme celui-ci. Ok, donc c'est tout. Il est super facile de vérifier vos analyses et de voir comment votre site ne se contente pas d'aller à l'analyse et a ensuite dû faire du trafic. Et vous serez en mesure de voir ces informations et prendre de meilleures décisions sur la façon d'utiliser votre site Web. Voir dans la vidéo suivante.
39. Extra - Vérifiez la vitesse du site: Vérifions les performances de votre site. Il est si important d'avoir un site Web de chargement rapide. Plus votre site se charge rapidement, meilleures sont les expériences pour votre client, plus il est probable qu'il devienne client. Et mieux votre site Web va faire dans les moteurs de recherche. Parce que les moteurs de recherche se soucient de la rapidité de chargement de votre site. Cela a un effet sur SEL. Allons de l'avant et vérifions la vitesse de notre site. Depuis le tableau de bord. Vous pouvez cliquer dans les analyses et les rapports. Ensuite, sous analyse des performances, vous pouvez voir la vitesse du site. Il va vous dire à quelle vitesse le chargement de votre site et comment nous pouvons les optimiser. Ici, nous pouvons voir nos sites, TTI, temps faire interactif. Et c'est à quelle vitesse, quelle vitesse les gens peuvent interagir avec nous. Une fois qu'ils cliquent sur un lien ou mettent dans votre URL sur le côté. Mais ici, en fait, nous ne pouvons pas voir d'informations utiles. Et cela est tiré de Google PageSpeed Insights, qui est ce développeurs de site Web comme google.com vitesse slash PageSpeed Insights. Il vous suffit de rechercher Google PageSpeed Insights. Je sais que ça ressemble à la racine carrée d'un 100. Donc, il semble que nos sites ne fonctionnent pas très bien vitesse sage sur mobile et de bureau. Maintenant, les sites Web parce qu'il y a tellement de logiciels impliqués et ce n'est pas seulement du code pur. La façon dont un ensemble codé personnalisé serait généralement ne fonctionne pas aussi bien que le côté du code personnalisé, tant que cela définit cola, mais ce n'est toujours pas si génial. Donc, nous voudrions examiner pourquoi cette vitesse est faible. Il se peut que nous ayons trop d'images ou d'images soient trop grandes. Ou peut-être que nous avons trop d'animations. Il se passe quelque chose qui ralentit un peu notre côté. Et donc nous aimerions examiner cela. Nous pouvons voir ici sur notre indice de vitesse sur mobile et en chantant 11 secondes. C' est beaucoup trop long. Et voyons si nous pouvons juste le tester à nouveau et voir si nous obtenons le même résultat. Ok, donc on a recommencé le test, et on dirait que notre score de bureau est un peu plus sur nos mobiles. Donc, ce que nous voulons remuer des façons d'améliorer cette vitesse de page. Peut-être que nous allons supprimer quelques animations. On pourrait compresser quelques images. On pourrait essayer juste en général de rendre le site un peu plus léger. Jetons un coup d'oeil. Nous avons donc deux images de haute qualité ici. Peut-être que nous pourrions supprimer une de ces images, supprimer l'animation. On a un pop-up et ça prend probablement une seconde. Alors peut-être qu'on peut faire quelque chose pour le pop-up. Nous pouvons supprimer tous ces arrière-plans personnalisés qui ralentissent définitivement les choses. Il y a beaucoup de choses vivantes que nous pouvons faire pour accélérer notre installation. Mais il y a toujours un acte d'équilibre. Voulez-vous avoir un beau côté design personnalisé ou voulez-vous avoir un côté vraiment rapide ? Quoi de plus important pour votre utilisateur ? Quoi de plus important pour votre entreprise ? Tu vas faire ce jugement. Il est en fait assez facile de vérifier la vitesse de votre site et vos performances définies depuis le tableau de bord. L' astuce est que vous devez comprendre comment obtenir ces chiffres pour améliorer votre site Web et améliorer l'expérience utilisateur pour vos clients sans transformer votre site Web en masse LV. Aidez donc à savoir comment vérifier les performances de
votre site à partir du tableau de bord des looks. Et je te verrai dans la prochaine vidéo.
40. Extra - Marketing par e-mail: Donc, dans cette vidéo, nous allons créer notre première campagne de marketing par e-mail. Le marketing maléfique est un outil fantastique. C' est un des meilleurs rendements sur investissement de toutes les formes de marketing. Et la grande partie à ce sujet, c'est que c'est gratuit. Je dois faire est de concevoir l'e-mail vous, je pense que ça coûte est votre temps et votre énergie, mais ça va vous coûter de l'argent. Donc, si cela ne fonctionne pas, pas grand-chose et si cela fonctionne, obtenez un retour sur investissement fantastique sur ce qui ne vous prend que 10 et 20 minutes. Alors montons notre première campagne Enoch. Donc, dans le tableau de bord w6, à partir du menu principal, nous pouvons aller au marketing et au référencement puis au marketing par e-mail, ce qui nous amène ici. Et donc il est dit de conduire le trafic vers votre site avec des campagnes e-mail, les informations de Scott. Donc, nous voulons cliquer sur le bouton bleu, créer votre premier e-mail. Ça va prendre un coup droit dans le designer Whigs. Et ça va nous donner quelques petits conseils utiles. Commencez à concevoir une campagne. On va juste sauter tout ça parce que je vais tout t'expliquer. Donc super facile de créer votre newsletter e-mail que je dois faire est de faire glisser ces éléments. Et donc peut-être que nous voulons deux colonnes juste en dessous de cette grande image. Et puis nous avons quelques options. On pourrait faire une image et du texte à des images avec du texte et un bouton, juste deux images. Laissons-le comme ça pour l'instant. Donc c'est comme ça que nous pourrions glisser dans un élément. De plus, sur le côté gauche, nous avons des thèmes qui ne sont que des designs rapides pour votre newsletter e-mail. Donc, je peux cliquer sur cela, voir changer la police, changer l'arrière-plan. Cliquez sur celui-ci. Nous pouvons personnaliser ces trucs nous-mêmes. Mais peut-être que pour le rendre un peu plus rapide, nous commencerons par le prochain. Ok, donc notre expérience est celle-ci. Nous pouvons donc choisir une couleur, un motif ou une image. Alors, nous allons télécharger notre propre image en cliquant dessus. Plus. Essayons ce modèle de voyage que nous allons utiliser dans certains des éléments et l'extrémité avant aller, qui semble mieux. Et alors nous allons simplement personnaliser cela et dire quelque chose comme annoncer notre nouveau guide de voyage en Thaïlande. Donc on peut juste changer le texte de cette image pour quelqu'un en Thaïlande. Thaïlande. Et changez celui-ci aussi pour une photo du guide de voyage. Alors disons, nous sommes allumés sur le bouton pour être maintenant. Pour l'URL, nous aurions une URL unique. Vendre notre produit, peut-être que c'est Voyage en Thaïlande. Donc on va appliquer ça. Débarrassez-vous de ces choses supplémentaires ou supprimez des éléments lorsque nous n'utilisons pas les informations de vos clients en bas. Donc, nos liens d'informations de contact à partager sur les médias sociaux et un lien vers notre site. Donc, par défaut, le lien du site serait créé automatiquement. Les autres choses que vous devez remplir vous-même, donc l'adresse et le numéro de téléphone. Une fois que vous avez un e-mail à la recherche que vous voulez, vous pouvez cliquer sur Aperçu et tester pour voir à quoi il va ressembler. Ok, donc cette boucle que vous allez voir dans leur boîte de réception, vous pensez que ça a l'air assez bien. Revenons à l'édition. Et nous pouvons ajouter les destinataires aux personnes qui veulent réellement envoyer. que votre site se développe, vous aurez plus d'étiquettes, plus d'audiences que vous pouvez envoyer. Ainsi, par exemple, éventuellement, vous pouvez avoir des groupes pour les personnes qui ont souscrit au forum. Les personnes qui s'abonnent à différents e-mails, newsletter, formulaires d'inscription, personnes qui achètent un produit chez vous. Évidemment, c'est un faux site, donc on n'a pas une tonne, alors nous allons juste l'envoyer à moi-même. D' accord. Donc maintenant, une seule personne qui reçoit le bulletin de l'AMC. J' espère que lorsque vous êtes assis dans vos bulletins d'information, vous êtes assis à des centaines et des milliers de personnes. Ok, alors l'étape suivante, nous pourrions faire un bouton Suivant et nous pouvons créer une ligne d'objet. En fait, pensez que l'annonce de notre nouveau guide de voyage en Thaïlande est très bien comme sujet. Et ajoutons une valeur dynamique. Ensuite, émettre des valeurs de i 0 va changer en fonction de qui vous l'envoyez. Vous pouvez donc cliquer sur ajouter une valeur dynamique et ajouter quelqu'un est FirstName, par exemple. Maintenant, nous pouvons dire, hé, Caleb, nous annonçons une nouvelle tuile et un guide de voyage. Et l'idée est que les lignes d'objet personnalisées
plus personnalisées comme
celle-ci sont plus susceptibles de choisir l'attention et de les amener à ouvrir un e-mail. D' après mon expérience, souvent cela fonctionne. Ce n'est pas tout le monde qui l'aime,
mais cela permet aux gens d'ouvrir votre e-mail. Donc nous allons changer le nom en pneumatique et Caleb, répondre à l'e-mail, Kayla péritoine. Et puis nous pourrions envoyer un e-mail de test, programmer un post. Nous pouvons envoyer un e-mail de test, e-mail
planifié ou l'envoyer maintenant. Donc c'est dans un e-mail de test à nous-mêmes. Faites-le moi-même. Donc on peut vérifier ça. Très bien, nous voici dans ma boîte de réception. Et s'il vous plaît ignorer le nombre d'e-mails non lus que j'ai. Je ne sais même pas ce que ces 80, 95 bar sont marrants. Voilà à quoi ressemble notre newsletter dans la boîte de réception de quelqu'un. Et c'est un guide de voyage de 100 truites. Voici notre photo, notre guide de voyage, notre texte de longueur 2 maintenant. Donc c'est bon. Ça va marcher. Donc c'est facile à assembler. Une lettre d'information par
e-mail ou tout type d' explosion par e-mail à envoyer à votre audience croissante pour votre site Web. Donc, de retour dans le tableau de bord w6, nous pouvons en fait planifier ces. Donc, ce que j'aime faire dans ma propre entreprise c'est mettre en place et plusieurs lettres d'information par e-mail en même temps. En suivant le traitement par lots d'idées, qui est de faire un travail similaire tout en même temps, gagnez du temps. J' aime donc préparer trois ou quatre bulletins d'information en
même temps, puis planifier maintenant au cours des prochaines semaines ou mois. Je pense que c'est la façon la plus simple de le faire. Vous entrez dans une sorte de flux. Vous sortez des bulletins d'information par courriel, puis vous avez fini pour le mois prochain. Je me sens des billets de blog aussi, d'ailleurs. Pour qu'on puisse esquisser ça. Peut-être que vous voulez l'envoyer mardi prochain à 12h30 ou les gens sont en pause déjeuner. Apparemment, les gens sont plus susceptibles d'ouvrir des courriels promotionnels au déjeuner. Mardi à 1238, je pense que c'est un bon moment. Envoyez notre newsletter. Ok, donc on pourrait programmer ma campagne maintenant. Mais sachez simplement que si vous planifiez votre campagne, vous aurez besoin d'un plan marketing d'envoi de wakes mis à niveau. C' est à vous de décider si vous voulez obtenir ça. Je pense que c'est utile parce qu'il y a beaucoup de grandes fonctionnalités et Lex est un plan marketing de péché. Si vous ne l'obtenez pas, pas grand-chose, vous pouvez simplement les envoyer au moment où vous êtes prêt à les envoyer. Donc, vous venez d'entrer dans des semaines sur plateforme de marketing
e-mail à 1238 quand vous voulez l'envoyer et l'envoyer comme ça, vous pouvez toujours créer ces brouillons, ok, Il est toujours enregistré. Donc, si nous revenons à mon marketing, verra ça ici. Ou même la campagne est en brouillon, prêt pour nous à envoyer quand nous sommes prêts à partir. En passant, le plan gratuit, vous êtes limité à trois campagnes par mois. La plupart des gens ne veulent pas recevoir plus de trois courriels par mois de votre part de toute façon. Donc je ne pense vraiment pas que ça devrait être un obstacle pour vous ou être un facteur décisif pour savoir si oui ou non vous obtenez un plan marketing de perruques ascend. Super, donc c'est tout. C' est tout ce qu'il faut pour créer des bulletins d'information
par e-mail et Wix et super facile et super rapide, vous devriez vraiment être en mesure de les faire en cinq ou dix minutes. Et si vous voulez vraiment mettre dans une ville et le rendre incroyable, peut-être 20 ou 30 minutes. Mais c'est un moyen très simple d'amener les entreprises à rester en contact avec vos clients et vos clients. Et je recommande fortement à tout le monde d'utiliser le marketing
par e-mail dans le cadre de leur stratégie de marketing numérique. Faites-moi savoir si vous avez des questions. Laissez un commentaire et je vous verrai dans la prochaine vidéo.
41. Extra - Importer des contacts dans Wix: Dans cette vidéo, je vais vous montrer comment importer votre liste de courriels ou votre liste de contacts dans votre tableau de bord de cire afin que vous puissiez envoyer des e-mails dans ces contextes. C' est vraiment facile. Je vais te montrer comment dans quelques minutes. Ainsi, à partir du tableau de bord des livres, vous pouvez accéder aux contacts, et cela vous amènera à la liste des contacts. Ceci fait partie de votre CRM gratuit, est l'endroit où toutes vos coordonnées vont être. Donc, vous pouvez voir votre nom, adresse et rachats dit avoir passé la dernière activité, vous pouvez personnaliser cette vue, mais nous ne allons pas trop entrer dans ce moment. Je vais juste vous montrer comment importer ces contacts. Il y a donc deux façons d'ajouter des contacts à votre
CRM hebdomadaire afin que vous puissiez leur envoyer des e-mails et d'autres choses comme ça. Vous pouvez soit cliquer sur le bouton bleu Nouveau contact
et le faire manuellement un par un, ce qui prendrait une éternité. Surtout si vous avez une liste plus longue, vous avez de 1 à 10 000 personnes dans votre base de données d'abonné de messagerie électronique. Ça va prendre beaucoup de temps. Donc, ce que je recommande est de cliquer sur Plus d'actions, puis d'importer des contacts. Donc, lorsque vous cliquez dessus, il vous donne deux options. Vous pouvez importer tous vos contacts de compte Gmail, ce qui pourrait avoir du sens si vous faites beaucoup d'e-mails individuels avec des personnes dans votre entreprise et que vous vouliez aussi exploser tous ceux qui cima avec sur une base régulière. Je veux. L'autre façon de le faire est simplement de télécharger un CSV. C' est comme ça que je ne l'ai pas fait. C'est vraiment facile. Tout ce que vous avez à faire est de cliquer sur le bouton bleu Get Started, télécharger leur échantillon CSV. Et il est donc mis ça sur un bureau. Et généralement cela va ressembler à un simple CSV avec seulement quelques colonnes de données. Nous avons le prénom, le nom, e-mail, le téléphone, l'adresse, la ville, société de
campagne, chaque couleur, ce qui serait un champ personnalisé et personnalisé. Nous allons sortir et supprimer le champ personnalisé de couleur préférée. Et toutes ces colonnes mappées à un champ dans le CRM Whigs. Et donc comment cela fonctionne est quand vous passez par ici et que vous essayez de le télécharger, nous allons saisir ce va télécharger la CSU qu'ils viennent de nous donner juste pour montrer, montrer comment cela fonctionne. Nous allons créer des abonnés de marqueurs parce que nous voulons envoyer des e-mails à ces personnes. Et puis nous devons faire correspondre les colonnes CSV deux champs dans les semaines. Vous devrez lui donner une seconde pour le charger. Et puis cet écran apparaît et c'est là que vous faites correspondre les titres de vos champs aux champs de contact Whigs. Donc, puisque c'est un CSV de jambes que super-facile mal apparié champ intitulé à contacter. Tout va bien. Et puis nous allons cliquer sur Suivant. Et puis nous pouvons étiqueter ces contacts vont se développer sur l'étiquette. Donc, disons que c'était un emo moins de notre ancien site, par exemple, nous pourrions mettre tout le site Web ou nous pourrions mettre quelque chose comme l'événement du marché des agriculteurs, Juillet 2020 et 2021 si c'est là que nous avons recueilli ces e-mails. Alors supprimons tout cela. Disons l'événement du marché fermier. Ne cliquez pas sur Importer. Ok, donc l'entrée a été terminée, cinq nouveaux contacts sont importés. Ils ont tous ce label jusqu'à l'événement du marché Juillet 2021. Donc, nous cliquons sur Terminé et je vais nous ramener à la liste des contacts où nous pouvons voir toutes les personnes téléchargées ici. Maintenant, quand nous allons dans notre outil de marketing par e-mail. Donc le marketing, le référencement, le marketing par e-mail. Et nous voulons envoyer une campagne par email. Disons que nous voulons envoyer celui-ci sur lequel nous avons travaillé plus tôt. Nous pouvons sauter par ici, arriver à ajouter des destinataires. Ensuite, nous pouvons envoyer, envoyer notre lettre d'information électronique à ces personnes qui sont étiquetées avec cette étiquette spécifique que nous venons de mettre en place lorsque nous avons importé nos contextes. Donc, nous pouvons envoyer un e-mail juste pour que ces paysans contacts avec les événements du marché. Et peut-être qu'on l'envoie. Nous pourrions envoyer un courriel qui dit, Hey, merci beaucoup de vous être inscrit à notre newsletter à cet événement. C' était génial. J' espère vous voir au prochain événement comme ça,
ce prochain marché fermier. Et donc nous pouvons commencer à cibler ou à recevoir des bulletins d'information humains plus spécifiquement. Maintenant, je ne vais pas envoyer ça parce que ce ne sont pas de vraies personnes. Mais je pense que vous pouvez voir à quel point il est utile de pouvoir étiqueter vos contacts et à quel point il est facile d'importer vos contacts depuis le CSV. Et rappelez-vous, tout ce que vous devez faire est de saisir ce modèle CSV qui fonctionne fournisseurs pour vous. Et puis formater vos données client dans ces, dans ce modèle. Donc, sous ces colonnes, c'est aussi facile que ça. En seulement quelques minutes, vous pouvez importer vos contacts à partir d'un ancien site Web ou d'un événement, ou de n'importe où vous pouvez les mettre tous ici il semble site Web et commencer à les chanter, vous savez, campagnes marketing et les gérer en trois semaines. Théorème. Ok, donc c'est tout pour importer des contacts, et je te verrai dans la prochaine vidéo. Merci beaucoup.
42. Extra - Automations Wix: Aujourd'hui, nous allons parler des automatisations Wix. automatisations sont géniales. Ils vont vous faire gagner une tonne de temps. Donc, fondamentalement, il semble automatiser les tâches simples que vous feriez autrement de manière répétitive dans le cadre de la gestion de votre site Web. Ainsi, nous pouvons trouver les looks sur les animations dans le tableau de bord w6 et ou outils CRM, puis les automatisations. Et laissez-moi vous montrer quelques exemples d'automatismes que la mèche suggère. Juste par défaut. Ils sont tous basés sur une application. Toutes les automatisations de vos livres
seront, exécuteront les applications que vous avez. Et quand je dis des applications, je veux dire des choses comme votre magasin de travail, votre blog Wix, nous allons les explorer, ce genre de choses. Et donc tout de suite, qui dit suggérer beaucoup d'automatisations très utiles pour nous. Les choses comme la récupération sont des chariots abandonnés. Donc, quand quelqu'un a quelques produits dans son panier et qu'il quitte le site, nous pouvons lui envoyer un e-mail pour voir si nous pouvons lui demander de terminer le processus de paiement. On pourrait faire des choses comme envoyer un mot de remerciement. Lorsque quelqu'un soumet un formulaire, vous pouvez automatiquement faire un suivi auprès quelqu'un après une semaine et vérifier comment il se passe. Peut-être que si vous vendez un cours, vous pourriez envoyer une couche de liens e-mail qui dit, Hey, comment se passe le cours ? Je peux t'aider avec quelque chose ? Ces autres automatisations sont des choses que j'utilise moi-même avec ma facturation. Donc, c'est comme si quelqu'un est en retard sur une facture, vous l'avez automatiquement envoyé par courriel pour le faire suivre. Cela vous permettra d'économiser une tonne de temps à poursuivre ces factures, ce qui est vraiment désagréable dans le travail des clients. Vous pouvez le configurer pour vous rappeler automatiquement ou à
vos clients de suivre une facture pour un devis, vous pouvez définir des tâches. Espérons que vous pouvez voir combien de temps et d'efforts vous pouvez économiser et
combien de travail ennuyeux vous pouvez éliminer en mettant en place des travaux sur les émissions. Alors regardons quelques uns d'entre eux qui sont déjà faits pour nous. Le plus utile que je vois tout de suite, c'est celui-ci, les visiteurs pour récupérer les chariots abandonnés. Donc, nous allons cliquer sur le bouton bleu utilise Automation. Vous arriverez à cet écran, qui est fondamentalement un générateur d'automatisation si puis. Et quand je dirai If Then, ce que je veux dire, c'est qu'il y aura un déclencheur. Donc si quelqu'un abandonne un chariot, alors faites ces contextes semi-métalliques. Et ceux-ci peuvent être beaucoup plus longs que ce qu'ils sont maintenant, vous pouvez créer une séquence d'e-mails entière où peut-être vous
les envoyez pour des e-mails et s'ils vous répondent et s'ils ne répondent pas, vous le faites. Ainsi, vous pouvez faire des automatisations très compliquées. Mais concentrons-nous sur les automatisations simples de base en ce moment. Donc, comme je l'ai dit, si c'est une déclaration if, et donc nous avons un déclencheur, une action, et un timing. C' est donc une animation de base. Donc pour celui-ci récupérer les chariots abandonnés ou déclencheur, c'est quand quelqu'un abandonne de carbone. Donc, si vous ouvrez cette boîte en cliquant sur cette petite flèche bleue, vous pouvez voir qu'il dit de créer une réponse auto-immune où elle est une application. Et c'est de cela que je parlais tout à l'heure quand j'ai dit que ceux-ci sont basés sur une application. Donc, nous choisirons l'application Wix et puis nous pouvons sélectionner le déclencheur pour le SAP, client fait un achat ou le client abandonne la carte. Et si nous voulions faire quelque chose basé sur les formulaires w6 ? Ensuite, il y a différents déclencheurs disponibles. Comme chaque fois qu'un visiteur soumet un formulaire. Maintenant, peut-être que vous pouvez voir que si vous aviez beaucoup de forums
différents qui étaient à des fins différentes, vous pouvez envoyer des gens différents éléments. Donc peut-être que ça semble vraiment déroutant, non ? Donc, ce que je veux dire, c'est si vous aviez une page sur votre site Web qui dit inscrivez-vous
à notre newsletter et obtenez un guide de voyage gratuit en Thaïlande. Vous pouvez leur envoyer automatiquement un guide de voyage. Et j'en ai un autre. Peut-être que vous avez un autre formulaire qui vous dit de vous inscrire à notre newsletter et d'obtenir un guide de voyage japonais gratuit. Et vous pouvez y avoir des aimants, ce guide de voyage. Et après ce point, vous pourriez leur envoyer une série de courriels pertinents à leurs centres d'intérêt. Une série de courriels sur le talent ou sur le Japon. Et vous pouvez faire tout cela dans l'outil d'automatisation Wix ici. Ok, alors revenons en arrière et finissons de créer notre séquence de courriels pour les cartes abandonnées. Donc, quand un client abandonne le courant, alors nous avons une option pour le faire. Nous pourrions donc envoyer un e-mail aux contextes, ce que nous prévoyons de faire. On va leur envoyer un email et leur dire, Hey, tu as oublié quelque chose ou du carbone. Nous pourrions être avertis par e-mail afin qu'ils nous avertissent. Nous créons une tâche à suivre avec eux. Nous connectons un Web hameçons ou à Zapier, ce qui serait essentiellement de
créer une automatisation qui utilise d'autres logiciels en dehors des semaines. Nous pouvons déplacer une carte et un flux de travail, qui est sur notre conseil de gestion des tâches. Nous pourrions ajouter des étiquettes, badges
assignés aux données à Google Sheets. Nous allons donc envoyer l'e-mail dans les contextes. Et puis si nous continuons, nous pouvons voir que nous pouvons personnaliser les détails du centre. Donc, ce sont vos informations. Donc je voudrais que ce soit quelque chose comme Caleb nomade. Caleb, sur nomade Caleb.com. D'accord. Et puis nous pouvons créer l'email que nous leur disions. Maintenant, dans une autre vidéo, je vais vous montrer comment concevoir et créer des bulletins d'information par e-mail. Mais pour l'instant, nous allons juste prévisualiser et tester ceci. Donc c'est à quoi ressemblera notre email quand il envoie à notre automatisé ceci, à
quoi allez-vous ressembler quand il envoie deux personnes qui dépendent de leur carte et disons que nous remarquons que vous avez quelque chose dans votre panier et image sera là du produit ou le nom et le prix du produit. Et quand ils cliquent sur reprendre votre commande, il les ramènera directement à la caisse. Espérons que vous pouvez voir à quel point cela peut être utile. Dans les statistiques montrent que cela vous aidera à augmenter vos ventes de 20 à 30 pour cent. Parce que retourner à l'installation. Et on va juste laisser ça en l'état. D' accord. Réglons une minuterie. Je pense que deux heures après l'achat est assez rapide. On va peut-être passer à deux jours. Je pense qu'il y a encore deux heures de shopping et qu'ils sont allés ailleurs. Il est sorti pour le déjeuner ou quelque chose comme ça. Donc je pense que celle d'aujourd'hui a peu plus de sens. Ensuite, nous pourrions ajouter des actions de suivi afin de rendre nos automatismes plus longs. Il avait un plan marketing de magazine premium. On ne le fait pas maintenant. Et pour les besoins de cette vidéo, je ne pense pas que nous ayons besoin de faire des automatisations en plusieurs étapes. Mais vous pouvez en cliquant sur l'action Ajouter un suivi. Ok, alors allons de l'avant et actionnons cette automatisation. C' est ça. Maintenant, notre automatisation est active. Vous pouvez voir qu'avec l'utilisation gratuite et le plan, nous pouvons obtenir, nous avons jusqu'à deux automatisations gratuites. Et vous verrez à quelle fréquence, combien de fois cette automatisation a été déclenchée ici. Revenons à nos automatismes. Et nous allons également créer cette automatisation envoyer un e-mail de remerciement aux visiteurs qui soumettent un formulaire. Et ces automatisations Wix préfabriquées sont super faciles à utiliser. Vous pouvez voir qu'ils ont déjà les déclencheurs et les actions dont nous avons besoin et planifié, la planification est prête à être lancée. Donc, tout ce que nous avons à faire est de cliquer sur Activer. Et voici à quoi ressemblera cet e-mail. Merci d'être entré en contact. Donc pour activer celui-là. Et maintenant notre site Web fonctionne pour nous tout le temps. D' une autre manière, non seulement est-il potentiellement en train de vendre produits ou des services pour nous même lorsqu'ils dorment, mais maintenant c'est aussi envoyer des e-mails aux visiteurs sur Encarta et des courriels de remerciement. On n'a pas besoin de cliquer sur quoi que ce soit. Nous n'avons pas besoin de contacter personne ou site Web et les automatismes font le travail pour nous. Donc, les regards sur les animations sont génial. Ils vont vous faire gagner une tonne de temps. Ils vont vous rendre la vie plus facile et ils vont rendre vos clients très heureux parce qu'ils vont obtenir un service rapide. Personne ne tombera à travers les fissures, personne ne
vous manquera. Et leurs besoins vont être tels. C' est tout pour cette vidéo et je te verrai dans la prochaine. Merci.
43. Extra - Placez votre image de partage de social: Très bien, dans cette vidéo, je vais vous montrer dans deux
minutes comment changer votre image de partage social. Il s'agit de l'image qui montre lorsque vous créez un lien vers votre site Web sur Facebook ou ailleurs, ou que vous envoyez un texte à vos amis ou un client. C' est l'image qui apparaît lorsque vous envoyez à quelqu'un un un lien vers le site Web. C' est vraiment facile à changer. Vérifions ça. Donc, sur le côté gauche et cliquez sur Pages. Ensuite, à côté de l'un de vos éléments de menu, vous pouvez cliquer sur les trois points, puis aller à partage social. Ce menu apparaît et vous pouvez voir ici, comment allons-nous télécharger une image et il vous donne un aperçu de ce qu'elle ressemble lorsque vous partagez votre lien, le lien vers votre site Web. Alors nous allons télécharger une image. Et on peut utiliser n'importe lequel de ces éléments. Prenons l'image du stock. Et celui-là chez le type qui prend une photo ? Et donc ceux-ci vont être uniques pour chaque page. Donc, nous pouvons définir ceci pour chaque page. Ainsi, par exemple, peut-être que vous voulez sur votre image de partage social vidéo. Tu veux que ce soit une photo de quelqu'un qui prend une vidéo, des trucs comme ça. C' est tout ce que vous avez à faire pour définir votre image de partage social super facile. Et j'espère que ça a aidé à vous voir la prochaine vidéo.
44. Extra - Édition photo Wix: Dans cette vidéo, nous allons consulter l'éditeur de photos Wix toujours sur votre tableau de bord. Sous les médias. Vous pouvez faire défiler ici et je dirai studio photo. Vous pouvez également cliquer directement sur une photo. Tu es arrivé ici ? Vous cliquez sur Photo Studio, puis vous pouvez le télécharger à partir de votre ordinateur ou sélectionner dans les fichiers de votre site. Donc, le studio photo va vous permettre d'éditer des photos et toutes sortes de façons différentes. Vous pouvez utiliser Adobe Lightroom ou l'éditeur de photos intégré de votre ordinateur. C' est similaire à ça. Il a quelques fonctionnalités pratiques. Nous allons télécharger cette image très rapidement. On peut le recadrer. Et nous voulons ce carré pour Instagram post ou quelque chose comme ça. Et la fonctionnalité que j'utilise très fréquemment est la coupure Vg. Et vous cliquez ici, il va découper le sujet principal de l'image. Cela fonctionne vraiment mieux s'il y a un contraste élevé entre le sujet et l'arrière-plan. Vérifions ça. J' ai fait un très bon travail. Il y a quelques pièces que nous pourrions nettoyer en utilisant la fonction de découpe raffinée. Meatus utilise un pinceau et essayer de brosser les morceaux. On ne veut pas comme ça. Restaons, disons que nous voulions cette pièce. Si vous avez déjà utilisé Photoshop, c'est super similaire. Vous pouvez le restaurer ou j'ai dit appliquer. Donc tu as cette petite découpe. Et nous pouvons aussi faire peu d'améliorations. On peut améliorer automatiquement. Et Wix prendra son meilleur devis sur l'amélioration de l'image. Vous pouvez l'ajuster manuellement à l'aide de tous les paramètres de retouche photo standard tels que
le contraste de luminosité, reflets, les ombres, la couleur, la saturation. Vous pouvez appliquer des filtres. Donc, comme les filtres Instagram, si vous êtes familier avec ceux-ci, alors vous pouvez même le transformer en un petit graphique ajoutant du texte et des arrière-plans et ce genre de choses. Je dirais que nous avons probablement rendu cette photo beaucoup plus ennuyeuse. Mais vous avez l'idée. Vous pouvez le sauver. Et maintenant, vous avez cette image à utiliser. Encore une fois, faites-le glisser sur notre page. Droit ? Cette image personnalisée éditée, C'est presque comme si vous avez un peu Photoshop va lire dans X. Donc, c'est l'éditeur de photo. J' espère que ça a aidé.
45. Extra - Créateur vidéo Wix: Le créateur vidéo Wix est aussi facile à utiliser que l'éditeur photo Whigs. Vous pouvez y arriver de deux façons. Donc, sur l'extrémité frontale, vous pouvez cliquer sur l'icône photo pour les médias et aller à Video maker. Ou dans le tableau de bord, vous pouvez aller dans le menu de gauche vers le marketing et le référencement, puis faire défiler vers le bas jusqu'au fabricant de vidéos. Ici vous pouvez voir qu'ils ont quelques modèles différents que vous pouvez utiliser pour commencer à annoncer une vente, la promotion d'une sorte de jalon. Ou vous pouvez simplement en créer un à partir de zéro. Donc, nous allons traverser ce très vite. Ils ont des rapports d'aspect différents. Carré pour quelque chose comme Instagram, paysage pourrait être pour vous de portrait pour une histoire Instagram. Donc, si nous cliquons sur créé une vidéo, il y aura ce petit tutoriel vidéo qui
apparaît et nous allons personnaliser notre vidéo. Débarrassez-vous des vidéos de l'espace réservé. Et j'ai coupé cinq vidéos pour que nous utilisions pour ça. Et quel ordre on les veut alors ? Peut-être quelque chose comme ça. D' accord. Maintenant, supprimons les textes qui sont infinis à notre propre texte. Voyage. Ok, maintenant on peut ajouter un style vidéo. Voyons voir, choisissons lequel on aime ? Peut-être des couleurs de style nano. On va les tenir pour l'instant. la musique. On peut juste regarder quelques-unes d'entre elles et voir ce que nous aimons. Donc, on va prendre celui-là. Je ne peux pas en avoir assez. Cette imposer va apparaître à la fin de la vidéo. Et maintenant, nous pouvons prévisualiser votre vidéo. Ça va prendre un psychopathe. D'accord, tout le monde écrit le chèque. Ouais, donc pas mal pour littéralement une minute de travail. Maintenant, avec Wix, c'est un plan de péché. Vous ne pouvez payer que gratuitement. Vous devez mettre à niveau votre ascend un plan marketing pour obtenir plus sur la planification professionnelle et créer dix par mois, illimité. Vous pouvez obtenir 15 jours par mois. Je ne m'attendrais pas à ce que tu gagnes tout cet argent, pas du moins quand tu ouvres tes affaires. Donc, en cliquant, enregistrez et partagez, et partagez-le sur les réseaux sociaux. Vous pouvez le télécharger directement sur YouTube très rapidement et facilement le partager sur Facebook, télécharger le fichier, télécharger quelqu'un d'autre comme la vidéo, comme Vimeo. Donc x rend vraiment facile de le créer. Une vidéo pour vous, pour votre entreprise très rapidement et partagez-la où vous le souhaitez. Et c'est tout. C' est tout pour le vidéaste Whigs. Il est super facile à utiliser, jouer avec elle et amusez-vous. Et laissez-moi voir certaines des vidéos que vous faites. Merci.