Créez votre site Web
avec l'Éditeur Wix

Bonjour et bienvenue dans notre première leçon sur l’Éditeur Wix.

Dans cette leçon, je vais vous montrer comment commencer à travailler avec l’Éditeur Wix.

Alors, c’est parti.

Tout d’abord, jetons un coup d’œil à certains des templates que Wix propose.

Wix propose des centaines de templates parmi lesquels vous pouvez choisir.

Par exemple, des templates pour les entreprises, les services et les boutiques, des templates créatifs, des templates pour les communautés et des templates de blog.

Vous pouvez également choisir des templates vierges si vous souhaitez partir de zéro.

Dans ce cas, nous allons choisir un template à utiliser, alors faisons défiler vers le bas et jetons un coup d’œil.

Vous pouvez voir ici que nous avons de très beaux templates.

Je pense que nous allons choisir ce template ici à droite.

Il me plaît vraiment, je trouve que ça fait très professionnel.

Alors, cliquons sur Modifier.

Excellent. Nous avons ici notre template, donc nous sommes prêts à commencer.

Jetons un coup d’œil à certains des boutons et outils les plus utiles que nous pouvons utiliser lors de l’édition de notre site.

D’abord, nous avons l’icône Ordinateur.

Elle nous indique que nous sommes en train de modifier notre site pour l’ordinateur.

En plus de cela, nous pouvons passer à la vue mobile, ce qui nous permettra de modifier notre site pour mobile.

Mais ne vous inquiétez pas, nous aborderons ce sujet dans une autre leçon.

Par ici, nous avons Sauvegarder, qui nous permettra d’enregistrer notre travail au fur et à mesure afin de ne rien perdre d’important.

Il y a le bouton Aperçu, grâce auquel nous pouvons prévisualiser notre site et nous assurer qu’il est parfait avant de le publier, et le bouton Publier.

Passons maintenant au panneau de gauche.

En haut, nous avons le panneau Ajouter des éléments.

Il permet d’ajouter différents éléments à notre site.

Nous pouvons ajouter une bande, du texte, des images, un bouton, une galerie, des éléments décoratifs, des éléments interactifs, et comme vous pouvez le constater, la liste est longue.

Ensuite, nous avons la section Pages.

C’est ici que vous pouvez voir toutes les pages de votre site.

Ensuite, nous avons Design du site.

Vous pouvez voir que nous avons choisi le thème du site.

En un seul clic, vous pouvez modifier l’aspect et le design de votre site.

Vous pouvez également personnaliser votre thème.

Ensuite, nous avons l’App Market de Wix.

Cet onglet contient des centaines d’applications parmi lesquelles vous pouvez choisir et lier à votre site.

Ensuite, nous avons Mon entreprise.

C’est là que vous pouvez gérer les applications que vous avez déjà ajoutées.

Passons maintenant à Média.

Ici, vous pouvez importer vos propres médias et voir les fichiers du site que vous avez précédemment téléchargés.

Nous pouvons voir le Studio photo, le Créateur de vidéos, des images Wix gratuites que vous pouvez utiliser, et aussi des vidéos Wix gratuites.

Le dernier bouton est l’outil Ascend.

Il peut vous aider à générer du trafic sur votre site et à en faire la promotion.

Passons à droite.

Ici, nous avons le bouton Annuler et le bouton Rétablir.

Ensuite, nous avons l’option Dézoomer et réorganiser.

L’option Dézoomer et réorganiser est excellente.

Vous pouvez faire un zoom arrière et réorganiser l’ordre dans lequel se trouve votre contenu.

Ensuite, nous avons le bouton Outils.

Il permet d’accéder aux options Barre d’outils, Calques, Règles, Grilles et Aligner sur objets.

Je trouve le panneau Outils très utile lorsque j’essaie de modifier mon site.

Par ici, nous avons Rechercher.

Dans cette zone, vous pouvez rechercher tout ce dont vous pourriez avoir besoin dans l’Éditeur.

Par exemple, vous pourriez vouloir ajouter une boîte.

Tapons « boîte ».

Vous pouvez voir ici que lorsque nous passons la souris sur les boîtes à thème, celles-ci s’ouvrent sur la gauche.

Il en va de même pour les diaporamas et les boîtes multi-états.

Le panneau de recherche est très pratique.

Maintenant que nous avons couvert tous les outils, passons à la partie amusante : jetons un coup d’œil à l’Éditeur.

La section que vous voyez actuellement est appelée la section au-dessus du pli.

C’est la première section que les visiteurs de votre site vont voir, donc c’est vraiment la section la plus importante.

C’est ici que nous voulons attirer l’attention des visiteurs de notre site.

Comment ?

Nous devons leur dire qui nous sommes, ce que nous faisons et où nous aimerions qu’ils cliquent.

Par exemple, si vous étiez une boutique, vous donneriez le nom de votre boutique, vous expliqueriez ce que votre boutique vend et vous ajouteriez peut-être un bouton « Acheter maintenant » pour pousser l’utilisateur à acheter.

En gardant cela à l’esprit, jetons un coup d’œil à la structure actuelle de la page.

Chez Wix, nous utilisons un en-tête, une page et un pied de page.

L’en-tête et le pied de page sont des éléments essentiels.

Cliquez sur l’en-tête et regardez.

Nous pouvons aller dans le panneau Outils, cliquer sur Calques et En-tête.

Nous pouvons voir maintenant que l’en-tête est ouvert.

Vous pouvez voir que les éléments à l’intérieur de l’en-tête sont tous orange.

C’est parce qu’ils vont être sur toutes les pages.

Chaque élément orange sera appliqué à toutes les pages, et il est important de s’en souvenir.

Vous pouvez y retrouver certains de nos éléments les plus importants.

Nous avons donc le nom de notre entreprise, un logo, un menu et un appel à l’action.

Il est important de placer le menu dans l’en-tête de sorte qu’il apparaisse sur toutes les pages, afin que votre visiteur soit en mesure de naviguer sur votre site.

Descendons.

Ensuite, nous avons la page.

Cette page est principalement composée de bandes.

Vous pouvez voir ici que nous avons une zone de texte.

Je vais vous montrer comment modifier le texte.

Double-cliquez pour supprimer du texte.

C’est aussi simple que ça.

Nous allons double-cliquer à nouveau afin de pouvoir réajuster le texte.

Parfait.

Nous allons continuer à descendre et jeter un coup d’œil au reste du site.

Vous pouvez voir ici les bandes ajoutées ainsi que les éléments qui ont été ajoutés.

En bas, on peut cliquer sur le pied de page.

Les éléments du pied de page sont tout aussi importants que ceux de l’en-tête.

Par exemple, ici, nous avons placé des liens vers Instagram, Facebook, Twitter, TikTok et YouTube.

Nous avons également des liens vers les Termes et conditions, Expédition et Retours et la Politique de confidentialité.

Remontons et jetons un coup d’œil à l’effet de défilement de l’en-tête.

Nous pouvons cliquer ici dans l’en-tête et accéder aux paramètres.

En ce moment, l’effet de défilement de l’en-tête est réglé sur Figer.

Alors, cliquons sur Aperçu et voyons à quoi ça ressemble.

Vous pouvez voir ici dans l’aperçu que l’en-tête ne bouge pas lorsque l’on fait défiler les pages.

Revenons en arrière et choisissons un autre type d’effet de défilement pour l’en-tête.

Nous allons cliquer sur l’en-tête, aller sur Paramètres, puis cliquer sur Disparaître.

Cliquons sur Aperçu voir ce que ça donne.

Vous pouvez voir que cette fois, si l’on fait défiler la page l’en-tête disparaît complètement.

Revenons en arrière.

Pour ce site, je pense que nous allons garder l’en-tête figé. Faisons comme ça.

Parfait.

Nous avons jeté un coup d’œil à certains des outils et des boutons, et je vous ai également parlé de la structure de la page, y compris l’en-tête, la page et le pied de page.

Je voudrais maintenant vous montrer quelque chose d’autre qui est vraiment intéressant.

Nous allons ouvrir le panneau Ajouter des éléments et sélectionner en bas Réseaux sociaux.

Nous allons choisir une des barres de réseaux sociaux.

Choisissons donc cette barre grise et faisons-la glisser dans l’Éditeur.

On peut voir qu’elle s’attache à la bande.

Maintenant, ce que nous allons faire, c’est l’épingler à l’écran.

Alors faisons un clic droit, et cliquons sur Fixer position.

Vous pouvez choisir exactement où cet élément doit être épinglé.

Par exemple, en bas, à gauche.

Dans ce cas, nous allons choisir au centre, à droite.

Génial. Ce n’est pas parfait, alors voyons ce qu’on peut faire d’autre.

Si nous allons dans la section Mises en page, nous pouvons la faire passer de l’horizontal à la verticale, alors allons-y.

Génial.

Nous pouvons maintenant voir que cette barre défile en même temps que la page.

C’est une bonne solution pour un élément que vous aimeriez montrer sur le site durant tout le temps de visite d’un utilisateur.

Maintenant, je vais vous montrer une autre astuce.

Faisons un clic droit et sélectionnons Afficher sur toutes les pages.

Regardez ce qui se passe quand on clique dessus.

Vous pouvez voir que le cadre autour de cet élément est passé du bleu à l’orange.

Cela signifie qu’il s’affichera désormais sur toutes les pages comme les autres éléments essentiels.

Jetons un coup d’œil à l’aperçu et voyons à quoi cela ressemble.

Parfait. Comme vous pouvez le voir ici, la barre sociale reste en place lorsque nous faisons défiler notre page.

Dans cette leçon, je vous ai donc fait découvrir tous les boutons et outils dont vous aurez besoin pour créer un site extraordinaire.

Je vous ai aussi parlé de la structure de la page, de l’importance de la section au-dessus du pli, de l’en-tête, de la page et du pied de page.

Nous avons également épinglé un élément à l’écran et l’avons configuré pour qu’il s’affiche sur toutes les pages.

J’espère vraiment que vous avez apprécié cette leçon.

J’attends avec impatience de vous retrouver pour la leçon 2.

Dans la leçon 2, nous aborderons les mises en page.

À bientôt.