Home » WooCommerce » Comment créer une boutique en ligne WooCommerce en une soirée

Comment créer une boutique en ligne WooCommerce en une soirée

Vous cherchez un moyen de créer une nouvelle entreprise ou de transférer votre entreprise existante en ligne ? Vous trouverez ici un guide incroyablement détaillé sur la façon de créer une boutique en ligne et de commencer à vendre en ligne en une seule soirée.

Ce guide n’est pas une sorte de magie. Il s’agit d’un tutoriel complet sur la création d’un site de commerce électronique, depuis les toutes premières étapes de l’obtention d’un nom de domaine jusqu’à la vente en ligne en quelques heures.

Ce tutoriel est simple et vous guidera à travers chaque étape nécessaire. Aucune compétence en codage n’est requise. Aucun logiciel supplémentaire n’est nécessaire. Vous pourrez commencer à vendre dans votre propre boutique sans grandes connaissances techniques.

Vous aurez votre propre domaine et votre propre boutique – pas de frais de location mensuels, pas de limites de produits ou autres limites techniques qui vous obligeraient à payer des centaines de dollars par mois juste pour faire fonctionner la boutique.

Devrez-vous apprendre quelque chose de nouveau pour pouvoir gérer la boutique en ligne ? Bien sûr ! Mais ne vous inquiétez pas, ce n’est pas sorcier. Si vous savez comment utiliser un navigateur Web et les fonctions de base d’un éditeur de texte, votre boutique en ligne sera prête à vendre dès aujourd’hui, sans aucune aide supplémentaire.

Ce dont vous avez besoin pour commencer à vendre en ligne

Il n’y a que quelques conditions à remplir si vous voulez commencer à vendre en ligne :

  • Tout d’abord, et c’est le plus important, vous devez avoir quelque chose à vendre. Les produits physiques et les téléchargements numériques peuvent être vendus sur la plate-forme que vous allez mettre en place.
  • Si vous vendez des produits physiques, vous aurez besoin d’un moyen d’expédier les marchandises aux clients. Il serait utile de faire quelques recherches sur la façon d’expédier les articles et sur les coûts que cela implique. Mais au tout début de votre activité, vous pouvez vous contenter d’un prix d’expédition fixe. Vous aurez le temps de faire le tri des options d’expédition et des frais après quelques premiers clients.
  • Un moyen pratique d’encaisser les paiements. Le plus simple – commencez par Paypal.

Toutes les étapes de la création d’une boutique en ligne

Cette liste peut sembler longue, mais la plupart des étapes ne prennent que quelques minutes chacune. Et elles sont toutes expliquées en cours de route. Voici tout le plan.

Domaine, hébergement, messagerie et système de gestion de contenu

  1. Commandez un domaine et un hébergement WordPress
  2. Créez une adresse électronique professionnelle pour votre boutique en ligne en quelques clics
  3. Connectez-vous à WordPress et commencez à l’utiliser

Installez le logiciel de commerce électronique et configurez les éléments de base

  1. Installer le plugin de commerce en ligne WooCommerce pour WordPress
  2. Personnalisez la boutique WooCommerce – sélectionnez la devise, l’adresse, etc
  3. Configurer les méthodes de paiement dans WooCommerce
  4. Configurer les méthodes d’expédition dans WooCommerce

Ajouter des produits et des pages d’informations de base

  1. Créer des catégories de produits
  2. Ajouter des produits
  3. Ajout d’informations sur l’expédition, le paiement, les retours et les contacts

Conception de la boutique en ligne et mise en page des informations

  1. Supprimer les pages et les articles inutiles de WordPress
  2. Définir la page de la boutique comme page d’accueil du site
  3. Créer le menu de la boutique
  4. Personnalisez l’apparence de votre boutique
  5. Sécurisez votre boutique en ligne – installez un certificat SSL

Étapes suivantes après la création de votre boutique en ligne

  1. Commencez à vendre !
  2. Optimisation de la boutique en ligne et autres mises à niveau

Comment créer une boutique en ligne. Premières étapes

Commencez par le domaine et l’hébergement

Chaque site Web et chaque boutique en ligne sur Internet possède un nom de domaine et fonctionne sur un type de serveur (hébergement). Pour la plupart de mes projets personnels et de ceux de mes clients, j’utilise Hostinger. Leurs services sont peu coûteux, mais extrêmement fiables et faciles à utiliser. Le plus intéressant, c’est que vous n’avez besoin d’aucun logiciel supplémentaire ni de compétences en codage pour créer un site web – même l’installation de la plateforme de commerce électronique peut se faire en quelques secondes à l’aide du panneau d’administration.

La première étape consiste donc à commander l’hébergement et le domaine. Nous utiliserons l’un des plans d’hébergement WordPress de base les plus populaires. Ce plan est optimisé pour le système de gestion de contenu WordPress (nous utiliserons la plateforme de commerce électronique WooCommerce dans WordPress). Il est peu coûteux, mais il est suffisant pour une boutique en ligne de taille petite à moyenne. Vous pouvez avoir des centaines de produits dans votre boutique, il n’y a pas de limites pour la bande passante, et vous pouvez avoir jusqu’à 100 adresses e-mail basées sur le domaine. Et si vous avez la chance de devenir trop grand pour votre plan d’hébergement, vous pouvez toujours passer à un plan plus puissant en quelques clics.

Cliquez donc sur le lien d’hébergement WordPress, et sélectionnez le plan d’hébergement WordPress Starter.

Commandez un plan d’hébergement pour votre boutique en ligne :

  1. Choisissez une période. Plus la période est longue, moins le prix mensuel sera élevé.
  2. Entrez votre adresse e-mail actuelle – elle sera utilisée pour créer le compte Hostinger.
  3. Sélectionnez le mode de paiement.
  4. Si vous voulez économiser 10% du prix de l’hébergement, vous pouvez cliquer sur le lien Have a coupon Code ? et entrer IMAKEITWORK. Vous obtiendrez 10% de réduction sur la commande.
  5. Cliquez sur Soumettre le paiement sécurisé. Vous serez redirigé vers le formulaire de paiement que vous avez choisi.

Après avoir payé l’hébergement, vous serez automatiquement redirigé vers votre nouveau compte Hostinger. Saisissez un mot de passe mémorable pour celui-ci, et cliquez sur Continuer. Puis – Démarrer maintenant.

Si vous avez commandé un hébergement pour une période plus longue, Hostinger vous laissera choisir un domaine gratuitement. Saisissez le domaine de votre choix (j’ai utilisé onlinestoreinminutes.com), et cliquez sur le bouton Rechercher. Sinon, vous pouvez acheter un domaine ou entrer le domaine que vous avez déjà dans le même assistant.

Si le domaine que vous avez saisi est disponible (non utilisé par quelqu’un d’autre), le nom de domaine sera enregistré. Cliquez sur Continuer.

Après avoir choisi le domaine, sélectionnez Créer un nouveau site Web.

Étape suivante – créer un nom de compte et un mot de passe pour votre nouvelle boutique en ligne. Saisissez votre adresse électronique et un mot de passe mémorable. Veillez à entrer un mot de passe long et pas trop facile – la dernière chose que vous voulez, c’est laisser quelqu’un d’autre prendre le contrôle de votre entreprise. Cliquez sur Continuer.

Après avoir créé votre compte de site Web WordPress, Hostinger vous proposera un thème WordPress gratuit pour votre nouvelle boutique en ligne. Dans ce tutoriel, nous utiliserons le thème WordPress par défaut. Il est automatiquement disponible dans toute nouvelle installation de WordPress, vous n’avez pas besoin de choisir quoi que ce soit maintenant. Cliquez simplement sur Skip – I don’t need a template en bas de la page.

Cliquez sur Finish Setup. Le système de gestion de contenu est maintenant installé.

Si vous utilisez un nouveau domaine, vous devrez remplir un formulaire sur vous ou votre société – le domaine sera enregistré pour la personne ou la société. Après avoir rempli le formulaire, cliquez sur Terminer l’enregistrement.

Si vous utilisez un nouveau domaine, l’enregistrement du domaine et l’activation complète peuvent prendre de 15 à 60 minutes. Après une heure environ, votre site web sera prêt à être utilisé.

Une fois que le domaine est prêt, vous pouvez soit aller sur le tableau de bord de votre site web (cliquez sur Gérer WordPress), soit vous connecter au panneau de contrôle Hostinger (cliquez sur Gérer le site).

Si vous voulez vous connecter au tableau de bord de votre site Web WordPress plus tard, vous pouvez toujours le faire en allant surhttp://yourwebsitedomain.com/wp-admin/ (ajoutez /wp-admin à la fin du domaine de votre boutique en ligne).

Si vous souhaitez vous connecter au panneau de contrôle Hostinger, utilisez ce lien https://www.hostinger.com/cpanel-login.

L’étape suivante – la création d’une adresse électronique professionnelle pour votre site de commerce électronique, nous allons donc utiliser le panneau de contrôle Hostinger. Cliquez donc sur Gérer le site.

Créer une adresse électronique professionnelle pour votre boutique en ligne

Pour créer une nouvelle adresse e-mail dans le panneau d’administration Hostinger, cliquez sur Hébergement dans le menu supérieur, puis cliquez sur Gérer pour accéder au panneau de contrôle de l’hébergement, et recherchez la section Emails. Cliquez sur Comptes de messagerie.

Entrez le nom de l’email et le mot de passe dans le formulaire Créer un nouveau compte email, et cliquez sur le bouton Créer. Votre adresse électronique sera prête en quelques secondes.

Vous pouvez accéder à cette adresse en utilisant Webmail de Hostinger de Hostinger. Sur la même page, vous trouverez toutes les données permettant de configurer l’adresse électronique dans Microsoft Outlook, Mozilla Thunderbird ou un autre logiciel client de messagerie.

Et voilà, votre adresse électronique professionnelle est prête !

Commencez à utiliser WordPress – le centre de votre solution de boutique en ligne

Par défaut, votre nouvelle boutique en ligne ne ressemblera pas du tout à une boutique, mais nous allons faire en sorte que ce thème par défaut ressemble à un site de commerce électronique professionnel en quelques étapes seulement.

Comme je l’ai mentionné précédemment, vous pouvez accéder au panneau d’administration de votre boutique en ligne en ajoutant /wp-admin au domaine de la boutique (par exemple http://www.yourstore.com/wp-admin/ ). Après vous être connecté, vous arriverez à la page principale du tableau de bord et vous aurez le menu d’administration sur la gauche.

Installez le logiciel de commerce électronique et configurez les éléments de base

Une fois que vous aurez accédé au tableau de bord de WordPress et que vous aurez examiné le type de contrôles dont vous disposez, la prochaine étape logique consistera à le faire fonctionner comme une boutique en ligne. Nous aurons besoin du plugin WooCommerce pour cela.

Comment installer le plugin de boutique en ligne WooCommerce dans WordPress

Première étape – allez dans Plugins >> Add New dans le menu d’administration de WordPress. Une fois que la page des plugins est ouverte, entrez woocommerce dans le menu de recherche en haut à droite de la page.

Le premier résultat que vous verrez sera le plugin de commerce électronique WooCommerce. Cliquez sur Installer maintenant. L’installation du plugin devrait prendre une minute ou deux.

Une fois qu’il est installé, cliquez sur le bouton Activer.

Une fois le plugin activé, il vous guidera à travers un assistant de configuration de WooCommerce.

Dans la première étape, il vous demandera d’entrer votre adresse. Il peut s’agir de l’adresse de votre magasin physique (si vous en avez un), de l’adresse de votre entreprise ou de l’adresse de votre domicile. Ces informations apparaîtront sur les factures, les relevés de paiement, etc. Ne vous inquiétez pas si vous n’êtes pas sûr de l’adresse à utiliser maintenant – vous pourrez modifier cette information plus tard si nécessaire.

Étape suivante de l’assistant : dans quel secteur d’activité le magasin opère-t-il ? Vous pouvez sélectionner un ou plusieurs secteurs. Là encore, ne vous inquiétez pas, cela n’affectera en rien la fonctionnalité de votre magasin.

Étape suivante : sélectionnez le type de produits qui seront listés dans votre boutique. Nous allons sélectionner des produits physiques pour le moment, mais cela ne limitera pas votre boutique aux produits physiques à l’avenir.

Si vous sélectionnez des souscriptions, des adhésions, des réservations, des offres groupées ou des produits personnalisables, WooCommerce vous proposera d’acquérir des plugins supplémentaires (payants) pour ajouter les fonctions supplémentaires. Cela peut être utile pour certaines entreprises, mais pour l’instant nous mettons en place une boutique basique mais entièrement fonctionnelle, donc nous n’ajouterons pas d’outils supplémentaires.

Quatrième étape – répondez à quelques questions sur votre boutique, et désactivez les offres de Facebook, Mailchimp et Google Ads – nous pourrons entrer dans les détails plus tard si nécessaire. Cliquez sur Continuer.

Dernière étape de l’assistant – suggestions de thèmes WordPress. Pour ce tutoriel, nous allons choisir le thème gratuit Storefront. Il possède tous les éléments de base dont nous avons besoin pour notre boutique en ligne, il devrait donc constituer un bon point de départ pour votre activité en ligne.

Cliquez sur Choisir sur le thème Storefront.

Une fois que vous avez terminé l’assistant d’installation, WooCommerce peut vous montrer un plugin Jetpack supplémentaire. Cliquez sur Non merci.

C’est tout – le plugin de commerce électronique WooCommerce pour WordPress est installé.

Personnalisation de la boutique WooCommerce

Après avoir installé le plugin WooCommerce, vous voudrez peut-être vous assurer qu’il utilise la bonne devise et qu’il permet de vendre aux bons endroits. Ces paramètres peuvent être consultés et modifiés dans la page WooCommerce >> Paramètres, onglet Général.

Tous les paramètres de WooCommerce se trouvent sur cette page – de l’adresse aux paiements, en passant par les expéditions, les e-mails et les intégrations supplémentaires. Vous pouvez laisser tout en l’état, mais vous devriez vérifier tous les onglets de cette page pour avoir une meilleure vue de ce qui peut être modifié dans la boutique.

Comment configurer les paiements dans WooCommerce

Une fois que vous aurez installé le système de boutique en ligne WooCommerce, il disposera de quatre moyens pour collecter les paiements : virement bancaire direct, paiements par chèque, option de paiement contre remboursement et PayPal Standard. Nous allons utiliser Paypal pour ce tutoriel.

Allez dans WooCommerce >> Paramètres, et sélectionnez l’onglet Paiements. Recherchez le mode de paiement PayPal Standard, et cliquez sur Configurer.

Assurez-vous de cocher la case Activer PayPal Standard afin que ce mode de paiement soit disponible pour les clients lorsqu’ils passent des commandes dans votre boutique.

Paramètre suivant, extrêmement important : champ d’adresse électronique PayPal. Veillez à saisir votre adresse électronique PayPal. Tous les paiements des commandes passées dans votre boutique seront alors envoyés à votre compte PayPal.

Il existe de nombreux autres paramètres supplémentaires dans les méthodes de paiement PayPal Standard, mais pour l’essentiel, l’activation de PayPal et la saisie de l’adresse électronique PayPal permettront à votre boutique d’accepter des paiements en quelques minutes.

Assurez-vous que le mode sandbox de PayPal n’est pas activé. Le mode Sandbox est conçu pour tester les boutiques (pour les développeurs), donc si le mode Sandbox est activé, aucun paiement n’est réellement effectué.

Assurez-vous également que l’action de paiement est définie sur Capturer.

Une fois que vous aurez cliqué sur Enregistrer les modifications, votre boutique sera prête à accepter les paiements des clients.

Comment configurer l’expédition dans WooCommerce

Jusqu’à cette étape, votre boutique en ligne est prête à accepter les paiements. Mais vos produits auront probablement besoin d’être expédiés au client.

Pour configurer l’expédition, vous devez entrer dans la page des paramètres de WooCommerce, et sélectionner l’onglet Expédition.

Tout d’abord, créez une zone d’expédition. Pour cet exemple, nous allons créer une zone d’expédition limitée à un seul pays – le Royaume-Uni. Pour ajouter un ou plusieurs pays aux régions de la zone, il vous suffit d’entrer le nom du pays que vous souhaitez. Si vous avez déjà défini un pays pour votre magasin dans l’onglet Général, ce champ sera déjà rempli.

Pour ajouter une méthode d’expédition, cliquez sur le bouton Ajouter une méthode d’expédition.

Par défaut, WooCommerce vous permet de choisir parmi 3 méthodes d’expédition :

  • Taux fixe – lorsque le client paie des frais d’expédition fixes, quels que soient le type de commande et les produits qu’il achète.
  • Livraison gratuite. Elle peut être appliquée si la commande atteint le montant minimum que vous avez défini (par exemple – livraison gratuite si la commande atteint 100,00 £ et plus), ou si le client utilise un code promo spécial.
  • Enlèvement local – lorsque les clients viennent chercher leurs commandes dans votre magasin.

Vous pouvez utiliser l’une de ces méthodes d’expédition, ou les combiner toutes et laisser le client choisir celle qu’il préfère. Vous pouvez également ajouter un nombre illimité de méthodes d’expédition personnalisées en utilisant les plugins WooCommerce.

Dans ce tutoriel, nous allons utiliser la méthode d’expédition Flat Rate. Sélectionnez donc Flat Rate et enregistrez l’élection en cliquant sur Add shipping method setting.

Après avoir ajouté la méthode d’expédition, elle sera visible dans la liste des méthodes d’expédition. Cliquez sur son titre pour entrer les règles de la méthode d’expédition.

Vous pouvez saisir un nom personnalisé pour la méthode d’expédition, par exemple  » coût fixe  » au lieu de  » tarif fixe » (le titre de la méthode sera affiché sur la page de paiement pour le client).

Ajoutez les frais d’expédition. Dans cet exemple, nous utiliserons 5,00 £ pour tout type de commande dans notre zone de livraison définie.

Nous n’utilisons pas de régime fiscal dans cet exemple (et vous n’avez pas besoin de l’utiliser maintenant), le statut fiscal doit donc être défini sur Aucun.

Après avoir enregistré les modifications, l’option d’expédition à taux fixe sera prête et disponible pour les clients de votre boutique.

Comment ajouter des produits et des pages d’information à votre boutique en ligne ?

L’objectif principal d’une boutique en ligne est la vente de produits. Si vous avez beaucoup de produits, ces derniers doivent être organisés par catégories de produits. La première étape consiste donc à ajouter des catégories.

Comment ajouter des catégories de produits dans WooCommerce ?

Après avoir installé WooCommerce, tous les produits « dépendent » de la catégorie Uncategorized.

Pour ajouter des catégories à votre boutique en ligne, allez dans Produits >> Catégories. Vous verrez les catégories déjà créées sur la droite, et le formulaire Ajouter une nouvelle catégorie sur la gauche. Dans ce tutoriel, je vais créer 3 catégories de produits – ordinateurs, tablettes et téléphones.

La création d’une catégorie de produits dans WooCommerce est simple – il suffit d’entrer le nom de la catégorie dans le formulaire Ajouter une catégorie et d’appuyer sur le bouton Ajouter une nouvelle catégorie.

Si vous avez beaucoup de catégories, vous pouvez sélectionner des catégories parentes pour chacune d’entre elles. Par exemple, si la catégorie principale est Ordinateurs, vous pouvez créer les catégories Ordinateurs de bureau et Ordinateurs portables, et assigner la catégorie Ordinateurs comme leur parent.

Voici les catégories que je vais utiliser dans ce tutoriel :

Comment ajouter des produits dans WooCommerce

L’ajout d’un nouveau produit à votre boutique en ligne basée sur WooCommerce est très simple. Allez dans Produits >> Ajouter un nouveau.

Le formulaire peut sembler compliqué au premier abord, mais il n’est pas si difficile que cela lorsque vous commencez à l’utiliser :

  1. Titre du produit.
  2. Description du produit. Ici vous devez ajouter tous les textes concernant le produit – à qui il est destiné, comment l’utiliser, ses avantages et ses bénéfices. Toutes les informations qui peuvent être utiles au client potentiel.
  3. Fenêtre dedonnées du produit. Cette fenêtre doit contenir toutes les données relatives au produit – prix, code produit, disponibilité, etc.
  4. Description courte du produit – résumé du produit en 2 ou 4 phrases.
  5. Catégorie du produit. Vous pouvez sélectionner ici une ou plusieurs catégories.
  6. Image du produit. Cette image s’affichera en tant qu’image principale du produit non seulement sur la page du produit, mais aussi sur toutes les autres pages. Par exemple, les pages de recherche, les pages de catégories, la page d’accueil, etc.
    L’image principale du produit doit avoir une largeur minimale de 900 px et une hauteur minimale de 600 px.
    La fenêtre de lagalerie du produit est utilisée pour ajouter des images supplémentaires du produit.

Voici comment le même produit sera présenté au client (les numéros utilisés dans le formulaire de produit sont affichés là où ils aboutissent sur la page du produit) :

Comment ajouter des pages d’information à votre boutique en ligne

Une fois que vous avez installé le plugin WooCommerce sur votre site Web WordPress, il crée toutes les principales pages de commerce électronique pour vous – Mon compte, Panier, Caisse, Boutique. Vous n’avez pas besoin (et ne devriez pas) d’y apporter des modifications, ni de les supprimer. Mais ce n’est là que la base de la fonctionnalité d’un site de commerce électronique.

Chaque boutique en ligne devrait avoir plusieurs pages d’informations générales qui contiendraient ces informations :

  • Expédition et retours. Cette page doit couvrir les options de livraison des produits dans votre boutique, ainsi que les règles de retour des produits. Si vous cherchez des idées, vous pouvez consulter cet exemple.
  • Page de contact. Les clients doivent pouvoir trouver facilement vos coordonnées (email, téléphone, adresse (surtout si vous avez des magasins physiques), réseaux sociaux) s’ils ont des questions sur le magasin ou les produits que vous vendez.
  • Politique de confidentialité. C’est super important. Les clients ont besoin de savoir que les informations qu’ils saisissent dans votre boutique (coordonnées, commandes) sont en sécurité(voiciun bon exemple). À propos, la page de politique de confidentialité est créée automatiquement lorsque vous installez WooCommerce. Vous pouvez la trouver dans la liste Pages >> Toutes les pages. Il vous suffit de remplir les informations nécessaires.

Pour créer une page d’information dans votre boutique, allez dans Pages >> Ajouter une nouvelle page.

Best WordPress hosting 2024

Voici les bases que vous verrez dans l’éditeur WordPress par défaut. Vous devez juste ajouter le titre de la page, et commencer à écrire ci-dessous. Et une fois que vous avez terminé, n’oubliez pas de cliquer sur Publier.

Le dernier éditeur WordPress dispose de nombreuses fonctions intégrées qui peuvent faire ressortir votre contenu. Vous pouvez diviser le texte en colonnes, ajouter des en-têtes, des images, des couleurs, des arrière-plans, etc. Voici un excellent tutoriel sur la façon de commencer à utiliser l’éditeur WordPress « rich text » – https://www.youtube.com/watch?v=JjfrzGeB5_g.

A propos, vous pouvez remarquer que par défaut, l’éditeur WordPress cache le menu d’administration de WordPress. C’est très bien si vous êtes habitué à WordPress, mais cela peut être un peu déroutant si vous êtes nouveau dans cet éditeur.

Ce que vous devez faire pour vous familiariser avec le panneau est de désactiver le mode plein écran. Cliquez sur les trois points dans le coin supérieur droit de la page, et désactivez le mode plein écran.

Cela ramènera le menu WordPress sur le côté gauche de l’écran.

Conception de la boutique en ligne et présentation des informations

Si vous avez déjà ajouté des produits, des catégories et des pages d’information à votre boutique, il est temps de lui donner l’apparence d’une véritable boutique en ligne. Cela ne prendra pas beaucoup de temps puisque nous utilisons déjà un thème WordPress spécialement conçu pour les sites de commerce électronique.

Si vous avez suivi le tutoriel, votre boutique en ligne devrait maintenant ressembler à cela :

Elle ne rappelle pas du tout un site de commerce électronique. Mais nous allons changer cela en quelques étapes faciles.

Désactiver temporairement le plugin LightSpeed Cache

Lorsque vous configurez un site WordPress dans le panneau d’administration de votre hébergeur, celui-ci installe automatiquement un excellent plugin – LightSpeed Cache. Ce plugin vous permet d’améliorer massivement la vitesse de votre site Web WordPress ou de votre boutique en ligne WooCommerce.

Google et les autres moteurs de recherche aiment les sites Web rapides. Si votre boutique se charge rapidement, elle a beaucoup plus de chances d’apparaître plus haut dans les résultats de recherche de Google.

Le plugin de mise en cache crée une version optimisée d’un site Web. Mais pendant que vous le construisez et le personnalisez, il peut arriver qu’ils ne remarquent pas les changements apportés à la conception ou à la mise en page de votre site Web, et même si vous avez fait des changements, ils peuvent ne pas apparaître immédiatement dans votre navigateur. Vous devez donc désactiver temporairement ce plugin jusqu’à ce que vous ayez fini de travailler sur le site.

Désactiver les plugins dans WordPress est très facile. Allez simplement dans Plugins >> All plugins, trouvez le plugin que vous voulez désactiver, et cliquez sur Deactivate.

Une fois que vous avez fini de travailler sur la conception du site et les changements de mise en page, vous pouvez réactiver le plugin en toute sécurité.

Supprimez les pages et les articles inutiles de WordPress

Lorsque vous installez WordPress, il contient un seul article de blog nommé Hello World ! et une page nommée Sample Page. Nous n’avons pas besoin de pages inutiles dans notre boutique, nous devons donc nous en débarrasser.

Pour supprimer l’article de blog, allez dans Postes >> Tous les articles, et placez la souris sur Hello World ! Un menu supplémentaire s’affiche sous le titre de l’article. Cliquez sur Trash pour supprimer l’article.

La même chose peut être faite avec la page d’exemple. Allez dans Pages >> Toutes les pages, trouvez la page et cliquez sur Corbeille.

Définir la page Store comme page d’accueil du site

Puisque nous construisons un site de commerce électronique dédié, la page d’accueil doit le refléter. Nous allons donc définir la page WooCommerce Store comme page d’accueil dans WordPress.

Allez dans Réglages >> Lecture, et changez Your homepage displays to A Static page. Une fois que vous avez fait cela, choisissez Boutique comme page d’accueil, et n’oubliez pas d’enregistrer les modifications.

Après ces modifications, la mise en page de la page d’accueil devrait ressembler à ceci :

C’est beaucoup mieux – nous avons maintenant des produits sur la page d’accueil. Mais il y a encore du travail à faire – comme la navigation et la barre latérale.

Comment créer un menu de navigation dans un site WooCommerce ?

Créer un menu dans WordPress (ou WooCommerce) est simple. Allez dans Apparence >> Menu. Voici comment j’ai créé le menu du magasin de démonstration :

  1. Entrez le nom du menu (peut être n’importe quel nom – il n’est pas visible pour les clients).
  2. Cochez la case Menu principal pour vous assurer qu’il s’affiche en tant que menu principal sur le site Web.
  3. Cliquez sur le bouton Enregistrer le menu.
  4. Cochez toutes les cases que vous voulez dans Ajouter des éléments de menu dans la colonne de gauche. Une fois que vous aurez cliqué sur le bouton Ajouter au menu, les éléments apparaîtront dans la colonne de droite.
    Cette couleur de droite est le menu de votre site Web. Vous pouvez y ajouter autant d’éléments que vous le souhaitez. Vous pouvez réorganiser les éléments du menu en les déplaçant avec la souris (glisser-déposer).
  5. Si vous souhaitez ajouter un élément de menu déroulant au menu, sélectionnez Liens personnalisés sur la gauche, entrez le symbole # dans le champ URL et entrez le nom de l’élément de menu déroulant (comme Information et assistance dans l’exemple).
    Si vous souhaitez ajouter des liens à cette section déroulante, ajoutez ces liens sous le lien personnalisé dans le menu et déplacez-les légèrement vers la droite.
  6. Par défaut, les catégories de produits WooCommerce n’apparaissent pas dans la colonne Ajouter des éléments de menu.
    Pour les ajouter à la liste, cliquez sur Options d’écran en haut à droite de la page, et cochez la case Catégories de produits.

Après avoir apporté des modifications au menu, n’oubliez pas de les enregistrer en cliquant sur le bouton Enregistrer le menu.

Voici à quoi ressemble ce menu sur le site web :

Par défaut, la barre latérale de WordPress contient la recherche, les commentaires récents, les archives et d’autres éléments ajoutés. Nous n’avons pas besoin de ces éléments (appelés widgets). Nous allons remplacer tous ces widgets par une liste de catégories de produits.

Allez dans Apparence >> Widgets. Vous verrez les widgets disponibles sur la gauche, et les endroits où vous pouvez ajouter ces widgets sur la droite.

Vous avez probablement remarqué la zone de widgets de la barre latérale.

Lorsque vous cliquez sur l’un des widgets de la barre latérale, vous voyez les options du widget et un moyen de le supprimer. Ouvrez tous les widgets qui sont actuellement ajoutés à la zone de la barre latérale et cliquez sur Supprimer pour tous les supprimer.

Une fois que vous avez supprimé tous les widgets précédents, recherchez les catégories de produits dans la liste des widgets disponibles. Cliquez dessus, puis sélectionnez Sidebar. Le widget sélectionné sera automatiquement ajouté à la zone de widgets de la barre latérale.

Vous pouvez faire de même en faisant glisser le widget sur la zone de widgets disponible de votre choix.

Une fois que vous avez cliqué sur le widget Catégories de produits dans la zone Sidebar, vous pouvez saisir son titre et sélectionner d’autres options. Si vous effectuez des modifications, n’oubliez pas de les enregistrer.

Lorsque vous ouvrirez la page d’accueil de votre boutique en ligne, vous verrez le widget Catégories de produits à la place des anciens widgets.

Si vous voulez déplacer la barre latérale sur le côté gauche de la page, allez dans Apparence >> Personnaliser, et ouvrez l’onglet Disposition. Modifiez la mise en page pour afficher la barre latérale sur la gauche, puis cliquez sur Publier pour enregistrer les modifications.

Il existe d’autres paramètres importants dans la page Apparence >> Personnaliser. Par exemple, si vous cliquez sur l’onglet Identité du site, vous pourrez modifier le nom et le slogan du site, ou télécharger le logo et le favicon (icône du site) de votre boutique en ligne.

Après avoir effectué tous ces changements, votre site WordPress aura l’apparence d’une véritable boutique en ligne.

Si vous avez suivi toutes les étapes de ce tutoriel, vous serez presque prêt à vendre. Il ne reste plus qu’une étape.

Activez le certificat SSL pour sécuriser votre boutique en ligne

Vous ne l’avez peut-être pas remarqué, mais votre navigateur indique probablement que la boutique en ligne que vous venez d’installer n’est peut-être pas sécurisée. En effet, tout nouveau site Web et site de commerce électronique nécessite l’installation d’un certificat SSL valide.

Ce n’est pas grave – nous allons nous en occuper en moins de 5 minutes. Pour installer un certificat SSL, vous devez vous connecter au panneau de contrôle Hostinger, et ouvrir la page SSL.

Si vous avez commandé l’un des plans d’hébergement les moins chers, cette page vous proposera de commander un certificat SSL pour le domaine que vous utilisez avant de continuer. Vous devez le faire.

Si vous avez commandé un plan d’hébergement plus cher, le certificat SSL sera inclus dans le pack. Vous n’aurez donc qu’à l’activer. Pour ce faire, cliquez sur Setup.

Si vous avez plusieurs domaines, sélectionnez le domaine de votre boutique en ligne. Si vous n’avez qu’un seul domaine dans le compte, allez directement à Installer SSL.

L’installation du certificat SSL prendra moins d’une minute.

Si vous revenez à votre boutique en ligne et rafraîchissez la page, vous verrez que votre boutique en ligne est sécurisée. Il se peut que vous deviez rafraîchir la page plusieurs fois pour vous assurer que votre navigateur Web « rafraîchit » ses contrôles de sécurité.

Votre boutique en ligne est prête. Quelle est la prochaine étape ?

Si vous avez suivi le tutoriel, votre boutique est prête à vendre ! Vous devriez vérifier WooCommerce >> Commandes pour vos premières ventes.

Maintenant, vous avez probablement besoin de plus de produits et de plus de visibilité – réseaux sociaux, amis, autres campagnes de marketing ou même des annonces en ligne.

Voici quelques-uns des autres conseils et astuces pour les boutiques en ligne que je couvrirai ici dans un avenir proche :

  • Optimisez votre boutique en ligne pour les moteurs de recherche (optimisation du référencement)
  • Installez Google Analytics – commencez à suivre les visites de votre boutique
  • Enregistrez votre site dans les Google Webmaster Tools
  • Optimiser les images de votre boutique en ligne

Si vous avez des questions, des suggestions, ou si vous voulez partager votre histoire sur la façon dont vous avez construit votre activité en ligne en utilisant ce tutoriel, contactez-moi via tomas@howtosetup.website .

Tags:

Fathom analytics - privacy focused cookie-free website analytics

Most popular tutorials


Get our latest WordPress news and special offers from RockSolidWP!

Only useful WordPress and WooCommerce tips and tricks and exclusive offers for our readers once a month. No marketing nonsense.

Looking for reliable yet affordable WordPress hosting?
Hostinger is the way to go!

Get 10% OFF by using code IMAKEITWORK