Créer un site E-commerce avec Wordpress et WooCommerce de A à Z - Tutoriel 2024

si vous souhaitez créer une boutique en ligne au résultats professionnels facilement et rapidement vous êtes sur la bonne vidéo dans ce cours complet et gratuit je vais vous montrer étape par étape comment créer un site e-commerce avec woocommerce et WordPress qui sont les outils gratuits les plus populaires pour créer une boutique en ligne et je vais pas à pas vous guider jusqu'à réaliser vos premières ventes en [Musique] ligne donc bienvenue dans ce cours complet ben sur WordPress et woocommerce donc on va apprendre à créer une boutique en ligne de A à Z pour ça comme

vous allez le voir on va passer par SEP grandes étapes qui vont être vraiment très facile à la Pée de tout le monde par exemple on va commencer par obtenir son son nom de domaine donc l'adresse de son site web on va aussi héberger son site et installer WordPress et woocommerce ensuite on va ajouter un thème gratuit donc ça va vraiment être le meilleur thème pour avoir un site moderne avec une bonne expérience utilisateur et cetera on va ensuite ajouter nos produits modifier notre site et configurer les derniers détails de sa boutique par exemple euh

le moyen de paiement l'expédition et cetera et ensuite après ça notre boutique sera en ligne donc ça vous allez voir que ça peut faire peur si vous êtes débutant mais ça va vraiment être des étapes qui vont être très simples à suivre si vous suivez bien ce tutoriel étape par étape la force du thème qu'on va utiliser c'est qu'on va pouvoir installer n'importe lequel de tous ces sites qui sont vraiment très professionnels qui ont des designs vraiment super super aboutis et réalisés déjà par des professionnels vous avez pas besoin d'aucune connaissance en code ou en

design en fait on aura juste à importer ce site le modifier le mettre à notre image donc après on pourra le configurer très simplement et très facilement pour vraiment l'adapter à nos besoins et à notre image et de cette manière votre site va vraiment être très simple à réaliser et vous aurez une boutique qui est vraiment professionnelle par exemple ici on peut voir quelques exemples de boutiques en ligne qu'on va pouvoir importer et personnaliser voilà on a plein de thématiques différentes bien sûr elles sont toutes adaptables à n'importe quelle activité mais on a voilà des

design super chouette qui ont déjà été réalisés par des professionnels et donc qui fonctionnent qui sont qui ont une bonne expérience utilisateur qui sont optimisés pour la conversion et cetera donc voilà ça c'est plein de modèles qu'on va pouvoir utiliser et modifier directement et ce qui est génial avec la méthodologie je vous propose c'est que ces sites sont déjà tous adaptés sur mobile donc ça va être un vrai gain de temps et vraiment quelque chose de très simple à mettre en place donc avant de commencer à construire votre boutique en ligne jeais juste vous parler

un petit peu de pourquoi utiliser WordPress et woocommerce par exemple par rapport à Shopify également quel est le budget qu'il faut prévoir par qu'en effit Shopify c'est sûrement un des outils le plus utilisé pour créer des boutiques en ligne mais s'il y a bien un problème c'est le prix il faut compter environ 36 € par mois ce qui est pas forcément très abordable si on débute et c'est vraiment la grande force d'avoir une boutique avec WordPress et woocommerce euh c'est que ça va pas être vraiment plus compliqué pas du tout ça va être aussi simple

par contre comme vous pouvez le voir euh on aura juste le coût d'un hébergement donc ça euh un hébergement il faut compter environ 52 € par an donc 4,3 € par mois euh à l'inverse de Shopify où là du coup on est à 36 € par mois euh si vous avez une boutique sur Shopify au bout de 2 mois votre boutique avec Shopify aura déjà plus de frais qu'avec WordPress sachant que Shopify prend également des frais sur chacune de vos ventes donc c'est pour ça que WordPress c'est vraiment un outil très intéressant à utiliser si

on veut une boutique en ligne donc là je le rappelle mais 4,30 € ça va vraiment être le seul coup qu' notre boutique en ligne on va rien avoir d'autre de payant que ce soit le thème WordPress c'est également gratuit euh nous on va bien utiliser la version openourcewpress.org et donc WordPress.com souvent on nous le fait remarquer en commentaire que WordPress c'est payant mais non WordPress.com c'est autre chose en fait c'est juste une sorte de constructeur de site payant par WordPress mais WordPress ce que tous les sites utilisent c'est wordpress.org qui est un CMS open

source et ça ça s'installe complètement gratuitement donc maintenant on va déjà s'attaquer notre première étape donc obtenir son nom de domaine donc ça va être l'adresse de son site web et héberger son site puis on va également installer WordPress et woocommerce très facilement pour ça je vais vous inviter à cliquer sur le premier lien dans la description et comme ça on va pouvoir obtenir son nom de domaine héberger son site et installer WordPress et cetera on se retrouve donc sur le site hostinger donc hostinger c'est une société qui propose des services d'hébergement pour héberger et

vous fournir un domaine pour votre site web c'est vraiment pour moi le meilleur hébergeur ou un des meilleurs en tout cas il y a un très bon service client ça fonctionne très bien et c'est vraiment très simple d'utilisation et en plus les tarifs sont vraiment très attractifs je pense qu'on peut pas vraiment faire moins cher comme vous pouvez le voir si on va sur le site de wordpress.org si on va dans hébergement c'est également un hébergeur qui recommande tout simplement bah c'est un très bon hébergeur qui est très fiable et qui fonctionne très bien j'ai

pas précisé aussi mais si vous êtes passé par le lien dans la description vous allez aussi avoir accès à une promo et une promo supplémentaire avec notre code promo vous aurez 10 % supplémentaires et nous comme on va créer une boutique en ligne on va se rendre ici dans Word Press et on va cliquer sur l'option woocommerce info gérer donc là ça va pas être les plans d'hébergement classique ça va être des plans un petit peu plus élevé puisqu'il y aura besoin d'un peu plus de performance on va dire pour son site comme c'est une

boutique en ligne et pas simplement site vitrine donc comme on peut le voir ici les tarifs démarent à 3,99 € par mois donc c'est vraiment très abordable et en plus là on a vraiment une formule qui est adaptée à une boutique e-commerce on peut avoir 100 visites mensuelles par mois est vraiment quelque chose d'assez puissant et qui est vraiment optimisé pour une boutique en ligne avec woocommerce tout simplement je précise également car ça me semble assez important mais vous avez une garantie de remboursement de 30 jours donc si vous avez peur de vous lancer vous

n'avez rien à perdre vous pouvez toujours vous faire rembourser dans les 30 jours donc ça c'est vraiment très intéressant on va remonter un petit peu sur la page et on va prendre le plan de base business c'est vraiment largement suffisant pour une boutique en ligne donc on va cliquer sur commander donc on va descendre un petit peu et on va sélectionner le plan sur 12 mois et là si je descends encore un petit peu on peut voir que dans avez-vous un code promotionnel vous pouvez rentrer notre code promo donc web 10 l'appliquer et vous aurez

une réduction supplémentaire donc on tombe à 52 € TTC ou 43 € hors taxe donc c'est vraiment pas cher pour une année hein je précise avec un an de domaine et tout ce qu'il faut pour commencer une boutique en ligne donc ensuite on va devoir se créer un compte donc pour ça on va renseigner une adresse email un mot de passe ensuite on va renseigner son prénom son numéro de téléphone son payer de résidence voilà ensuite son adresse et cetera c'est facultatif ensuite on va pouvoir procéder au paiement ici rentrant ces informations de carte bleue

et on pourra installer par la suite son site très facilement quelques clics donc je le répète mais vous avez une garantie de remboursement de 30 jours vous n'avez vraiment rien à perdre à vous lancer donc de mon côté j'ai pu rentrer ma carte bleue donc je vais pouvoir cliquer sur Soumettre un paiement sécurisé je vais simplement avoir autoriser le paiement avec ma banque voilà c'est fait et on peut directement retourner à la boutique et là on va être redirigé vers cette interface et c'est là qu'on va pouvoir installer en quelques clics WordPress et son site

internet son nom de domaine et CETA donc à qui s'adresse ce site à moi-même ou mon entreprise donc je clique sur suivant ici on va créer un site web suivant ici on va rentrer un mot de passe administrateur pour se connecter à son site web voilà ensuite on va cliquer sur Suivant quel type de site souhaitez-vous créer une boutique en ligne suivant on va créer un site vierge ici on va sauter cette étape souhaitez-vous générer du contenu boutique en ligne avec lia on va également sauter cette étape donc à cette étape on va pouvoir choisir

son nom de domaine donc c'est le nom de son site je le rappelle et euh c'est complètement gratuit puisque c'est compris dans l'abonnement qu'on a déjà payé avant moi par exemple j'ai envie de faire une boutique de café où on va vendre du café et je vais l'appeler instant café par exemple et là on peut voir que instantcafé.fr euh c'est un nom domaine qui est disponible donc je peux le sélectionner et cliquer directement sur Suivant donc là on a pris un domaine qui finit par pointfr donc là ça nous donne un petit message qui nous

dit justement que c'est réservé au résidents de l'Union européenne donc on va avoir quelques coordonnées à rentrer en plus donc on est en France on est une entreprise ou une organisation on passe à l'étape suivante et là voilà tout simplement on va rentrer les informations de sa boutique ou de son entreprise donc on va l'appeler instant café voilà donc j'ai rentré toutes ces informations on va pouvoir cliquer sur étape suivante on va également rentrer sa date de naissance et cliquer sur Terminer l'enregistrement donc là ça va nous demander où se trouve notre public cible et

ici on a tous les emplacements des serveurs que dispose du coup hostinger il y a des serveurs en France au Royaume-Uni en Lituanie aux États-Unis et cetera et il faut savoir que plus on va prendre des serveurs qui sont proches de notre public plus le temps de chargement de notre site va être rapide donc ici il y a des serveurs en France donc c'est parfait autant pour le temps de chargement que pour tout ce qui vaêtre protection des données et cetera parce que du coup ces serveurs en France sont seront soumis aux réglementations françaisees et

européen donc cliquez bien sur France et suivant et là c'est en train d'installer WordPress voilà c'est pas plus compliqué que ça là c'est directement en train d'installer WordPress et notre site et ensuite on pourra directement s'y connecter et commencer à le modifier et à créer notre boutique facilement donc maintenant on arrive ici donc c'est le panneau d'administrateur dostinger personnellement j'ai un message ici qui me dit que l'état du nom de domaine instant café sera disponible dans environ 24 heures alors en général ça met plutôt 30 minutes 20 30 minutes c'est le temps que le nom

de domaine s'installe correctement tout simplement euh dans tous les cas en attendant si on clique par exemple sur Aperçu du site web euh voilà on a ici un nom de domaine provisoire et dès que le nom domaine sera installer toutes les modifications qu'on a fait sur le domaine provisoire sont transféré du coup sur le domaine définitif donc si ça prend 24 heures par exemple vous n'ururez pas attendre 24 heures pour commencer à créer votre site vous pourz directement commencer à le modifier et toutes les modifications que vous allez apporter seront directement transféré au nom de

domaine définitif voilà donc de mon côté j'ai juste eu à attendre une vingtaine de minutes et j'ai rafraîchi la page et maintenant si je clique sur mon nom de domaine on peut voir que le site est bien installé donc ça c'est le site de base de WordPress bien sûr on va tout configurer he ça aura plus rien à voir avec ça je retourner sur le tableau de bord hostinger et on va directement cliquer sur panneau d'administration et là ça va nous rediriger vers le backend de WordPress donc l'espace administrateur de WordPress voilà juste à cliquer

et ça nous connecte sur press donc ici là on est sur notre tableau de bord WordPress donc comme on peut le voir on va voir ici les pages les articles nos médias nos photos et cetera apparence ici c'est là où on va pouvoir ajouter un thème ici on va pouvoir ajouter les extensions ici ça va être les réglages donc général écriture et cetera donc déjà pour commencer on va cliquer sur permalien petite modification qu'on va faire donc on va bien faire en sorte que nos permalien soient paramétrer sur titre de la publication en fait c'est

juste pour que nos liens du coup soient plus propres par exemple si on a une page à propos du coup le lien de cette page sera instant café/ à propos voilà donc si c'est pas coché vous le cochez puis vous descendez vous cliquez sur Enregistrer les modifications ensuite directement ce qu'on va faire çaêre ajouter un thème gratuit donc pour ça on va se rendre dans apparence thè puis on va cliquer sur Ajouter un thème ici on va taper le thème blo alors si vous scrolz un petit peu vous pouvez le trouver directement ici donc c'est

un des thèmes les plus populaires sur WordPress pouvez cliquer ici et l'installer sinon vous pouvez taper bloc si dans la barre de recherche si jamais vous ne le trouvez pas et cliquez sur Installer puis activer voilà donc on a déjà installé notre thème maintenant on va également installer bloxy compagnon donc c'est ce qui va nous permettre d'avoir des super modèles de site près à l'emploi donc on va juste cliquer sur Installer blockxy compagnon et là comme on peut le voir on a un nouvel onglet blocy et si je clique sur site de démarrage ici on

va avoir accès à plein de sites euh ici je peux venir changer les catégorie par exemple si je veux uniquement voir les sites e-commerce voilà et là du coup ça va nous proposer uniquement tous les sites e-commerce on va pouvoir utiliser pour notre boutique donc on a vraiment des choix de site par exemple celui-ci qui est bien sympathique ou encore celui-ci qui est vraiment très propre très épuré et qui fonctionne vraiment très bien donc nous on va partir sur celui-ci pour ça je vais cliquer sur Importer on va installer un thème enfant on va cliquer

sur suivant on va choisir comme constructeur de page élémentor donc c'est le constructeur de page c'est un constructeur de page gratuit et c'est le constructeur de page le plus populaire sur WordPress on peut vraiment tout faire avec et tout modifier très facilement on va ensuite cliquer sur Suivant là ça va nous proposer d'installer plusieurs extensions donc WP form pour avoir un formulaire de contact élémentor ça va être le constructeur de page et woocommerce c'est du coup une extension qu'on va greffer à WordPress pour pouvoir avoir une boutique en ligne fonctionnelle et avoir plein d'options supplémentaires

justement pour avoir une boutique en ligne donc on va bien s'assurer que ces trois extensions soient coché et on va cliquer sur Suivant ensuite on va également cliquer sur suivant et là du coup ça nous installe directement notre boutique en ligne donc notre boutique a directement été installée ça a pris environ une petite minute 30 secondes et là on peut cliquer directement sur voir le site pour voir notre site alors là ça me met encore l'ancien l'ancien thème c'est normal on va retourner ici je vais quitter ça on va aller ici euh sur ce petit

symbole donc c'est pas forcément obligatoire si vous avez light speed cchee il va falloir le faire ou pas nécessairement mais c'est que l'ancien thème en fait est encore dans le cche de notre navigateur donc juste cliquer sur tout purger ici voilà et si maintenant je rafraîchis cette page voilà on a notre site complet qui a été importé donc comme on peut le voir a déjà tout ce qu'il faut notre page produits avec nos différents produits notre page à propos notre page contact notre page blog nous on va pas spécialement avoir de page blog mais on

p ajouter des articles très facilement et maintenant on va directement voir comment on peut ajouter des produits à notre boutique donc pour ça on va retourner ici sur le logo WordPress pour retourner sur le tableau de bord alors j'allais oublié mais avant toute chose on va faire un tout petit réglage dans élémentor donc on va aller ici dans elémentor dans réglage puis on va aller dans fonctionnalités ici on va descendre un petit peu et on va trouver la fonctionnalité barre supérieure de l'éditeur donc moi elle se trouve en de mais vous il se peut qu'elle

soit beaucoup plus bas en fonction de vos versions donc je vous invite à trouver cette fonctionnalité et très important la passer en inactif alors pourquoi la passer en inactive donc ça va changer aucunement les fonctionnalités dans elementor ça va faire en sorte que nous ayons vous et moi la même interface sur elémentor peu importe la version et comme ça ça vous assurera de pouvoir suivre le cours de la meilleure manière possible donc on va bien le passer en inactif on va scroller un petit peu en bas de page et on va cliquer sur Enregistrer les

modifications voilà maintenant on va recliquer ici et tourner au tableau de Bo WordPress et maintenant on va commencer à importer nos produits donc pour ça on va aller dans l'ongl produits et là on peut voir qu'avec le template qu'on a ajouté on a déjà plein de produits donc qui sont pas les nôtres donc on va ici cliquer sur cette icône pour tous les cocher et on va tous les mettre à la corbil pour les supprimer et maintenant on va pouvoir ajouter directement nos produits donc avant toute chose ici on peut voir que l'application woocommerce elle

est en anglais donc c'est pas très embêtant mais c'est toujours mieux si on l'a en français donc pour ça on va directement aller dans tableau de bord mise à jour on va descendre tout en bas et on va cliquer sur Mettre à jour les traductions voilà donc maintenant si je reclique ici sur product on peut voir du coup que c'est devenu produit et qu'on a du coup ajouté importer et cetera du coup c'est bien en français donc dans produit je vais cliquer directement sur Ajouter et là c'est le moment où je vais vous montrer du

coup comment ajouter un produit et vous montrer un petit peu toutes les options que vous avez donc on va cliquer sur Ajouter puis là on va ajouter un nom un are produit par exemple moi ça va être café français donc un premier produit ici dans description produit on va pouvoir ajouter notre description voilà ici on a un éditeur de texte classique euh donc si vous voulez mettre quelque chose en gras par exemple euh mettre quelque chose en italique et cetera voilà vous avez toutes les possibilités d'un éditeur de texte classique et si je descend ici

euh on va pouvoir déjà renseigner si c'est un produit simple ou un produit variable par exemple un produit variable on y reviendra après donc nous on va dire que c'est un produit simple et on va pouvoir rentrer son tarif régulier par exemple 15, 99 voilà si je vais dans inventaire ici on va pouvoir renseigner si on a envie de suivre la quantité ou non par exemple si on fait du dropshipping on va pas suivre la quantité parce que on aura pas de stock réel donc on aura pas besoin de suivre la quantité mais si on

clique ici on va pouvoir renseigner du coup sans stock par exemple si on a notre produit en sans exemplaires et dès qu'on fera une vente sur notre site du coup ça déduira automa pratiquement la quantité vous pouvez quand même continuer de décider de vendre votre produit malgré la rupture de stock en cliquant sur Autoriser ici ensuite dans expédition vous pouvez renseigner ici le poids ainsi que les dimensions du coup de votre article donc c'est facultatif c'est pas obligatoire dans produit liés on y reviendra après mais en gros ce sera pour avoir des produits similaires on

va dire qu'on va pouvoir afficher en dessous de nos fiches produits et ensuite attribut et avancer ça on va pas s'en servir pour le moment voilà donc on va revenir dans général on va remonter un petit peu et ici on va pouvoir ajouter une image produit par exemple si je clique sur définir une image produit je peux venir sélectionner un fichier directement sur mon ordinateur et du coup je vais prendre l'image produit de mon café français du coup je venir l'importer directement ici et la définir comme image produit si j'ai d'autres images peux venir ajouter

une galerie de produit donc ajouter toutes les images que j'ai envie d'ajouter pour ce produit par exemple voilà je peux ajouter différentes image ici on va en garder qu'une que l'image produit et ensuite du coup je vais remonter un petit peu je vais cliquer sur Publier voilà donc là je vous ai montré comment ajouter un produit simple maintenant si vous voulez ajouter un produit variable donc un produit variable c'est si par exemple votre produit des différentes couleurs différentes tailles et C ajouter un produit variable et ici dans attribut du coup vous allez créer de nouveaux

attributs par exemple couleur et vous pouvez mettre par exemple bleu vert rouge puis enregistrer les attributs ensuite si on va dans variation on peut générer des variations OK et là du coup ça va nous faire des variations différentes et si on clique sur Modifier ici on va pouvoir ajouter le prix pour chacune de nos variations par exemple voilà ici par exemple celui-ci serait plus cher on pourrait le mettre plus cher et de même pour celui-ci on va pouvoir le laisser comme ça et on peut enregistrer les modifications ici pareil on peut mettre à jour ici

la page et du coup là par exemple si j'ai envie de retourner sur mon site voir un petit peu ce qu'on a fait précisément on a pu ajouter ici notre article et ici ça nous donne la possibilité de sélectionner une option voilà et on peut voir si je prends par exemple le vert le prix est plus élevé que le bleu comme ce qu'on avait paramétrer du coup sur notre boutique aussi je l'ai pas précisé mais si on retourne dans variation qu'on fait modifier ici on peut ajouter une image du coup qui sera différente pour chacun

des produits par exemple on pour avir l'image en bleu l'image en vert et C on va retourner sur un produit simple voilà et on vaenseigner du coup le tarif et mettre à jour les modifications donc pour ne pas vous perdre on va rajouter ensemble un second produit je cliquer ICI sur Ajouter on va mettre le nom de notre produit donc café arabique par exemple on va descendre un petit peu ici on va ajouter la description de notre produit voilà renseigner le prix donc 15.99 inv inventaire ajouter le stock si on en a envie pareil renseigner

si on en a envie du coup le poids les dimensions et ce pour l'expédition les produits liés par exemple ici on pourrait lier à ça pour vous donner un exemple café français voilà et ensuite définir notre image produit aller dans téléverser et du coup sélectionner notre café arabique voilà donc on clique sur Définir l'image produit et maintenant on peut publier ce nouvel article donc là je vais retourner sur notre site si je retourne sur la page d'accueil ici voilà on a le café arabique le café français qui a été ajouté et si je clique sur

le café arabique voyez ici on a une petite phrase vous aimerez peut-être avec le produit qu'on a associé donc c'est pour ça que c'est assez sympa de paramétrer ça ça peut du coup augmenter vos ventes et cetera ici aussi comme on peut le voir on pour ajouter une petite description directement en dessous du titre pour ça si on retourne sur notre produit on peut descendre jusqu'à description courte et venir cololler une description un peu plus courte et mettre à jour du coup cette page et là on aura une petite description qui viendra s'ajouter ici on

a également la catégorie ici pour l'instant c'est en non catégorisé mais ça une fois qu'on aura importé tous nos produits on va pouvoir s'occuper de catégoriser tous nos articles et du coup ici avoir la catégorie associée à notre produit je vais retourner sur le tableau de B WordPress je vais retourner don produit et je vais ajouter un par un tous mes produits et je vous retrouve directement après donc voilà de mon côté j'ai pu ajouter tous les articles de mon choix donc tous les café que j'avais envie dans ma boutique avant de commencer du coup

à modifier notre site on va ajouter des catégories donc les catégories c'est ce qui va nous permettre de catégoriser en fait nos différents articles par exemple si je clique sur catégorie ici on peut voir déjà qu'on avait des qui avait été ajouté par le template qu'on a installé donc on va les cocher et on va les supprimer voilà dans un premier temps ensuite on va ajouter nos catégories donc moi je vais avoir deux grandes catégories ça va être arabica je vais l'ajouter et robusta voilà ajouter ensuite si je retourne dans tous les produit ici je

vais pouvoir en cliquant sur modification rapide assigner mes articles à une différente catégorie donc j'ai tout le temps décoché une catégorie Z parce que du coup c'est une catégorie qui est réservée pour les articles qui ne sont pas catégorisés et nous on en veut pas donc on va la décocher à chaque fois et on va mettre à jour puis faire ça pour tous nos articles mettre à jour voilà moi je vais faire ça ça pour tous mes articles et je vous retrouve directement après voilà donc on a pu déjà ajouter tous nos produits à une

catégorie maintenant j'aimerais juste vous faire un petit aperçu de ce qu'on a fait donc on a déjà pu obtenir notre nom domaine on a pu installer WordPress et woocommerce on a pu ajouter un thème gratuit on a pu ajouter nos produits et maintenant déjà on a fait voilà les trois/art maintenant ce qui va être la partie fun ça va vraiment être de modifier notre site et le rendre propre à notre image et à notre identité et ensuite pvoir configurer les derniers détails de notre boutique afin que notre boutique soit en ligne et prête à faire

des ventes alors déjà on va commencer par modifier notre page d'accueil mais avant ça j'aimerais un petit peu vous montrer euh ben les fonctionnalités qui s'offrent à nous via le thème ainsi que woocommerce euh donc il faut savoir que du coup euh grâce au thè blxy et à l'extension woocommerce qu'on est venu greffer à WordPress euh on a déjà du coup plein de choses qui sont euh déjà préfait qu'on aura pas à faire qui vont du coup rendre tout ça très simple par exemple ici on peut voir qu'on a déjà les produits qu'on a ajouté

si je peux par exemple cliquer sur un produit l'ajouter au panier choisir le nombre de stock par exemple l'ajouter au panier ensuite par exemple je peux aller directement dans mon panier voir le panier tout simplement ici on peut ajouter un code promo ça je vous montrerai après comment créer des coupons pour vos promotions par exemple ensuite on peut valider la commande rentrer tous les détails de facturation ensuite bonà on n pas encore parametttré de de moyens de paiement euh mais par la suite une fois que euh quelqu'un aura commandé du coup vous recevrez directement sur

votre compte donc tout ça euh voilà pour que vous compreniez bien c'est euh déjà fait en fait donc c'est la grande force de cette méthode on va pas se casser la tête à faire tout euh ça il y aura rien à coder tout est déjà inclus dans le thème en fait donc ça va être super simple nous ce qu'on va juste s'occuper ça va être un petit peu d'adapter le design du site du template qu'on a euh importé on a déjà ajouté nos produit donc maintenant voilà on va juste se focaliser un petit peu sur

le template qu'on a importé et ensuite on va faire quelques derniers réglages pour paramètrer les frais de livraison le mode de paiement je vous montre un petit peu comment créer des codes de réduction des choses comme ça et ensuite votre boutique en ligne sera déjà prête donc là à l'heure actuelle elle est quasiment déjà prête en réalité vous avez déjà vos produits on peut ajouter les choses commander des choses et cetera juste maintenant on va juste peaufiner tout ça peaufiner notre site euh le rendre à notre image et ensuite s'occuper des derniers détails et dans

un premier temps avant de modifier notre page d'accueil on va aller ici dans apparence personnaliser on va aller commencer par modifier nos couleurs et nos typographies parce ça c'est des couleur globale qu'on va pouvoir du coup changer sur tout le site directement alors comme vous pouvez le voir moi pour cette vidéo j'ai préparé une petite charte graphique donc ici ça inclut en fait le logo ma palette de couleur avec mes différentes couleurs et ma typographie également j'ai fait un petit moodboard avec des image assez sympa pour présenter en quelque sorte le type d'image que j'ai

envie d'utiliser pour mon site donc ça vous vous pouvez en définir une au préalable définir vos couleurs votre logo un peu le type d'image que vous allez utiliser le type de typographie ou alors vous pouvez juste faire un petit peu dans les réglages chercher quelques cométis de typo de couleur ou autre qui fonctionneent bien donc ça c'est vraiment fonctionne chacun moi je préfère en général du coup définir ça avant mais euh bon ça c'est à vous de le décider donc on va retourner ici donc par exemple si je vais dans couleur ici je vais pouvoir

changer ma palette de couleur donc la mienne elle est relativement proche de celle-ci mais elle est un petit peu différente donc je vais la changer un petit peu par exemple ma première couleur donc ma couleur une ça va être celle-ci vous pouvez également choisir une couleur comme ça et faire des tests voilà on peut voir que ça a changé les couleurs sur l'ensemble de mon site donc moi je vais garder la couleur que j'ai sélectionné ensuite ma couleur 2 ça va être la même couleur mais en un peu plus clair voilà et du coup ça

va me permettre d'avoir une couleur secondaire qui va être aussi une couleur au survol en fait par exemple quand on a un bouton ici on voit que c'est ma couleur 1 celle-ci et si je survole le bouton du coup pour qu'on comprenne que c'est quelque chose de clicable ça va du coup appliquer ma couleur 2 voilà ensuite je vais garder les mêmes couleurs ici là je vais un petit peu regarder si ça me semble bon donc pour moi là c'est bon j'ai bien mes couleurs je vais cliquer sur publier ensuite je vais retourner en arrière

et ici dans typographie et ici du coup je vais pouvoir venir changer toutes mes typographies alors il faut savoir qu'ici ça va être la typographie de base donc du corp du texte qu'on pourrait venir changer si on en a envie moi je vais la laisser et ici donc je pense que c'est H2 qui va falloir changer si on veut changer la typographie des titres ici si je clique je vais avoir accès à toutes les Google font donc je vais pouvoir sélectionner n'importe laquelle par exemple si j'ai envie d'utiliser celle-ci voilà com on peut le voir

ça a changé la typographie sur chacun de mes titres donc je vais retourner à ma typographie de base donc REER voilà donc là ensuite je pourrais publier tout simplement une fois que j'ai changé mes typographies ou non et ensuite je peux directement cliquer et là on va pouvoir modifier notre page d'accueil donc pour modifier notre page d'accueil on va se rendre dans l'onglet Page ici et là on peut voir qu'on a toutes nos différentes pages donc moi je vais aller dans la page home qui est la page d'accueil je vais faire modifier avec eléementor elementor

c'est le constructeur de page qu'on a installé avec le thème c'est ce qui va nous permettre sans code de manière visuelle de pouvoir un un petit peu tout déplacer tout modifier assez facilement vous verrez donc je clique bien sur Modifier avec elémentor ici j'ai un petit message d'erreur qui me dit votre site n'a aucun kit par défaut donc ça arrive pas tout le temps mais vous devez juste cliquer sur recréer le kit et ici recréer le kit donc là je reclique ici là normalement c'est bon donc si je retourne dans page toutes les pages home

modifier avec elementor ça je peux l'enlever ça aussi là on peut voir du coup qu'on a tout notre site et que on peut vraiment tout modifier voilà si j'ai envie de modifier ici ce titre je peux cliquer dessus et le modifier pareil ici pareil pour le bouton bon là ça peut sembler assez compliqué mais vous quiétez pas je vais vous montrer un petit peu plus étape par étape ici voilà je peux venir remplacer l'image dans l'Anglet style je peux changer un petit peu sa taille et cetera voilà en fait tout peut être construit modifié comme

ça de manière visuelle très facilement donc déjà qu'est-ce que je vais faire ici moi je vais cliquer ici dans le navigateur et je vais venir sélectionner ma première section voilà donc la première section ça va être toute cette section par exemple la deuxième section ça va être celle-ci ma première section du coup ça va être ma zone HRO donc ma zone avec mon titre euh mon image principale et cetera donc maintenant que je suis sur ma première section je vais aller ici dans l'onglet style et je vais pouvoir remplacer l'image d'arrière-plan là comme on peut

voir on a cette image du coup qui est fournie avec le thème moi je vais la remplacer par l'image de mon choix donc j'ai juste à cliquer dessus comme cela et là maintenant je vais pouvoir importer des images donc par exemple pour ma zone HRO moi j'ai envie d'avoir cette image donc je vais venir la cliquer glisser ici et je vais cliquer sur sélection et là on peut voir que j'ai du coup ma belle image d'arrière-plan je vais plutôt la mettre en centré au centre en couvrir comme cela et là on peut voir qu'on a

un rendu super chouette voilà ensuite si je vais dans superposition de l'arrière-plan ici je peux venir jouer un petit peu avec l'opacité si je veux une zone hos plus ou moins sombre comme cela parce qu'en fait ici on va superposer du noir mais par exemple ça pourrait être du rouge du bleu ou autre mais nous on va ajouter du noir pour assombrir un petit peu l'image et mieux détacher le texte et avoir un meilleur contraste entre le texte et l'image voilà donc je vais le mettre par là à peu près donc là déjà on a

un rendu qui est assez chouette et ensuite on va pouvoir modifier du coup ce qu'il y a à l'intérieur de cette section donc je vais quitter le navigateur ici ce bouton moi j'en veux pas spécialement donc je vais faire un clic droit et je vais l'effacer ici du coup on a notre titre je vais pouvoir le modifier et mettre par exemple instant café donc le nom de notre si je vais dans l'onglet style je peux changer sa couleur et mettre la couleur de mon choix dans typographie je peux également augmenter ou diminuer sa taille augmenter

ou diminuer son épaisseur voilà donc moi je vais retourner en arrière comme cela et ici si je clique sur le petit globe on va voir toutes les couleurs donc les différentes couleurs qu'on a paramétré dans le thème et moi du coup je vais lui donner cette couleur voilà donc ma couleur une maintenant mon titre également je vais le modifier donc moi par exemple je vais mettre café bio des quatre coins du monde puisque c'est une boutique de café comme cela et je vais également modifier du coup le premier paragraphe ici et ajouter la phrase de

mon choix pareil sur le bouton je peux venir cliquer dessus et ici je peux venir changer son texte par exemple mettre voir nos café et lien ici je pourrais coller du coup le lien de mon choix pour l'emmener vers par exemple ma page produits ma page avec tous mes produits par exemple donc ça on le fera à la fin et si je scrolle un petit peu ici on va voir également des icônes donc ces icônes voir qu' sont pas forcément à nos couleurs donc pour ça on va directement les supprimer puisque ce sont des images

et du coup elles vont pas s'adapter à nos couleurs si on les change dans le thème donc pour ça on va pouvoir importer de nouveaux icônes et ce qui est génial avec elementor du coup le le page buer qu'on est en train d'utiliser c'est qu'il y a déjà tout un tas d'icônes gratuits de haute qualité qu'on va pouvoir utiliser gratuitement et facilement donc pour ça je vais venir s un icône je vais l'ajouter au-dessus ici dans vue je pourrais par exemple lui donner un aspect plutôt encadré comme ça pour ajouter un côté sympa et si

je clique ici sur l'icône on va avoir plein d'icô pour un petit peu tout et n'importe quoi qu'on va pouvoir du coup utiliser directement juste en cliquant dessus en cliquant sur Insérer donc là j'ai ajouté un icône donc c'est un peu grossier on va pouir aller dans l'onglet style et le personnaliser par exemple voilà ajouter nos couleurs modifier sa taille modifier les marges internes comme cela avoir une largeur de la bordure un peu plus fine comme cela je peux un petit peu modifier sa taille encore le rendre un peu plus petit voilà de même je

peux venir le copier ici et le coller dans la colonne et ensuite du coup venir l'ajouter au-dessus pareil ici je peux venir le coller dans la colonne et ensuite venir l'ajouter au-dessus de mon titre donc ces icônes ça va servir à donner un petit peu confiance du coup à nos clients montrer qu'on propose un service de qualité donc pour ça je vais mettre un icône pouce avec ici le titre haute qualité ici ce sera plutôt livraison rapide et ici ce sera plutôt paiement sécurisé par exemple donc pour ce deuxème icône je vais mettre voilà un

camion par exemple de livraison et pour celui-ci je vais mettre par exemple un bouclier voilà et je vais venir l'insérer ensuite on va pouvoir modifier nos textes donc pour ça je vais sélectionner mon premier titre et je vais l'ajouter donc haute qualité livraison rapide et paiement sécurisé ensuite on va pouvoir ajouter du coup nos paragraphes ensuite celui-ci voilà donc là vous mettez bien sûr les paragraphe de votre choix et ensuite notre dernier paragraphe paiement sécurisé voilà donc là n'oubliez pas de régulièrement mettre à jour les modifications pour ne rien perdre si jamais votre navigateur plante

ou autre et ensuite on va pouvoir passer à la section suivante donc là comme on peut voir on une section catégorie donc nous on va plutôt l'appeler nos variétés de café et on va pouvoir du coup mettre nos deux catégories donc je supprimer n on a que deux catégories donc je supprimer ces deux là voilà ces deux catégories du coup qui vont être robusta et arabica voilà donc ça je vais pouvoir le supprimer également ça aussi le petit chiffre on va le supprimer et je vais également pouvoir prendre un bouton ici par exemple le copier

simplement et venir le CER ici et mettre voir plus par exemple je vais pouvoir le copier également ici et le coller ici comme cela voilà et ensuite on va pouvoir changer notre image d'arrière-plan ici en cliquant bien dans la colonne dans l'onglet style et je vais pouvoir changer mon image d'arrière-plan et venir ajouter du coup mes deux images pour mes deux collections donc je sélectionne ma première image robusta je la sélectionne voilà et ensuite ma seconde image arabica je clique dessus sur la colonne et je la aoute voilà donc on peut le voir ici on

va plutôt passer notre texte en blanc parce qu'en noir il n'est pas lisible donc je clique sur mon titre je vais dans l'onglet style couleur de texte et je le passe en blanc pareil ici je clique sur le widget je vais dans l'onglet style et je le passe en blanc comme cela alors on peut voir ici que le texte est pas forcément super lisible donc si besoin on peut ici aller encore dans la colonne bien aller dans l'onglet style superposition de l'arrière-plan ajouter un type d'arrière-plan classique en noir comme cela et là comme tout à

l'heure on va pouvoir jouer avec l'opacité pour assembrir l'image donc moi je vais l'assembrir un petit peu comme cela je vais faire de même pour que ce soit assez uniforme sur la deuxième image donc je vais ajouter une superposition d'arrière-plan noir classique comme cela et là elle comme elle est peut-être un petit peu plus sombre je vais la sombrir un peu moins par exemple à 025 comme cela donc je mets à jour et on va passer à la section suivante donc ici on a nos produits différents articles comme on peut le voir donc je va

pouvoir changer le titre je vais cliquer ICI sur le titre je vais mettre par exemple nos café je venir supprimer ça ce sous-titre on veut pas spécialement juste garder nos cafés et ensuite on a no différents produits on a si produits en tout et ensuite on a un autre bouton tout en bas qui est en onglet donc on va pouvoir cliquer dessus et mettre voir plus par exemple pour par la suite rediriger du coup vers notre page avec tous nos articles ensuite on va continuer sur notre page donc là on peut voir qu'on a une

autre section ici elle est en vert donc c'est pas vraiment à notre charte graphique donc pour ça on va cliquer directement sur la section dans l'onglet style on peut voir que l'image d'arrière-plan elle est dans un verre un peu pâle donc on va cliquer dessus nous pour pas être trop redondant avec le marrant on va plutôt sélectionner un gris un peu clair comme celui-ci voilà cette image on va également la changer parce que rien à voir avec nos articles jequer ici sur l'image et je vais venir choisir une image et jeir importer mon image et

la cliquer glisser ici je clique sur Sélectionner et là com peut le voir on a notre image dans l'onglet style je peux venir réduire un petit peu sa taille comme cela voilà donc je vais regarder un petit peu ce que ça donne c'est peut-être un peu gros encore je peux peut-être un petit peu la réduire comme ceci voilà là je trouve qu'on est pas mal ensuite je peux venir par exemple supprimer ça moi j'en veux pas et venir modifier le titre par le titre de mon choix voilà donc je peux regarder un petit peu ce

que ça donne alors comme on peut le voir nos nouveautés en stock si par exemple j'aurais préféré que le an retourner à la ligne on va pouvoir ajouter une toute petite balise en code donc en html qui va nous permettre de demander un retour à la ligne donc pour ça on va ouvrir une balise on va écrire BR et fermer une balise et là du coup via le code on va expliquer qu'on a envie de retourner à la ligne avant le an là com on peut le voir le an est passé à la ligne donc

pareil pour le paragraphhe je peux venir ajouter mon paragraphe également changer le bouton en en H par exemple et dans l'Anglet style je vais venir changer la couleur donc je vais mettre ma couleur celle-ci et on peut voir que au survol ça garde le vert donc pour ça on va se rendre dans l'onglet au survol et là on aura la possibilité de changer du coup la couleur au survol par exemple si je choisis cette couleur vous verrez qu'on aura cette couleur au survol mais moi j'avais du coup la couleur numéro 2 de défini pour ma

couleur au survol donc je vais la choisir voilà et là déjà comme vous pouvez le voir très rapidement on a déjà pu avoir un site assez chouette réalisé assez rapidement ensuite là on va arriver à la section Blog nous on n pas envie d'avoir de section Blog donc on va tout simplement la supprimer pareil on a une section AC une newsletter donc ça ça nous intéresse pas on va la supprimer là on va simplement garder cette dernière section qui est not dernière section ecommerce donc on va mettre par exemple soit les produits les mieux notés

soit on peut cibler une catégorie donc là par exemple je pourrais mettre meilleure vente et ici changer le bouton voir plus et là du coup de base si je clique ici en fait sur cette section c'est une section un petit peu différente parce c'est pas une section d'ééementor c'est une section faite par woocommerce du coup qu'on a appelé via un short code on peut voir ici que dans le code il y a marqué order buy é= rating ce qui veut dire que c'est filtré par ceux qui sont les mieux notés en fait parce que du

coup vos utilisateurs vos clients onont la possibilité de noter les produits et du coup cette section ça va afficher les produits les mieux notés on va dire par défaut vous pouvez également les filtrer par date voilà là ce sera les derniers produits que vous avez ajouté que vous pouvez mettre ici directement ou alors vous pouvez les filtrer par catégorie donc ici il faut écrire catégorie égal en anglais du coup avec un Y et ici le nom de votre catégorie par exemple moi je peux mettre robusta et là ça va cibler uniquement les produits qui sont

dans ma catégorie robusta bien sûr il faudra l'adapter au nom de votre catégorie donc moi par exemple je vais faire ça et ensuite je vais cliquer ici pour faire une petite prévisualisation de ma page et là on peut voir qu'on est super bien on a une page qui est vraiment très pro donc comme on en a envie et du coup c'est parfait je vais juste mettre à jour les modifications et donc maintenant on va pouvoir cliquer ICI quitter la page et on va retourner ici sur toutes les publication appliquer donc on peut quitter on a

déjà enregistré au préalable et du coup on va pouvoir s'occuper de modifier la page About Us qui est la page à propos donc on va cliquer sur Modifier avec éémentor également et là on va pouvoir s'occuper de modifier cette page donc là on peut voir qu'on a encore le titre About Us mais ça on va le changer par la suite on va tout mettre en français donc première chose on va modifier cette image pour ça je peux cliquer ICI sur la section aller dans l'onglet style et venir modifier mon image donc là je peux venir

sélectionner mon image ici par exemple prendre cette image que je vais mettre bannière d'arrière-plan donc je clique sur Ouvrir voilà je peux la sélectionner donc là j'ai ma belle image qui s'est mise en arrière-plan donc maintenant je vais vous faire une petite présentation dans ce qu'on va retrouver dans la page donc là on peut voir qu'on a un petit texte d'introduction ensuite on a une vidéo mais nous on va n'a pas spécialement de vidéo donc on va plutôt mettre une image je pense ensuite on a un petit paragraphe ici un texte avec une image notre

équipe un encart ici et ensuite un testimonial avec des avis clients et des logos les logos je pense ça on peut soit modifier les images et mettre les logos par exemple de vos fournisseurs soit on peut retirer cette section nous c'est ce qu'on va faire donc on va commencer section par section ici on va venir changer notre texte donc pour ça je vais venir sélectionner mon titre ici et je vais plutôt mettre notre atelier et ensuite on va pouvoir changer nos paragraphes et mettre du coup les paragraphes de notre choix voilà pour raconter un petit

peu l'histoire de notre marque ou de notre entreprise ou de notre atelier par exemple ici comme je l'ai dit on a une vidéo mais nous on n pas spécialement de vidéo de près donc vous vous n'avez pas forcément de vidéo de près donc soit vous pouvez cliquer ici et ajouter votre vidéo via youtube par exemple mais nous on va la supprimer et on va plutôt mettre une image donc pour ça je vais aller ici dans les widgets et je vais ajouter une image donc pour accéder au widget il suffit de cliquer ICI sur le petit

rubbi cube et là on peut voir qu'on a accès à plein de widgets qu'on peut venir cliquer déposer ici donc moi j'ai ajouté une image et maintenant je vais cliquer sur cette image je vais venir la changer et je vais téléverser l'image de mon choix donc moi je vais choisir celle-ci je peux la sélectionner voilà donc on a une belle image ensuite ici on peut voir qu'on a deux titres donc un titre ici et un autre titre ici donc je vais supprimer ce titre tout simplement pour avoir quelque chose de plus simple ici je vais

aller dans l'onglet avancer pour augmenter un petit peu la marge voilà donc je vais ajouter une marge de 100 pixels en haut et comme ça on va voir un petit peu plus d'espace je vais venir modifier mon titre ici ça sera plutôt nos valeurs et je vais pouvoir mettre un petit paragraphe et également changer le texte du bouton par exemple nous contacter et maintenant venir changer notre image donc celle-ci je vais venir sélectionner une nouvelle image voilà par exemple si j'ai envie d'ajouter cette image comme cela voilà ici on a une section meet our team

donc rencontrer notre équipe nous on va juste l'appeler notre équipe et ici on peut ajouter un petit paragraphe sympa donc des experts dévoués à l' du café et là bien sûr on va pouvoir ajouter du coup les différentes personnes de notre équipe donc par exemple voilà je sélectionner une première personne donc là bien sûr vous mettez les membres de votre équipe tout simplement voilà pareil ici je venir ajouter une seconde personne puis une troisième personne comme cela voilà tout simplement donc si vos images n'ont pas la même taille vous pouvez cliquer sur l'image aller dans

l'onglet style et modifier la hauteur ici pour les mettre tous par exemple à 300 pixels de hauteur et ensuite adaptation de l'objet en couvrir comme ça ça va ça ne va pas déformer l'image ensuite vous pouvez copier du coup ici le style et venir le coller sur les autres images comme cela ensuite vous pouvez modifier le nom des personnes de votre équipe ainsi que le titre par exemple si c'est le cofondateur je sais pas le le barista ou autre voilà et paramétrer les réseaux sociaux mais ça nous on va pas le mettre voilà ensuite là

on a une section avec par exemple on peut mettre une réduction donc déjà ce que je vais commencer par faire c'est changer la couleur d'arrière-plan ici je vais plutôt mettre notre couleur principale comme cela ce qu'on pourrait faire également par exemple ça pourrait être échanger l'ordre des colonnes pour changer un petit peu et là maintenant je vais pouvoir mettre un petit message ici par exemple Mo 20 % sur la game Kenya et venir changer la couleur en blanc comme cela venir par la suite changer également le titre puis le sous-titre voilà ici je vois plutôt

le temp passer en blanc comme cela et également changer le bouton par exemple acheter maintenant comme cela le bouton je vais également le passer en blanc et le texte en marron comme cela voilà et maintenant je m'occuper de changer cette image je vais ajouter du coup une autre image par exemple une image pour illustrer mon café Kenya comme cela et là on a une section qui est très chouette ensuite on va descendre un petit peu ici on a la section testimoniale donc témoignage donc je vais cliquer dessus je vais mettre par exemple témoignage et en

dessous ce qu'il pense d'instant café et dans les différents témoignages on va pouvoir par exemple ajouter les témoignages de nos clients voilà donc là je peux ajouter des témoignages donc bon c'est des témoignages fictifs bien sûr pour illustrer le cours ici on peut directement changer l'image et ici on peut changer le nom de la personne qui a fait ce témoignage juste donc là on est pas mal ici on on va également supprimer du coup nos logos et là notre page est faite com on peut le voir on a une belle page bien sympathique ici on

peut voir que l'image elle prend pas toute la largeur donc pour ça je vais aller dans l'onglet style et la largeur je vais la passer à 100 % pour être sûr que ça prenne bien la taille du coup de cette section également de la largeur ben tout simplement des autres sections pour que ce soit plus équilibré aussi je pense ici que le texte si serait plus sympa en blanc donc je vais aller dans l'onglet style et je vais le passer en blanc comme cela et là on a une belle page à propos du coup où

on apprend un peu plus sur votre entreprise donc c'est super on va pouvoir mettre à jour la page et maintenant on va quitter comme tout à l'heure retourner du coup ici donc dans page et maintenant on va s'occuper de modifier la page Contact donc contactus en anglais on va cliquer sur Modifier avec elémentor et comme tout à l'heure on va commencer par changer cette image donc pour cette image on va sélectionner l'image de notre choix voilà celle-ci par exemple comme cela et ici on peut du coup [Musique] modifier notre adresse notre email on peut mettre

notre email notre téléphone et toutes nos infos de contact ah alors ça je l'ai fait glisser ici sans faire exprès donc voilà là on peut paramétrer nos infos de contact donc nos notre adresse notre email et cetera ici on a un formulaire de contact donc on peut mettre par exemple formulaire de contact et ici on a euh du coup le fameux formulaire et ce formulaire du coup on va pouvoir directement euh se faire contacter via l'échamp ici et le recevoir sur notre boîte mail donc pour ça ce qu'on va faire déjà on va bien mettre

à jour la page et ensuite on va euh ouvrir un nouvel onglet donc par exemple on va euh faire voir la page on va faire un clic droit ouvrir dans un nouvel onglet et ici on va retourner sur le tableau de Bo WordPress et pour modifier ce formulaire de contact on va aller ici dans WP form on va cliquer ICI sur tous les formulaires voilà simple contact form celui-ci et on va le modifier com on peut le voir ici on on a les différents champs pour ça nous on va modifier donc on va bien mettre

nom voilà email on va le laisser comme ça on va juste changer ici le adresse qui est en anglais objet et ici on va mettre message voilà et on va enregistrer ensuite on va aller ici donc configurer pardon dans R mon texte d'envoie du message on va mettre envoyer ici texte du bouton d'envoie donc c'est le message qui va s'écrire lorsqu'on va cliquer sur le bouton on va mettre envoie on va enregistrer ensuite dans notification on va activer les notifications adresse email du destinataire ici vous allez mettre l'adresse sur laquelle vous voulez la recevoir donc

par exemple votre adresse email voilà tout simplement donc donc mon email @gmail.com par exemple ligne du sujet de l'email donc là ça c'est le l'objet en fait du de l'email que vous allez recevoir avec tous les champs par exemple ça pourrait être nouvel email instant café par exemple nom de l'expéditeur on va mettre instant café email de l'expéditeur ici ça va être important que ça comporte votre nom de domaine donc moi je rappelle que mon nom de domaine celui qu'on a prix c'est instantcafé.fr voilà donc je peux venir le sélectionner et ici en fait on

n pas besoin d'avoir cet email c'est juste une email qui va servir d'expéditeur donc on n pas besoin de posséder cet email comme on a le nom de domaine déjà ça se faire automatiquement mais il faut que cet email comporte le nom de domaine sinon ça ne marchera pas donc par exemple ça peut être contact @instantcafé.fr voilà vous voyez qu'on avait un message d'erreur en dessous et maintenant du coup on l'a plus répondre à tout ça on laisse comme ça et on va cliquer sur Enregistrer ensuite confirmation ici ça va être un un message de

confirmation en fait qui va s'afficher lorsque quelqu'un aura rempli le formulaire donc ça vous pouvez le changer mettre un petit peu ce que vous voulez et ensuite recliquer sur Enregistrer donc une fois que c'est fait je vais par exemple juste rafraîchir cette page qu'on a bien enregistré au [Musique] préalable et là on peut voir que ça a bien modifié nos champs donc là juste ici c'est toujours resté subject donc je vais retourner dans les champs oui voilà je pas modifié ici objet voilà juste retirer la petite Astérix ici et je vais enregistrer et là du

coup si je rafraîchis on a bien du coup notre formulaire en français nom email objet message et on va pouir l'envoyer recevoir directement sur sa boîte mail ensuite on a une dernière section iCommerce sur cette page Contact donc on va pouvoir juste mettre par exemple article récent et cliquer ici et mettre ORDER BY date par exemple du coup pour les trier par les derniers articles qu'on a ajouté donc trier par égal entre les guillemets date et ici on va ajouter un petit bouton voir plus pour voir tous les articles on va s'occuper à la fin

ensuite de diriger vers toutes nos pages via les boutons vous inquiétez pas ici en fait il y aura juste à mettre le lien vers la page que vous souhaitez rediriger je vais mettre à jour et maintenant si je clique sur voir la page on peut voir qu'on a déjà notre page d'accueil de prête ça c'est super notre page à propos qui est prête et notre page contact on a notre page produit également où il y a tout notre shop avec tous nos articles ici vous voyez que les utilisateurs peuvent trier par popularité par note et

cetera donc c'est super on a également une page blog mais on va pas s'y intéresser dans la vidéo voilà c'est une fonction un peu plus avancée ça c'est jamais vous pouvez toujours ajouter des articles sur WordPress ici directement tous les articles vous pouvez tout simplement ajouter des articles pour ça vous avez juste à cliquer ICI ajouter un titre et ici tout simplement ajouter votre article et ensuite le publier il va s'ajouter directement sur cette page moi je vais quitter donc maintenant qu'on a configuré les pages de notre site on va un petit peu modifier les

petits derniers détails pour ça déjà on va modifier le menu on peut voir que c'est en anglais également si on souvient bien sur ces pages ici c'est en anglais donc ça aussi on va le modifier on va également modifier notre enête notre logo ici on voit que c'est toujours le logo du thème pareil si je descends ici on va modifier un peu le pied de page on va le simplifier parce là il y a beaucoup d'infos donc voilà c'est parti on va déjà retourner sur WordPress ici on va aller dans page et déjà on va

commencer par modifier euh nos différentes pages donc déjà la page blog donc la page d'article ça je vais la supprimer comme j'ai dit on en veut pas ensuite on a la page panier la page de commande ici on peut voir qu'on en a deux donc c'est elle la page de validation de commande donc c là on peut la supprimer la page me contacter la page Mon compte ça on va la supprimer parce que nous on va pas paramètrer de compte sur notre boutique voilà donc ensuite on va pouvoir euh simplement changer le nom et ça

va automatiquement changer les titres donc le nom de ma page ici c'est mais moi j'aimerais que ce soit à propos voilà ici on va mettre à propos dans le Slug donc le Slug ça être le lien de la page par exemple ce sera instant café/ash à propos je mets à jour ici carte on va l'appeler panier voilà celui-ci on peut le supprimer contact us on va l'appeler nous contacter voilà pareil pour le Slug mettre à jour page d'accueil on va bien l'appeler accueil comme [Musique] cela shop ici on va plutôt l'appeler nos café voilà comme

cela voilà et là aussi on a de shop je ne sais pas pourquoi mais je vais le supprimer voilà donc là déjà j'ai pu faire ces modifications si je retourne ici sur le site on peut voir du coup si je va sur la Page about maintenant ça sera bien à propos sur la page contact sera bien nous contacter et cetera donc là on a bien tout traduit maintenant il y a encore le menu à traduire donc pour ça on va aller encore ici dans apparence menu et on va pouvoir modifier du coup notre menu donc

ici par exemple ça nous dit que c'est le blog n'est pas valide parce qu'on a supprimé la page donc je vais le supprimer donc on a accueil produit on va plutôt l'appeler no café mais ça peut être aussi produit tout simplement about à propos et contact sera nous contacter comme cela donc là on a pu enregistrer le menu on va l'enregistrer et du coup ça va automatiquement modifier notre menu donc c'est parfait voilà maintenant on a notre site qui est vraiment en français et maintenant on va pouvoir s'occuper de modifi en tête donc pour ça

on va aller dans apparence personnaliser on va aller dans enentête ensuite toujours dans enentête global header et déjà première chose qu'on va faire ça va être fonction de transparence on va le désactiver voilà comme ça on aura un menu qui sera toujours en blanc ce sera plus simple on va dire pour la visibilité comme cela ensuite si je retourne en arrière et qu'on va dans éléments ici ça va être tous les éléments qui vont composer notre menu donc comme je l'ai dit moi compte ça on va le désactiver on veut pas de compte on va

juste avoir notre logo à gauche notre menu par la suite et ensuite à droite on aura un outil recherché qu'on peut garder ou non si on en a envie et notre panier très important d'avoir le panier du coup tout à droite ensuite ite si je clique sur logo ici on va pouvoir du coup modifier notre logo donc là c'est le logo du thème mais nous on va PIR modifier notre logo en cliquant ici sur le petit crayon et je pouvoir glisser déposer mon logo ici et l'ajouter comme cela je faire de même ici pour ce

second logo voilà je ajouter mon logo et là du coup j'ai pu ajouter mon logo du coup qui adapté à mon entreprise on peut modifier la taille du logo si on le souhaite voilà je pourrais peut-être le mettre à 35 pixels de hauteur pour l'avoir un petit peu plus gros et on va cliquer sur Publier pareil maintenant on va retourner en arrière et on va s'occuper de modifier le pied de page donc le pied de page c'est ce qu'il y a tout en bas ici on peut voir qu'on a différentes zones de widget voilà donc

il y a pas besoin d'avoir autant de zones de widget je pense qu'on peut supprimer déjà celle-ci et ensuite passer la rangée du milieu en trois colonnes comme ceci on va également supprimer cette zone-là et on va passer cette zone avec les liens ici et la colonne de contact plutôt à droite voilà mais en fait je pourrais même directement ajouter mes widgets ici et passer en deux colonnes voilà c'est suffisant comme ça pour avoir les liens ici et euh les infos de contact ici donc par exemple si je veux modifier les liens utiles je peux

venir cliquer ici et là du coup changer du coup les liens utiles voilà le titre ici et ici je pourrais venir directement modifier par exemple avec accueil et là ajouter un lien et par exemple copier et coller le lien de ma page d'accueil voilà ici je pourrais plutôt ajouter ma page à propos et venirop et coller le lien vers ma page à propos ici je pour ajouter la page no café et de la même manière ici h venir copier et coller du coup le lien vers la page no café et pareil du coup pour la

page Contact voilà je pe ajouter un lien ici et rediriger vers la page Contact donc là j'ai ajouté nos lien utile ici et ici dans contact je peux également modifier le titre le téléphone peux mettre l'ail et également l'adresse par exemple voilà ici les réseaux sociaux on ne va pas les mettre on va juste mettre le copyright ici et la rangée du bas on va la passer comme cela on va cliquer du coup bien sur copyright et on va le centrer au milieu comme cela et du coup ici on va plutôt mettre copyright @as instant

café comme cela voilà pour avoir du coup cette mention de copyright donc je vais cliquer sur Publier et là on a du coup si je retourne sur notre site si je retourne sur notre page d'accueil on a bien notre menu avec notre zone h ici si je descends un petit peu à notre page et là du coup on a notre pied de page avec les liens qui redirigent vers les différentes pages ici on a du coup nos infos de contact ici on a le copyright de notre boutique donc là on a toute la partie design

entre guillemets qui est prête et maintenant on va juste avoir s'occuper des derniers détails de notre boutique avant de pouvoir la lancer directement donc maintenant on a pu modifier notre site donc cette étape est finie et on va pouvoir justement configurer sa boutique donc à savoir tout ce qui est moyen de paiement frais de livraison par exemple ajouter des codes promo et cetera donc pour ça je vous invite à retourner sur le tableau de Bo WordPress et maintenant on va se diriger ici dans l'onglet woocommerce et on va aller dans réglage donc déjà pour commencer

ici vous pouvez igner l'adresse de votre boutique par exemple bon c'est pas obligatoire ensuite on va descendre un petit peu donc la devise ici il va falloir sélectionner du coup non pas dollar mais euros position de la devise plutôt nous ce sera à droite on va enregistrer les modifications ensuite on va aller dans paiement et ici pour ajouter un mode de paiement on va choisir pay donc pour ça on va cliquer sur Installer donc ça nous installer une extension voilà et maintenant on va pouvoir faire connect your store pour connecter du coup notre boutique à

payment et du coup pvoir recevoir des paiements directement donc maintenant on va devoir créer un compte WordPress.com donc moi j'en ai déjà un mais je vais en recréer un pour vous montrer donc on va cliquer sur Créer un nouveau compte voilà ici on va rentrer son adresse email on va cliquer sur Continuer là on va recevoir un mail dans notre boî mail donc ensuite vous allez cliquer sur confirmer sur votre boî mail donc voilà vous allez être redirigé du coup par la suite sur la page qui est en train de s'afficher de se préparer ensuite

on va nous demander quelques informations donc business location c'est l'endroit où votre boutique se situe donc nous c'est la France est-ce qu'on est individual une compagnie ou une association donc nous moi par exemple si je suis seul je vais mettre individual là on va mettre ce que ce qu'on vend voilà donc moi je vais mettre ça par exemple je conseille vraiment de mettre quelque chose qui est très proche ou en tout cas qui est conforme à ce que vous vendez ensite on va cliquer sur Continuer là ça va nous demander une estimation des revenus qu'on

va faire donc nous on va mettre moins de 250000 € par par an par exemple quand est-ce qu'on estime que notre boutique sera en ligne donc nous on va mettre dans moins d'un mois on va cliquer sur Continuer là du coup ils vont vérifier notre identité voilà donc on va remettre notre email continue on va créer un passe ici du coup on va ajouter notre numéro de téléphone on va recevoir un code par téléphone et ensuite on va voir plein d'informations à rentrer donc là ça va être des informations personnelles donc notre prénom notre nom

de famille email date de naissance adresse numéro de téléphone et cetera donc moi je vais les remplir de mon côté et on se retrouve directement à l'étape d'après et là à cette étape donc là ça va être très important on va rentrer du coup euh la devise donc euro où c'est que notre banque se situe et très important notre IBAN du coup c'est là où on va recevoir les sous euh de la part de woocommerce donc là on va rentrer son IBAN on va remettre une deuxième fois son IBAN pour bien confirmer que ce soit

bien le bon et on va cliquer sur Continuer donc là on va nous demander de prendre un petit moment pour bien vérifier toutes les information et on va mettre accepter et envoyer et maintenant notre compte du coup a bien été ajouté donc on va voilà être redirigé directement vers notre boutique donc on va retourner ici dans woocommerce dans réglage et on va aller dans paiement et ici donc payments on va pouvoir cliquer sur Gérer et maintenant on va pouvoir avoir des petites modifications à faire voilà par exemple ça on va bien le laisser activer ici

on peut décider d'ajouter d'autres moyens de paiement d'autres types de cartes en général moi je vous conseille de juste laisser carte de crédit classique ici on va voir Apple pay et Google pay donc ça ça peut être pas mal pour ceux qui utilise depuis un mobile ça va permettre du coup de faire un achat assez rapidement juste on va cliquer sur customize et ici on va surtout l'enlever de la page produit et de la page carte donc du panier parce que sinon du coup ça va ajouter des boutons et ça va pas être très top

en terme du X euh donc on va juste le laisser sur la page de paiement on va cliquer sur Save change ensuite on va aller dans email et ici du coup vous pourrez configurer les emails que vous allez recevoir par exemple si vous avez une nouvelle commande vous pouvez cliquer sur Gérer et euh ici du coup mettre votre adresse email et comme ça euh voilà vous allez recevoir un petit peu euh tous les détails de la commande directement sur votre boîte mail donc sur cette boîte mail donc ça vous pourrez regardez un petit peu tous

les emails qu'il y a et les paramètrer donc il y a certains emails qui s'envoient à vous et d'autres emails qui vont s'envoyer au client ensuite maintenant on va aller dans expédition et là on va pouvoir ajouter des zones en fait ces zones ça va permettre de définir euh des frais de livraison par exemple pour la France ensuite par exemple pour l'Union européenne et ensuite par exemple pour le reste du monde ou seulement si vous voulez par exemple à la France donc pour ça on va cliquer sur Ajouter une zone N de la zone on

va l'appeler France et ici donc composition de la zone on va cliquer ICI Europe et on va sélectionner seulement du coup la France voilà on va cliquer sur Ajouter une méthode de livraison on va commencer par cliquer sur forfait puis sur continuer et on va ajouter le coût du coup de la livraison par exemple je sais pas 5,90 créé et enregistré maintenant on peut ajouter une nouvelle méth de livraison par exemple une livraison gratuite cliquez sur continuer et ici mettre que la livraison gratuite require un un montant minimum de commande et par exemple avoir une

livraison gratuite à partir de 60 €. donc je clique sur créer et enregistrer et du coup si vos clients par exemple font une commande de 40 € ils auront du coup les les frais livraison forfaitaire de 5,90 € et s'il font une commande supérieur à 60 € la livraison sera gratuite donc ça je conseille de le faire parce que parfois ça pousse justement vos clients à dépenser un pe plus pour obtenir la livraison gratuite donc ça c'est fait maintenant on va retourner dans zone d'expédition et on peut ajouter une nouvelle zone et ici par exemple

ajouter la zone Europe voilà ajouter une méthode de livraison et là on peut faire par définir une livraison gratuite et livraison forfaitaire on enregistre les modification et ensuite on pourra appliquer la même chose pour le reste du monde ici on peut directement cliquer sur Modifier et pareil ajouter une méthode de livraison comme on l'a fait tout à l'heure donc voilà là on a fait l'essentiel c'està-dire qu'on a mis le mode d'expédition et les modes de paiement maintenant je vais vous montrer ici si on va dans l'onglet marketing on peut aller dans code promo et ici

on va pouvoir créer des coupons de réduction pour vos clients pour faire un petit peu de marketing par exemple sur vos réseaux sociaux ou autres ou pour je sais pas le Black Friday pour l'anniversaire de votre marque ou autre c'est quelque chose qui peut booster vos ventes donc vous pouvez cliquer ICI sur Créer un premier code Prom donc ici donc code promo ça va être du coup ben le code promo tout simplement donc si par exemple c'était pour le Black Friday 2024 ça pourrait être je sais pas Black Friday 2024 donc BF 2024 ici on

peut mettre une remise de panier fixe donc par exemple - 20 € 30 € 10 € ou alors une remise en pourcentage par exemple 40 % de réduction ici on peut mettre une date d'expiration du code ou non on pourra dans tous les cas par la suite les su imprimer manuellement on peut ajouter des restrictions d'usage par exemple que ce code promo est valable pour une dépense minimum de 100 € ou sur une dépense maximale de tant d'euros voilà il y a plein de possibilités et vous pouvez ici limiter l'utilisation par code ou à tant

d'article également ici vous pouvez exclure des produits des promos ou exclure des catégories voilà vous pouvez un petit peu tout paramétrer donc je vais publier ça et là maintenant si on fait un petit test voilà je retourne sur notre boutique par exemple j'ai envie d'acheter ce café si je fais voir le panier bon on peut voir que je l'ai acheté j'en avais déjà cinq dans mon panier par exemple si j'en mets qu'un seul voilà 15,99 € par exemple si j'ajoute du coup le coupon Black Friday 2024 et que je fais appliquer le code promo ici

on peut voir qu'on a du coup 6,40 de réduction bien sûr on a les frais de réduction donc on a arrive toujours à peu près 15,49 € je peux ensuite valider la commande et là comme vous pouvez le voir on a déjà le le bouton Acheter avec Google pay et sinon on aura la possibilité d'acheter directement par carte bancaire et de commander directement et ces sous du coup seront directement transférés vers votre compte bancaire là où vous avez du coup indiqué votre IIB donc maintenant que tout ça c'est bon donc on a presque fini notre

boutique on va juste s'occuper du dernier détail des derniers détails à savoir on va configurer tous nos liens pour atterrir au bon endroit à chaque fois également on va faire à la fin un petit check sur mobile pour s'assurer que tout fonctionne parfaitement sur mobile sur tablette et cetera donc pour commencer déjà je vais modifier du coup ma page avec elementor et ici on va cliquer sur ce premier lien donc voir nos café donc ici on peut rediriger vers la page qu'on souhaite par exemple moi si je clique sur la page no café je vais

pouvoir copier le lien ici et pardon dans lien le coller j'aimerais également du coup que ce bouton Voir plus arrive à la page no café également là par exemple on pour mettre nos CAF vers cette page également et également ne pas oublier ce bouton voilà j'ai configuré tous mes boutons ceux ils sont déjà configurés pour ajouter directement au panier donc on a rien à faire et jeir cquer sur Mettre à jour autre chose il y a ces boutons là du coup qu'il faut rediriger vers des catégories en fait on va retourner sur le tableau de

WordPress ici on va aller dans produit catégorie et si je clique par exemple sur ma catégorie arabica et je fais voir ici comme vous pouvez le voir on a notre catégorie arabica avec uniquement les produits de la catégorie arabica on peut voir ici que le lien normalement ça devrait pas être produit catégorie mais par exemple catégorie en français c'est en anglais donc pour ça on va retourner sur le tableau de bord WordPress également on va aller dans réglage permalien et ici si je descends un petit peu préfixe des catégories de produit fixes on va juste

mettre catégorie en pardon catégorie en anglais et ici par exemple même si on n pas paramétré d'étiquette on va mettre étiquette comme ça du coup ce sera en français et du coup maintenant si je retourne en arrière ici et que je fais voir voilà on a bien un sang café/ catégorie/ arabica donc je vais prendre ce lien je vais retourner ici et je vais pouvoir coller le lien sur ma catégorie arabica voilà pareil ici du coup je vais retourner je vais retourner ici dans mes catégories donc robusta je cliquer sur Ouvrir le lien voir je

juste copier le lien robusta donc là on peut voir qu'on a que les produits de la catégorie robusta et du coup je vais venir coller le lien ici voilà donc là c'est parfait si je retourne sur mon site on peut voir ici si je clique ver cette page on est bien redirigé sur cette page si je clique ici sur robusta on est bienig sura et si je cque sur les différents liens ici voir plus on est bien redirigé là où il faut sur la page à propos également on a quelques liens par exemple ici oniriger

vers la page nous contacter donc j'ai oubl le rajouter ici également çait rediriger vers ce produit là et ensuite c'est tout donc je vais également modifier avec elementor voilà ici donc comme je l'avais dit nous contacter pas nous contact du coup ça devrait rediriger vers la page contact pour ça je vais me rendre ben sur ma page Contact je vais copier le lien et le coller ici tout simplement de même si je descends ici du coup com on peut le voir ici on devrait atterrir vers la page produit de notre café on va juste cliquer

sur notre article et ici on a notre produit tout simplement com on peut le voir il y a notre description les infos complémentaires les avis ici vos clients pourront laisser des avis voilà on va pouvoir copier le lien et venir le coller ici tout simplement donc là c'est parfait maintenant je vais cliquer ici sur ce petite icône pourquoi parce que comme vous pouvez le voir on va pouvoir basculer en vue tablette ou en vue mobile et on va pouvoir adapter tout ça si besoin donc si je passe en vue tablette est-ce que c'est adapté donc

ouais ça me semble bien adapté sur tablette notre équipe tout ça c'est parfait c'est parfait donc c'est l'avantage aussi des thèmes qu'on a utilisé c'est qu'il sont déjà responsive donc en général si on fait pas de grosses modification tout s'adapte parfaitement pareil si je clique ici sur la version mobile ça me semble très bien tout est bien adapté ok donc là il y a rien à faire maintenant je vais retourner sur la page d'accueil je vais regarder également ici sur tablette c'est super ça fonctionne bien voilà les boutons par contre je vais les passer comme

cela bien à à gauche voilà donc là on a bien nos produits c'est parfait on va regarder en version mobile c'est parfait c'est parfait là aussi les boutons je vais bien les passer à gauche tout le reste fonctionne mais parfaitement voà ici peut-être qu'on peut augmenter la taille de l'image pour la rendre un peu plus grosse ici voilà si on a une petite adaptation il faut savoir que ici là toutes les modifs qu'on va faire vont s'adapter uniquement à la version mobile voilà donc là c'est parfait enlever du coup les marges voilà c'est super je

peux cliquer sur Mettre à jour et ça ben vous aurez juste à le faire sur toutes les pages donc n'oubliez pas tout ce qui est page Contact et cetera tout ce qui est page de commande page panier et cetera ça il y a rien à faire ce sera déjà fait même les pages produits et cetera tout ça vous vous en souciez pas également dernière chose que je voulais vous montrer également ici on peut ajouter si on le souhaite des sous-menus par exemple avec vos catégories donc je m'explique par exemple je vais ouvrir ici ma catégorie

robusta et ma catégorie arabica je vais retourner sur le tableau de bord de WordPress je vais aller dans apparence menu et ici je vais pouvoir ajouter des liens personnalisés donc je vais ajouter par exemple le lien de ma catégorie robusta et je vais coller l'URL ici et je vais ajouter du coup le texte du lien robusta je vais l'ajouter au menu je vais faire pareil pour arabica ici je vais ajouter un nouveau lien personnalisé arabica je vais coller l'URL et ajouter le titre je vais l'ajouter au menu et ici je vais pouvoir déplacer du coup

ça ici sous nos café comme vous pouvez le voir ici il sera juste à la suite comme les autres onglets mais si je le décale légèrement en fait ce sera un sous-élément du coup de de l'onglet no café donc pour que vous comprenez bien jeis enregistrer le menu et là par exemple si je rafraîchis cette page ici on aura du coup un sous-onglet un sous-menu où on pourra directement avoir un accès rapide aux catégories donc là on a pu paramétrer les derniers détails de sa boutique donc on a pu configurer toute sa boutique et c'est

le moment où votre boutique est en ligne vous êtes prêt à faire des ventes donc vraiment félicitations pour ça vous pouvez être fier de vous si vous êtes arrivé à la fin de cette vidéo come on peut le voir on a un résultat qui est vraiment très professionnel et sans que ce soit trop compliqué le thème nous a permis vraiment de sauter plein d'étapes on n pas eu à se casser la tête avec du code ouou du web design compliqué on a pu juste avec quelques adaptations avoir un site très propre très professionnel voilà on

peut très facilement avoir une boutique en ligne e-commerce comme ça professionnelle facilement je tenais à vous féliciter si vous êtes Ben arrivver à la fin de cette vidéo et ben je vous souhaite de faire décoller votre activité grâce à ça et ben de pouvoir faire vos premières ventes en ligne donc si vous voulez vous perfectionner un petit peu sur WordPress je tiens à vous dire qu'on a sorti un guide gratuit on vous donne tous les indispensables et t on va dire nos secrets pour avoir un site réussi donc c'est plein de points qu'on n pas

vraiment pu aborder dans cette vidéo mais si vous voulez en savoir plus sur WordPress et connaître un petit peu tous les indispensabl n'hésitez pas à télécharger notre guide gratuit le lien sera en description directement de la vidéo en tout cas si cette vidéo vous a plu n'hésitez pas à laisser un j'aime ou un commentaire ben sous la vidéo ça nous motive vraiment à vous partager du contenu gratuit de manière régulière donc je remercie déjà toutes les personnes qui le feront et moi je vous dis à très bientôt pour un nouveau tutoriel sur WordPress ou la

création de site web [Musique]