Site WooCommerce

Dans ce tutoriel, je vous montre la recette de base, les étapes et les ingrédients qui vous aident à créer votre propre boutique en ligne pour vendre vos produits ou services. Si vous savez suivre une recette et que vous êtes un peu débrouillard, créer une boutique en ligne d’environ 45 USD CAN ou 30 EUR EUR / an est un projet très possible et même assez facile à réaliser si nous avons un bon guide pour nous dire comment faire!

Ce tutoriel s’adresse à tous les niveaux d’expérience WordPress. Si vous êtes nouveau sur la console ou sur le Web en général et que vous souhaitez utiliser WooCommerce avec WordPress pour votre boutique en ligne, il est important de partager avec vous que vous devrez probablement travailler, lire d’autres articles, expérimenter. et mettre son épaule au volant. J’ai vu plusieurs personnes dans le passé essayer d’improviser des développeurs Web sans grand succès. D’autre part, j’ai également vu plusieurs personnes faire les efforts nécessaires et publier une boutique en ligne WooCommerce très professionnelle. Il est simplement important que vos attentes soient réalistes par rapport à votre propre contexte et à votre situation particulière.

Si ce que je viens de partager avec vous vous inquiète ou vous inquiète, le fait que faire tous ces efforts vous décourage et que vous n’ayez pas 2500 € (ou plus!) Pour payer un développeur professionnel, je vous suggère de vous rendre au Service créer des boutiques en ligne Shopify au lieu de WooCommerce. Sa courbe d’apprentissage est très intéressante et accessible. Le prix est de 29 USD / mois pour une boutique en ligne professionnelle qui contient toutes les fonctionnalités nécessaires à son bon fonctionnement.

Deuxième avertissement si vous utilisez les services WordPress.com, plutôt que la plateforme open source gratuite de WordPress.org. Vous devrez utiliser le plan de service le plus cher. Ce qui à mon avis n’est pas vraiment bénéfique. Choisissez WordPress.org au lieu d’un service d’hébergement WordPress. Ce sera beaucoup plus avantageux en termes de coûts et de possibilités de personnalisation de votre site (2 à 10 € par mois, au lieu de 25 € par mois!).

Si je ne vous ai pas trop découragé, voici toutes les étapes pour démarrer votre boutique WooCommerce!

Démonstration de la boutique Woocommerce

Utilisez WordPress et Woocommerce gratuitement pour votre boutique en ligne

WooCommerce est l’extension gratuite, très complète et ultra professionnelle de WordPress pour créer un e-commerce. Voici quelques détails:

  • WooCommerce est un plugin WordPress. Il doit être installé et activé comme toute autre extension.
  • C’est de loin le plugin de commerce électronique le plus populaire, professionnel et fiable disponible.
  • C’est aussi celui qui a le plus de fonctionnalités.
  • Vous pouvez l’installer et le configurer vous-même. Son installation est rapide et efficace.
  • Il est compatible avec la grande majorité des thèmes premium.
  • Et bien plus encore!

Que pouvez-vous vendre en ligne avec WordPress et WooCommerce?

En fait, comme pour toute entreprise de commerce électronique, WooCommerce vous permet de vendre n’importe quoi! Exemples:

  • produits numériques (PDF, livres électroniques, logiciels, autres documents téléchargeables)
  • produits physiques (lingerie, électronique, articles de sport, articles ménagers, etc.)
  • vos services
  • réservations en ligne (pour une réunion professionnelle, une chambre d’hôtel, etc.)
  • abonnements à un événement, un podcast ou un contenu premium
  • les produits de quelqu’un d’autre (avec le marketing d’affiliation)

Étapes pour créer une boutique en ligne avec WordPress et WooCommerce

Logos WordPress et WooCommerce

Cette partie du didacticiel vous aide à démarrer le commerce électronique à partir de zéro. Je vais parler des noms de domaine, de l’hébergement, de l’installation de WordPress et WooCommerce et de vos pages d’accueil. Commençons par les bases!

Je vous ai dit que vous pouvez configurer votre boutique en ligne jusqu’à 100 $ pour la première année et 75 $ pour les années suivantes. – « Mais si WordPress et WooCommerce sont gratuits, comment cela me coûte-t-il quelque chose? ». C’est assez simple, en fait, pour pouvoir avoir un site Web (ou un magasin) en ligne, vous devez avoir une adresse www (également appelée nom) Vous devez également avoir un hébergement Web. L’hébergement est l’endroit où tous les fichiers de votre site seront stockés, et le nom de domaine est l’adresse Web pour y accéder. Une certaine somme d’argent doit être dépensée pour ces deux services. .

Étape 1 – Obtenez votre nom de domaine et votre hébergement

Hébergement WordPress
Le coût total du nom de domaine et de l’hébergement Web avec BlueHost est de 45 $ CAN ou 30 € / an. Je recommande fortement BlueHost à mes lecteurs, étant donné la stabilité, la qualité de service, le prix minimum et la facilité d’installation, facile comme bonjour! BlueHost est également officiellement recommandé sur WordPress.org/hosting, qui est une « déclaration » en soi.

Pour un didacticiel étape par étape très détaillé sur la façon de le faire avec BlueHost, consultez mon article sur la création d’un blog. Mais, vraiment, c’est super intuitif, il vous suffit de suivre les étapes mentionnées par BlueHost lors de l’achat.

Étape 2 – Installez WordPress (gratuit)

Avec la plupart des services d’hébergement, vous devez vous connecter à un panneau d’administration de votre serveur Web appelé cPanel pour installer WordPress. Pas avec BlueHost! Ils installent désormais automatiquement WordPress pour vous lorsque vous achetez un hébergement. Un pas de plus vers la simplification des processus! On aime ça!

Suite à cette installation, BlueHost vous permet de choisir un thème WordPress pour visualiser votre boutique en ligne. Je vous suggère de ne pas choisir l’un de leurs thèmes, mais d’acheter un thème Woocommerce premium spécialement conçu pour les magasins en ligne. Nous reviendrons sur le concept de choix des thèmes WooCommerce un peu plus loin dans ce tutoriel. Ce n’est pas une priorité à ce stade de notre recette.

  • Une fois l’installation terminée, vous pouvez visualiser votre site en accédant à votre nom de domaine (par exemple www.yourboutique.com)
  • Ouvrez également une autre fenêtre pour vous connecter à votre console WordPress en visitant, par exemple: www.votreboutique.com/wp-admin

Il est maintenant temps de passer d’un site WordPress à une boutique en ligne avec WooCommerce!

Étape 3 – Installez le plugin WooCommerce (gratuit)

Quant à l’installation de plugins WordPress gratuits, vous devez vous rendre sur la console WordPress, cliquer sur Plugins -> Ajouter un nouveau (si votre console est en français, « Extensions -> Ajouter une extension »). Entrez « woocommerce » dans le champ de recherche et cliquez sur « Installer » ou « Installer maintenant » (voir l’image ci-dessous).

installer WooCommerce

Lorsque vous avez terminé, cliquez sur le bouton bleu « Activer ». Vous verrez alors le menu de configuration initial de WooCommerce. Ce processus est très simple à réaliser.

Étape 4 – Configurer le magasin

Démarrez la configuration en entrant les coordonnées physiques de votre boutique en ligne. Vous ne souhaiterez peut-être pas l’afficher sur votre site. Par conséquent, cette section est facultative.

Configuration de WooCommerce

Ajouter un mode de paiement

Cochez (ou décochez) les méthodes de paiement que vous souhaitez avoir en magasin. Ici, vous pouvez vérifier Stripe et / ou Paypal. Cependant, vous pouvez ajouter ultérieurement d’autres passerelles de paiement en ligne, telles que:

Et bien plus! Cliquez sur « Continuer » après avoir terminé cette étape.

Configuration du paiement WooCommerce

expédition

Ici, vous pouvez configurer différentes zones de transport et y définir l’unité de poids et la mesure.
configuration de livraison

extrait

Si vous avez le thème WordPress de base ou si votre thème n’est pas compatible avec WooCommerce, vous avez la possibilité d’installer le thème Storefront à partir de WooCommerce. Pour l’instant, vous pouvez l’installer. Vous pouvez ensuite ajouter le thème WordPress premium que vous avez choisi pour votre boutique.

Vous pouvez également vérifier l’option de chargement automatique, qui prend en compte l’emplacement physique de la boutique en ligne que vous avez défini à l’étape précédente. Woocommerce a créé une vidéo qui vous montre les possibilités du module de gestion des frais que vous pourrez configurer ultérieurement dans des configurations avancées. Voici la vidéo:

Accessoires WooCommerce

Activer

Dans l’étape suivante, vous avez la possibilité d’installer le plugin Jetpack. Personnellement, je ne le recommande pas car Google Analytics, un plugin de sécurité spécifique comme « All in One WordPress Security » ou « iThemes Security » et un plugin de mise en cache spécifique comme « WP Rocket » feront un bien meilleur travail .

activer WooCommerce

Prêt!

Ce sont les premières étapes terminées! Vous êtes prêt à créer les pages essentielles de votre boutique en ligne!

Démarrez WooCommerce

Étape 5 – Créez des pages essentielles au fonctionnement de votre boutique en ligne

Une boutique en ligne nécessite différentes pages spécifiques du début à la fin d’une commande en ligne. Nous allons donc les créer. Dans le module « Pages » de WordPress, créez les pages suivantes une à la fois, sans rien ajouter d’autre que le titre qu’elles contiennent:

  • boutique : la page principale de votre boutique en ligne
  • panier : la page qui contient le panier avec les articles ajoutés par le client
  • commandement : La page où votre client ajoutera ses informations de livraison et de paiement en ligne
  • Mon compte : (facultatif) une sorte de page de profil pour les clients qui souhaitent créer un compte sur votre site pour faciliter leurs futures commandes
  • Conditions générales de vente et d’utilisation : la page qui contient les conditions générales de vente et d’utilisation de votre site.

Lorsque ces pages sont créées, vous devez les associer dans la configuration WooCommerce. Pour connecter la page « Acheter », ouvrez WooCommerce -> Paramètres -> Produits.

Page du magasin
Pour connecter les autres pages, ouvrez WooCommerce -> Paramètres -> Commande.

Page de commande

Étape 6 – Ajoutez votre premier produit

Pour que votre boutique en ligne soit vraiment opérationnelle, vous aurez besoin de produits ou d’un service à vendre! Pour ajouter un nouveau produit, accédez à la console WordPress et cliquez sur « Produits -> Ajouter un produit ». Voici ce que vous verrez à l’écran (chaque numéro de l’image est décrit plus en détail ci-dessous):

ajouter un produit

  1. Le nom de votre produit
  2. Description générale de votre produit Cette section vous permet d’ajouter beaucoup de contenu texte. À l’aide des outils wyzywyg, vous pouvez même ajouter des images, des vidéos, des tableaux, des titres, etc.
  3. La partie de vos données produit Utilisez-la pour indiquer d’abord si votre produit est un produit physique, virtuel ou téléchargeable. S’il s’agit d’un produit physique, ne cochez pas une case. S’il s’agit d’un service, il est considéré comme un produit virtuel. Voici les autres parties de cette section centrale:
    • général : Qui sert à définir le prix du produit et ses taxes
    • inventaire : Pour gérer votre inventaire (si besoin)
    • expédition : Pour définir les dimensions, le poids et le prix de livraison du produit
    • Produits associés : Pour définir des produits similaires comme: « Les clients qui ont acheté ce produit ont également acheté … »
    • attributs : Pour ajouter des attributs de genre: taille, couleur, matière …
    • développé : Contenant les champs « Bon d’achat », « Commande de menu » et « Activer les notifications »
  4. Description courte du produit: Ce texte sera affiché sous le titre du produit sur la page (produit unique) du produit.
  5. Catégories de produits: pour regrouper les produits dans la même catégorie (par exemple: « pulls » de la catégorie « hommes »)
  6. Tags de produit: une autre façon de regrouper vos produits (par exemple les marques, en particulier)
  7. Image du produit: l’image principale de votre produit (qui sera également utilisée en miniature sur les pages de votre catégorie ou sur la page Store)
  8. Galerie de produits: une galerie qui contient différentes images de votre produit.

Étape 7 – Choisissez le visuel de votre boutique en ligne

WooCommerce et votre thème actuel

Par défaut, WooCommerce est compatible avec tous les thèmes WordPress. Bonne nouvelle si vous avez un site avec une vue personnalisée, car vous pourrez le conserver. La mauvaise nouvelle est que tous les thèmes n’affichent pas les informations de votre magasin avec les vues souhaitées en fonction de vos goûts et de vos préférences. Votre intégrateur ou programmeur peut avoir besoin de les toucher.

De plus, si vous avez un thème créé de A à Z par un programmeur, il peut ne pas être planifié de base (ce qui serait normal selon le budget que vous avez alloué au début de votre mandat) ) être compatible avec WooCommerce. Dans ce cas, vous devrez payer le même programmeur ou une nouvelle personne pour compléter votre sujet en lien avec votre nouveau projet e-commerce.

Si changer l’apparence de votre site n’est pas un problème, il existe de nombreux thèmes premium conçus et optimisés spécialement pour WooCommerce. Ainsi, toutes les pages des catégories, des produits et du processus de paiement en ligne seront déjà programmées et conçues pour une boutique impeccable.

themeforest woocommerce

L’équipe WooCommerce a également créé un thème de base appelé Storefront, qui peut être une alternative au paiement d’un thème premium. Voici la vidéo qui présente le thème. Il s’agit d’une alternative gratuite, mais qui présente plusieurs limitations visuelles.

* Pour votre information, les thèmes ThemeForest sont programmés dans le même sens que la vitrine pour assurer une compatibilité maximale avec WooCommerce.

Peu importe que vous décidiez de conserver votre thème actuel ou de le changer en thème WooCommerce, l’étape suivante consiste à vérifier que chaque page de votre boutique en ligne fonctionne correctement.

Quelques notions de base sur le visuel d’un e-commerce:

  • L’expérience visuelle et utilisateur de votre magasin doit être très claire pour le visiteur. Sinon, un client confus potentiel n’achètera tout simplement pas.
  • Le contenu central que contiennent vos produits doit attirer l’attention des visiteurs.
  • La possibilité de supprimer ou d’ajouter une ou deux barres latérales pour chaque page peut être utile pour votre projet.
  • Posséder un site compatible avec différentes plateformes mobiles n’est plus négociable. Environ 60% des visiteurs sur un téléphone mobile quitteront votre site s’il n’est pas adapté à une cellule ou une tablette. Sans oublier les sanctions que Google imposera en termes de positionnement SEO organique.
  • La navigation doit également être très claire pour permettre aux utilisateurs de trouver rapidement et facilement ce qu’ils recherchent.

En gardant à l’esprit ces notions, voici les éléments minimum que vous devriez avoir sur les pages de votre boutique.

La page « Acheter » ou la page qui contient vos produits

Il s’agit de la page d’accueil de votre boutique qui contient certains produits, catégories de produits, voire les deux. Ce qui mérite d’être ajouté à cette page:

  • Peu de contenu textuel pour vendre les mérites de votre boutique ou de vos produits
  • Décidez si vous souhaitez ajouter une barre latérale à cette page ou non. Pour ce faire, allez dans le module CMS « Pages » et cliquez sur la page à laquelle vous avez associé votre boutique plus haut dans ce tutoriel. Dans « Attributs de page », attribuez le modèle requis:

pleine largeur

Voici à quoi ressemble la boutique WooCommerce Storefront. Vous trouverez un produit présenté et la liste des produits dans la partie gauche, le panier et les catégories de produits dans la barre latérale.

page de magasin
WooCommerce vous permet d’afficher dans la partie gauche (partie principale) de cette page les catégories ou produits ou les deux. Pour ce faire, accédez à votre CMS dans « Apparences -> Personnalisation -> WooCommerce -> Catalogue de produits ».

catalogue de produits

Page produit individuelle

Pour ce type de page, si vous utilisez un thème créé pour WooCommerce, vous n’avez pas besoin de modifier les éléments. Vous pourrez jouer avec la description du produit, ses images et avec les variations du produit (taille, couleur, texture, …) si nécessaire.
Voici à quoi ressemble cette page StoreFront:

page produit avec StoreFront

Panier d’achat

Il est recommandé d’avoir cette page en plein écran. Il est important de ne pas montrer trop d’options à l’acheteur. Le processus d’approvisionnement doit être clair et simple:

panier

Paiement en ligne

La page de paiement en ligne est probablement la page la plus importante du magasin pour l’achat de conversion. Son ergonomie et son interface doivent être impeccables. L’acheteur doit se sentir suffisamment en sécurité pour conclure la transaction. Voici quelques règles importantes à suivre:

  • Cette page doit être en plein écran.
  • La seule façon pour l’utilisateur de quitter la page est de terminer la transaction. Je suggère de supprimer la navigation principale à partir de là.

La page WooCommerce par défaut est bien conçue pour cela:

panier

À ce stade, vous avez presque terminé avec la base visuelle de votre boutique en ligne! Ajoutez simplement les options de paiement et de livraison faciles à personnaliser via les menus « WooCommerce -> Paramètres -> Commande » et « WooCommerce -> Paramètres -> Expédition ».

Étape 8 – Déployer les capacités WooCommerce

Comme WordPress en général, l’une des forces de WooCommerces est les plugins disponibles pour rendre votre boutique en ligne adaptée à vos besoins particuliers.

Extensions populaires et extensions approuvées par l’équipe WooCommerce

  • Prises de passerelle de paiement: toutes les extensions disponibles pour se connecter à votre passerelle de paiement, telles que: Paypal, Stripe, Square, Moneris, Chase, PayFast, Authorize.net etc.
  • Plugins de livraison: extensions nécessaires pour intégrer la livraison à Postes Canada, UPS, USPS, Amazon, Stock, Stamps, Tracking, FedEx, etc.
  • Plugins de comptabilité: Intégrez votre boutique en ligne avec des outils de comptabilité: Zapier, FreshBooks, Xero
  • Réservations WooCommerce: pour permettre à vos clients de prendre rendez-vous pour l’un de vos services.
  • Abonnements WooCommerce: pour recevoir des paiements récurrents hebdomadaires, mensuels ou annuels.
  • Consultez la liste complète des extensions WooCommerce disponibles sur leur site Web ici.

Autres plugins utiles que vous avez sur votre site e-commerce

  • WooCommerce Multilingual: pour une boutique en ligne bilingue.
  • WPBakery Page Builder: étendez le style « Page Builder » qui vous permet de créer le visuel souhaité pour vos pages, articles, produits, etc.
  • Gravity Form: le plugin en ligne le plus professionnel avec le plus de possibilités pour WordPress.
  • Yoast SEO: pour le référencement SEO de votre site
  • Plugin Yoast WooCommerce SEO: Pour la soumission SEO des pages produits, catégories et autres de votre e-commerce.
  • Visitez notre page de plugins WordPress pour plus de recommandations.
auteur
Louis-Philippe Dea

Fondateur de WP For Dummies, de l’agence Web Guérilla et professeur au collège, je me nourris de WordPress, du web et du yoga!

Articles similaires

Conclusion :
Pour ego vous devez avoir un de ses instrument ! Ma préférence voltampère à Systeme.io, très facile à prendre en main et premier rapport qualité cours selon-moi.


0 commentaire

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *