Comment Créer un site Web de commerce électronique à l’aide de WordPress
Le commerce électronique fait référence à la vente et à l’achat de produits sur Internet. Contrairement aux entreprises physiques qui se produisent dans un magasin physique, le commerce électronique effectue toutes ses transactions en ligne.
Ainsi, un site de commerce électronique est une boutique sur le web qui fournit des biens et des services à un large public Internet. Vous avez peut-être décidé de créer votre propre site Web de commerce électronique, mais vous ne savez tout simplement pas par où commencer.
Nous convenons que la création d’un site Web de commerce électronique par soi-même peut être une tâche ardue. Mais, que se passe-t-il si nous disons que vous pouvez créer votre propre site Web de commerce électronique en utilisant WordPress, cela aussi sans aucun codage?
Oui, vous pouvez créer votre propre site Web de commerce électronique en utilisant WordPress en 4 étapes simples,
- Lancement de votre site Web WordPress
- Commencez à créer votre site Web de commerce électronique
- Développer les fonctionnalités de votre site de commerce électronique
- Changer l’apparence de votre site Web
À la fin de cet article, vous pourrez créer un site Web de commerce électronique entièrement fonctionnel avec WordPress, où vous pourrez vendre vos produits aux clients avec des fonctionnalités qu’ils pourront même payer directement sur le site Web.
N’êtes-vous pas excité de créer votre propre site Web de commerce électronique en utilisant WordPress?
Alors, commençons!!
Comment créer un site Web de commerce électronique à l’aide de WordPress
Partie 1: Lancement de votre site Web WordPress
La première partie de la création d’un site Web de commerce électronique à l’aide de WordPress consiste à lancer votre site Web sur Internet. Le lancement de votre site Web fait référence à la création de votre site Web et à la mise en ligne de votre site Web sur le web.
Et nous allons lancer votre site web en seulement 3 étapes,
- Choisir un Nom de domaine pour votre Site Web
- Obtenir un hébergement et un Domaine
- Installer WordPress
Étape 1: Choisir un Nom de domaine pour votre site Web
Le domaine est l’adresse de votre site Web, c’est celle que vos visiteurs entrent dans le moteur de recherche pour venir sur votre site Web.
Une fois que vous avez choisi un nom de domaine, cliquez ici pour vérifier si votre nom de domaine est disponible ou non.
Si votre domaine est disponible, passez à l’étape suivante ou essayez de choisir d’autres noms.
Étape 2: Obtenir l’hébergement et le domaine
L’hébergement est l’endroit où vous stockerez tous les fichiers liés à votre site Web. Il existe différents types d’hébergement Web disponibles sur le marché, tels que l’hébergement partagé, VPS et Cloud. Mais nous vous avons facilité la tâche.
Pour acheter un hébergement et un domaine, passez simplement à l’étape 2 et cliquez sur Obtenir un domaine gratuit d’hébergement &.
Vous serez redirigé vers le site Web GoDaddy où vous pouvez acheter un hébergement de domaine &. Après avoir soigneusement examiné les différents facteurs pour choisir le fournisseur d’hébergement, nous avons trouvé GoDaddy.
GoDaddy propose une variété de plans qui répondent aux besoins de tous, d’un particulier à un magasin de commerce électronique complet. Choisissez un forfait qui répond à vos besoins, puis cliquez sur Ajouter au panier.
Il vous sera demandé de sélectionner la durée de votre boutique en ligne. La durée est la durée de vie de votre site Web sur Internet. Choisissez la durée de votre choix et cliquez sur Continuer.
Vous serez ensuite redirigé vers la section domaine où vous devez entrer le nom que vous avez choisi à l’étape précédente. Une fois entré, cliquez sur Soumettre.
Entrez vos informations de paiement sur cette page & effectuez le paiement pour obtenir l’hébergement du domaine &.
Une fois le paiement réussi, vous recevrez un e-mail de vérification de GoDaddy dans lequel vous devrez vérifier votre adresse e-mail pour activer votre compte. Ouvrez votre e-mail & cliquez sur le lien fourni dans l’e-mail & puis cliquez sur Vérifier le courrier.
Comme vous avez acheté un hébergement de domaine &, vous n’êtes qu’à une étape du lancement de votre site Web.
Étape 3: Installation de WordPress
Comme indiqué ci-dessus, nous allons installer WordPress sur votre site Web. L’installation de WordPress est si simple.
Installez WordPress en cliquant sur Ajouter un site.
Configurez votre compte WordPress en fournissant votre nom d’utilisateur & mot de passe ici. Vous devez entrer ces informations chaque fois que vous vous connectez à votre site. Cliquez sur Ajouter après avoir entré ces informations.
Vous pouvez voir que WordPress est correctement installé sur votre site Web, ce qui signifie que votre site Web est en ligne maintenant.
Vérifiez votre site Web en entrant l’adresse de votre site Web dans le navigateur.
Hourra!! Vous avez créé votre premier site web et l’avez lancé sur le web.
Alors, qu’attendez-vous ? Transformons votre site Web en un site de commerce électronique entièrement fonctionnel.
Partie 2: Commencez à créer votre site de commerce électronique
Maintenant que vous avez un site Web en direct sur Internet, vous pouvez facilement créer votre site de commerce électronique à partir de zéro en seulement 2 étapes simples,
- Connexion à votre site Web
- Installation d’un thème et Choix d’un exemple de site
Étape 1: Connexion à votre site Web
Pour vous connecter à votre site Web, tapez « /login » après l’adresse de votre site Web.
Il vous mènera à la page de connexion de votre site. Maintenant, entrez les informations de connexion que vous avez créées lors de l’installation de WordPress, puis cliquez sur Connexion.
Vous serez redirigé vers le tableau de bord d’administration WordPress. Le tableau de bord est le centre de contrôle de votre site Web où vous pouvez personnaliser votre site Web.
Une fois que vous vous êtes connecté avec succès, passez à l’étape suivante où nous importons et modifions les exemples de sites.
Étape 2: Installation d’un thème et Choix d’un exemple de site
Un thème est une collection de fichiers, de modèles & Feuilles de style CSS qui aident à concevoir le front-end (looks) de notre site Web. Simplement, le thème vous aide à concevoir votre site sans codage.
Vous devez installer le thème Astra car il vous aide à importer les exemples de sites.
Pour installer un thème, allez dans Apparence & cliquez sur Thèmes.
Cliquez sur Ajouter un nouveau thème.
Recherchez Astra dans la bibliothèque de thèmes. Une fois le thème Astra affiché dans les résultats de recherche, cliquez sur installer & pour l’activer.
Maintenant, cliquez sur Commencer pour choisir un exemple de site dans la bibliothèque des exemples de sites.
Cela vous mènera à la page Select Page Builder. Choisissez Elementor dans la liste. Elementor est un générateur de page de dépôt par glisser-déposer & qui vous aide à créer facilement les pages de votre site Web.
Vous serez redirigé vers la page de la collection d’exemples de sites où vous trouverez une variété de conceptions de sites Web. Vous pouvez choisir n’importe quel site Web que vous souhaitez importer pour votre site Web.
Pour importer un site de commerce électronique, cliquez sur Tout & choisissez Commerce électronique. Cela vous aidera à choisir uniquement les conceptions de sites Web de commerce électronique.
Cliquez sur un site que vous aimez et cela vous donnera un aperçu de l’apparence de votre site. Cliquez sur Importer un site complet pour modifier votre site comme l’exemple de site.
Sélectionnez maintenant toutes les options et cliquez sur importer.
Une fois l’exemple de site importé, cliquez sur Afficher le site pour voir le nouveau look de votre site Web.
Maintenant, vérifions comment fonctionne votre site. Cliquez sur un produit & ajoutez-le au panier. Cliquez sur Voir le panier pour voir les articles que vous avez ajoutés & maintenant, vous pouvez passer à la caisse.
Ainsi, votre site est un site de commerce électronique WordPress entièrement fonctionnel. Passons maintenant à la partie suivante où vous pourrez développer les fonctionnalités de votre site.
Partie 3: Développer les fonctionnalités de votre site de commerce électronique
Avez-vous vu votre magasin? Est-il plein d’échantillons de produits? Et la monnaie? N’est-ce pas comme le tien ?
Ne vous inquiétez pas, nous allons corriger toutes ces choses dans cette partie, en seulement 4 étapes,
- Supprimer les Exemples de Produits
- Ajout d’un Nouveau produit
- Changement de Devise
- Ajout de votre Mode de paiement
Etape 1 : Supprimer les Exemples de Produits
Pour supprimer les produits, accédez à votre tableau de bord & cliquez sur Produits.
Il vous mènera à la section produit où vous pourrez voir tous les produits répertoriés dans votre magasin. Si vous souhaitez tous les supprimer, sélectionnez tous & choisissez Déplacer vers la corbeille dans le menu & puis cliquez sur Appliquer.
Une fois que vous avez cliqué sur Appliquer, tous vos exemples de produits sont supprimés. Vérifiez votre magasin en le rafraîchissant une fois.
Maintenant, comme vous avez supprimé les exemples de produits, voyons comment vous pouvez ajouter de nouveaux produits.
Étape 2: Ajouter un nouveau produit
Ajouter un produit à votre site Web est un processus simple. Cliquez sur Ajouter nouveau dans la section produits.
Ici, vous devez entrer le nom de votre produit, son prix & une petite description du produit.
Avoir une image pour un produit aide vos clients à voir le produit avant de l’acheter. Vous devez donc ajouter une image de produit. Pour ajouter une image pour votre produit, cliquez sur Définir l’image du produit & faites glisser votre image ici.
Une fois que vous avez ajouté tous ces détails, cliquez sur Publier pour ajouter le produit à votre boutique.
Lorsque vous avez ajouté le produit à votre boutique, vous pouvez le vérifier en actualisant votre boutique.
Comme vous pouvez le constater, le produit a été ajouté. Si vous souhaitez ajouter d’autres produits, répétez le même processus.
Étape 3: Modification de votre devise
Vous pouvez voir la devise par défaut sur la page de votre produit. Vous pouvez changer votre devise par défaut pour la devise préférée en modifiant les options de devise.
Pour modifier la devise, accédez à votre tableau de bord, puis accédez à Woocommerce & cliquez sur paramètres.
Il vous mènera à la page des paramètres du magasin où vous pourrez modifier tous les paramètres de votre magasin.
Faites défiler jusqu’à la section Options de devise & cliquez sur Devise & puis sélectionnez votre devise. Une fois que vous avez sélectionné votre devise, cliquez sur Enregistrer les modifications.
Pour vérifier si votre devise est modifiée ou non, actualisez votre page produit.
Vous pouvez voir que la devise a été modifiée.
Essayons maintenant d’acheter le produit. Pour acheter un produit, vous devez l’ajouter au panier, & cliquez sur afficher le panier & puis cliquez sur passer à la caisse.
Vous serez redirigé vers la page de paiement. Entrez ici vos informations de facturation et sélectionnez Passer commande. Vous pouvez voir que cela montre qu’il n’y a pas de méthodes de paiement disponibles.
Mais, qu’est-ce qu’un moyen de paiement? Laissez-nous vous expliquer, le mode de paiement est un moyen par lequel vos visiteurs / clients paient pour vos produits.
Passons donc à l’étape suivante où vous pouvez voir comment ajouter le mode de paiement.
Etape 4 : Ajout de votre Mode de paiement
Pour configurer votre mode de paiement, vous devez créer un compte dans Stripe. Stripe nous aide à recevoir des paiements chaque fois que votre client achète vos produits.
Pour créer un compte, allez à stripe.com & cliquez sur Démarrer maintenant.
Entrez vos coordonnées & cliquez sur Créer votre compte Stripe.
Une fois votre compte créé, vous devez l’activer pour recevoir des paiements. Cliquez sur Démarrer pour activer votre compte.
Entrez ici les coordonnées de votre entreprise & puis vos coordonnées bancaires. Une fois que vous avez entré tous les détails, votre compte est activé.
Maintenant, vous devez connecter votre stripe à votre site Web afin que votre client / visiteur puisse payer votre produit. Maintenant, vous devez installer Stripe pour le plugin WooCommerce. Pour ce faire, revenez à votre tableau de bord d’administration. Allez dans plugins & cliquez sur ajouter nouveau.
Vous serez redirigé vers la page plugins, recherchez Stripe Pour WooCommerce ici. Une fois le plugin affiché, cliquez sur installer & l’activer.
Une fois que vous l’avez activé, cliquez sur Paramètres. Ici, vous devez coller les clés API de votre compte stripe.
Pour copier les clés API, revenez sur votre compte Stripe & cliquez sur les clés API une par une. Une fois que vous avez cliqué sur les touches, il sera copié automatiquement. Vous pouvez maintenant coller les clés ici & cliquez sur enregistrer les modifications.
Au moment où vous cliquez sur Enregistrer les modifications, votre compte stripe est connecté au site Web.
Donc tout est prêt pour l’achat. Maintenant, essayez d’acheter un produit dans votre magasin, tout comme votre client achète un produit sur votre site.
Rendez-vous dans votre boutique & cliquez sur le produit que vous souhaitez acheter. Cela vous mènera à la page du produit. Cliquez maintenant sur Ajouter au panier & puis cliquez sur Voir le panier pour voir les produits que vous avez ajoutés à votre panier.
Cliquez sur Passer à la caisse. Cela vous mènera à la page des paiements. Vous avez remarqué quelque chose de nouveau, n’est-ce pas? Oui, votre mode de paiement est correctement connecté à votre site Web. Maintenant, entrez votre adresse, les détails de la carte & cliquez sur passer commande.
Une fois le paiement effectué, votre commande est confirmée. C’est ainsi que vos clients achètent des produits sur votre site.
Êtes-vous inquiet de savoir si quelqu’un passe une commande sur votre site Web? Ne vous inquiétez pas, Voyons comment nous saurons quand quelqu’un passera une commande.
Lorsque quelqu’un passe une commande, vous recevrez deux e-mails à votre e-mail (que vous avez utilisé pour créer ce site Web) l’un de WordPress & l’autre de Stripe comme celui-ci.
Ouvrez maintenant votre boîte de réception e-mail & ouvrez l’e-mail que vous avez reçu de WordPress. Vous pouvez voir que vous avez reçu tous les détails de la commande.
Maintenant, ouvrez l’autre que vous avez reçu de Stripe. Ici vous pouvez voir les détails sur le paiement.
Voici comment vous savez quand quelqu’un achète un produit sur votre site. Après avoir reçu ces deux e-mails, vous pouvez commencer à livrer votre produit.
Maintenant, vous avez vu comment vous savez quand un client achète un produit, mais comment vos clients peuvent suivre le produit après l’avoir acheté chez vous. Voyons donc comment vos clients peuvent suivre leurs produits.
Après avoir acheté un produit, ils recevront deux e-mails à leur adresse e-mail, l’un avec les détails de la commande &, l’autre avec les détails de leur compte.
Ouvrez maintenant votre boîte de réception & ouvrez le premier e-mail que vous avez reçu de WordPress.
Vous pouvez voir qu’il y a un mot de passe donné à votre client. Si votre client souhaite se reconnecter à votre site Web, il peut accéder à votre site & cliquez sur mon compte. Maintenant, ils doivent entrer leur adresse e-mail & le mot de passe qu’ils ont reçu par e-mail.
Il les mènera à la page des commandes. C’est l’endroit où ils peuvent obtenir des informations de suivi sur leurs commandes.
S’ils veulent ajouter / modifier leurs adresses, ils peuvent le faire en allant dans l’option adresses présente sur le côté gauche.
C’est ainsi que vos clients peuvent suivre leurs commandes & mettre à jour les détails de leur compte s’ils le souhaitent.
Vous avez maintenant terminé de configurer votre boutique avec un mode de paiement.
Pensez-vous que votre site Web n’a pas l’air bien ? Pas de soucis, nous pouvons changer l’apparence de votre site Web si facilement.
Passons donc à la partie suivante, où nous changeons l’apparence de votre site Web.
Partie 4: Changer l’apparence de votre site Web
Comme déjà dit, Elementor est un générateur de pages par glisser-déposer qui vous aide à créer facilement les pages de votre site Web. Changeons donc l’apparence de votre site Web en utilisant Elementor. Dans cette partie, nous allons,
- Modifier le Contenu de votre Page
- Ajouter des produits à la Page d’accueil
- Changer le Logo du Site Web
- Changer le Menu du Site Web
Étape 1: Modification du contenu de votre Page
Si vous souhaitez modifier le contenu d’une page à l’aide d’Elementor, accédez simplement à cette page & cliquez sur modifier avec Elementor.
Vous serez redirigé vers la section d’édition où vous pourrez modifier le design de votre page. Maintenant, si vous souhaitez modifier l’en-tête, vous devez sélectionner le texte. Après avoir sélectionné le texte, commencez à taper le texte souhaité.
Similaire à heading, si vous souhaitez modifier le texte du bouton, sélectionnez le texte & commencez à taper. Si vous souhaitez modifier un texte, répétez le même processus.
Si vous souhaitez modifier une image, accédez à cette image & cliquez ici. Maintenant, cliquez sur l’image dans le panneau de gauche & puis faites glisser & déposez votre image.
Vous pouvez voir que l’image a été modifiée. Une fois toutes les modifications apportées, cliquez sur Mettre à jour.
Maintenant, vérifions si les modifications ont été mises à jour ou non? Pour ce faire, rendez-vous sur votre site & actualisez-le.
Vous pouvez voir que les modifications ont été mises à jour. Voici comment vous pouvez modifier le contenu de n’importe quelle page.
Maintenant, si vous faites défiler votre page d’accueil, vous pouvez voir qu’il n’y a pas de produits dans la section produits en vedette.
Donc, si vous souhaitez ajouter des produits à votre page d’accueil, nous pouvons le faire facilement.
Passons à l’étape suivante où vous pouvez voir comment ajouter des produits à la page d’accueil.
Étape 2: Ajout de produits à la Page d’accueil
Pour ajouter des produits à votre page d’accueil, accédez à nouveau au tableau de bord & cliquez sur produits.
Vous serez redirigé vers la page produits où vous pourrez voir les produits présents dans votre magasin. Ici, vous pouvez choisir / sélectionner les produits que vous souhaitez afficher sur votre page d’accueil en cliquant sur l’icône en étoile à côté.
Après avoir cliqué sur l’icône en forme d’étoile, les produits seront automatiquement ajoutés à la page d’accueil. Pour vérifier cela, revenez sur le site & cliquez sur actualiser.
Maintenant, vous pouvez voir que les produits ont été ajoutés à la page d’accueil. Voici comment vous pouvez ajouter des produits à la page d’accueil.
Maintenant que nous avons personnalisé le site Web, nous allons maintenant changer le logo de votre site Web.
Étape 3: Modification du logo du site Web
Pour changer le logo, vous devez cliquer sur Personnaliser.
Cela vous mènera à la section customizer où vous pouvez modifier les paramètres par défaut de votre thème.
Vous pouvez voir qu’il y a différentes icônes bleues à l’écran. Si vous souhaitez changer quelque chose, cliquez sur l’icône bleue qui se trouve à côté.
Donc, si vous souhaitez modifier le logo, cliquez sur l’icône bleue à côté.
Cliquez maintenant sur le Changement de logo dans la section Identité du site.
Si vous souhaitez afficher votre titre sous forme de logo, cliquez sur supprimer le logo. Faites maintenant défiler vers le bas & sélectionnez afficher le titre.
Une fois les modifications effectuées, cliquez sur Publier.
Voulez-vous changer le menu? Vous pouvez le modifier facilement dans la section customizer.
Passons donc à l’étape suivante où vous pouvez voir comment changer le menu.
Etape 4: Modification du menu du site Web
Pour modifier le menu, cliquez sur l’icône bleue à côté du menu.
Vous serez redirigé vers la section des menus où vous pouvez modifier les menus présents sur le site Web.
Cliquez sur le menu edition. Vous serez redirigé vers la section menu où vous pourrez modifier les éléments présents dans votre menu. Si vous souhaitez supprimer une page, cliquez sur la flèche & cliquez sur supprimer.
Vous pouvez voir que la page est supprimée. Maintenant, si vous souhaitez réorganiser le menu, vous pouvez le faire en faisant glisser les pages comme vous le souhaitez.
Vous pouvez voir que le menu a été réorganisé. Une fois les modifications effectuées, cliquez sur Publier.
Après avoir cliqué sur Publier, les modifications seront mises à jour sur votre site. Actualisez votre site Web pour voir le nouveau logo menu & de votre site Web.
Voici comment vous pouvez modifier n’importe quel menu de votre site Web.
Conclusion
Maintenant, vous venez de créer votre propre site Web de commerce électronique en utilisant WordPress pour votre entreprise. Avec WordPress, vous pouvez ajouter des milliers de fonctionnalités pour améliorer votre site Web. Et vous pouvez facilement inclure ces fonctionnalités supplémentaires à l’aide de plugins.
Mais il existe des milliers de plugins disponibles dans WordPress, et vous pouvez facilement vous confondre avec eux. Pour vous faciliter les choses, nous avons créé un blog sur les 15 meilleurs plugins E-Commerce à utiliser sur votre site WordPress.
Si vous souhaitez savoir comment ajouter les codes promo à votre site de commerce électronique, veuillez lire notre article ici.
Au fil du temps, avec l’augmentation du trafic, il est recommandé d’avoir une application exclusive pour votre site Web de commerce électronique. Bien que cela puisse sembler complexe de créer une application mobile par vous-même, c’est assez facile et peut être fait même par des débutants absolus.
Consultez notre tutoriel vidéo sur la création d’une application mobile pour votre site Web de commerce électronique.
Pour plus de tutoriels vidéo sur la personnalisation de votre site Web WordPress, abonnez-vous à notre chaîne YouTube.
Foire aux questions (FAQ)
- Comment créer un site Web de commerce électronique étape par étape?
Grâce à WordPress, vous pouvez créer votre propre site Web de commerce électronique et commencer à vendre des produits en seulement 4 étapes,
- Lancez votre site Web WordPress
- Construisez votre site Web de commerce électronique
- Développez les fonctionnalités de votre site Web de commerce électronique
- Personnalisez l’apparence de votre site Web
- Quels plugins dois-je utiliser pour un site de commerce électronique?
Il existe de nombreux plugins spécifiques au commerce électronique populaires comme WooCommerce, des téléchargements numériques faciles qui peuvent faciliter l’ensemble du processus. Cependant, avec autant de plugins, vous devez faire attention à la qualité et au nombre de plugins que vous utilisez sur votre site de commerce électronique.
Vous pouvez utiliser des plugins spécifiques au commerce électronique pour ajouter des fonctionnalités spécifiques telles que la facturation et l’expédition sur votre site Web. Pour commencer, consultez notre liste de 15 Plugins de commerce électronique WordPress à utiliser.
- Peut-on créer une application mobile pour un site de commerce électronique?
Au fil des ans, de plus en plus de trafic de sites Web provient des téléphones mobiles. Ainsi, en tant que propriétaire de commerce électronique, vous pouvez utiliser cette tendance et créer une application mobile exclusive pour votre entreprise de commerce électronique. De cette façon, vos clients peuvent facilement accéder aux produits via une application, sans avoir à visiter votre site Web à chaque fois.
De plus, créer une application mobile n’est plus aussi difficile qu’auparavant. Consultez notre tutoriel étape par étape sur la création d’une application mobile pour votre site Web de commerce électronique.