Pour vendre des produits sur votre site Web WordPress, vous avez besoin d’un plugin de commerce électronique stable et fiable. WooCommerce dominé le domaine, et c’est compréhensible. Avec ses puissantes fonctions intégrées et sa gamme de extensions facultativesil offre beaucoup à tous les propriétaires de boutiques en ligne en herbe. Combinez ce plugin avec la puissance de Deuxet vous pouvez créer un site Web de commerce électronique incroyable et évolutif qui attirera les clients et stimulera les ventes.

Dans cet article, nous expliquerons en détail pourquoi nous aimons WooCommerce et pourquoi il est intégré à Divi. Nous vous montrerons également comment le configurer et vous guiderons tout au long de la sortie de votre premier produit avec le Module Boutique Divi. Commençons!

Pourquoi nous recommandons WooCommerce

Page d'accueil de WooCommerce

WooCommerce est un plugin de commerce électronique hautement personnalisable qui prend en charge ces fonctionnalités 42% de toutes les boutiques en ligne. Sa flexibilité en fait la solution idéale pour pratiquement tous les paramètres de commerce électronique. Le plugin vous permet de vendre des biens physiques ou numériques (ainsi que de multiples options d’expédition et de paiement) et même de vendre des articles partenaires.

Il possède un certain nombre de fonctionnalités intéressantes, une interface utilisateur intuitive et un incroyable gamme d’extensions. De plus, le plug-in de base est entièrement gratuit, ce qui en fait une option viable pour tous ceux qui souhaitent créer une boutique en ligne. Il peut également être intégré de manière transparente dans de nombreux thèmes WordPress, y compris (bien sûr) Divi.

Avec plus de 20 millions de téléchargements, la popularité de WooCommerce parle d’elle-même. Cependant là sommes d’autres options en ce qui concerne les plugins de commerce électronique, y compris Catalogue de produits e-commerce et Panier d’achat e-commerce Ecwid. Néanmoins, étant donné la combinaison de fonctionnalités et de coût de WooCommerce, WooCommerce est le choix numéro un pour de nombreux vendeurs en ligne.

Dans cet esprit, nous nous sommes assurés que Divi est immédiatement compatible avec WooCommerce. En utilisant le Module boutique Associé à WooCommerce, vous pouvez obtenir des résultats époustouflants. De plus, en choisissant le extensions correctesvous pouvez créer un incroyable magasin unique Cela pourrait être difficile à réaliser avec d’autres solutions.

Comment configurer WooCommerce

Bien que WooCommerce soit livré avec une grande variété d’options par défaut, sa configuration est très facile grâce à ses fonctionnalités «Assistant d’intégration». Cet outil vous guidera tout au long de la configuration des pages requises et de la configuration des informations commerciales, d’expédition, de taxe et de paiement.

Dès que vous avez installé et activé Avec le plugin, vous serez automatiquement redirigé vers l’assistant de configuration. Si vous le manquez (ou n’êtes pas encore prêt à l’exécuter), vous pouvez y accéder plus tard en cliquant sur Aider dans le coin supérieur gauche de l’écran, puis accédez à Assistant de configuration > Assistant de configuration::

Bouton Assistant de configuration de WooCommerce

Une fois que vous êtes dans l’assistant, appuyez sur Allons-y! pour commencer:

La première page de l'assistant de configuration de WooCommerce

le Mise en page La section est à titre informatif et vous informe que plusieurs pages importantes de la boutique sont créées automatiquement:

La page de configuration de la page

Allons-y Enregistrer les paramètres régionaux Sur cette page, vous trouverez des champs dans lesquels vous pouvez spécifier votre emplacement, votre devise et vos unités de poids et de mesure préférées:

La page

Ensuite, vous devez décider d’expédier des produits physiques et de percevoir la taxe de vente:

La page Expédition et taxes

Enfin, nous arrivons au point crucial Paiements Page. Voici où vous pouvez décider exactement comment vous accepterez votre argent durement gagné:

La page Paiements

Une fois que vous avez effectué tous les réglages, cela s’affiche Prêt! Page qui vous permet de savoir que vous êtes prêt à créer votre premier produit:

La dernière page

Bien que l’assistant soit rapide et facile à utiliser, vous pouvez à la place modifier manuellement les paramètres en sélectionnant WooCommerce> Paramètres depuis votre tableau de bord.

Quoi qu’il en soit, le moment est venu de créer votre premier produit – découvrons comment le faire.

Comment publier votre premier produit avec le module Divi Shop (en 4 étapes)

Il existe plusieurs façons d’utiliser WooCommerce dans Divi. Par exemple, vous pouvez l’utiliser sans accès le Divi Builder, ou de Utilisation de shortcodes dans une Module de texte. Cependant, nous vous recommandons de l’utiliser avec le Module boutiqueC’est ce sur quoi nous allons nous concentrer ici.

Ce module est synchronisé avec vos catégories de produits afin que vous puissiez facilement organiser, organiser et personnaliser votre vitrine. Il propose également une grande variété d’options de personnalisation qui vous permettent de créer des pages de boutique visuellement époustouflantes pour attirer les visiteurs. Commençons par ajouter un produit.

Étape 1: ajouter un produit

Une fois que vous avez terminé l’assistant de configuration, il vous sera demandé de créer votre premier produit. Cliquez Créez votre premier produit! Bouton. Mais toi peut Ignorez-le et créez vos produits plus tard en naviguant Produits> Ajouter un produit dans votre tableau de bord WordPress. Dans tous les cas, vous utiliserez une nouvelle page vierge pour créer votre liste de produits. Saisissez le nom de votre produit dans le champ titre et sa description dans la zone de contenu principale:

L'écran de l'éditeur de produit

Continuez vers le Données du produit Dans cette section, vous verrez plusieurs onglets dont Général (Entrez votre prix ici), inventaire, et expédition. Remplissez chaque champ de ces onglets au besoin:

La section des données produit

Vous trouverez le Brève description du produit Section. Cela fonctionne de la même manière qu’un extrait d’un article WordPress régulier et s’affiche à côté du produit sur les pages de liste.

Si vous allez sur le côté droit de l’écran, vous pouvez ajouter des images. En faisant Image du produit Section, cliquez sur Définir l’image du produit et téléchargez l’image principale de votre produit. Vous pouvez ajouter d’autres images à l’image Galerie de produits Section:

Sections de l'image du produit

Enfin, vous devez attribuer une catégorie à votre produit dans le Catégorie de produit Section (également sur le côté droit de l’éditeur). Il s’agit d’une étape importante car elle indique au module de la boutique les produits à afficher:

La section Catégories de produits

Cliquez ensuite sur Publieret vous avez créé votre premier produit! Ensuite, vous allez créer votre propre page qui affichera vos produits.

Étape 2: créer une nouvelle page

Puisque vous insérez vos produits à l’aide d’un module de boutique, vous avez besoin d’une page où vous pouvez les ajouter. Si vous aviez suivi l’assistant de configuration, WooCommerce aurait automatiquement créé une page vierge avec le nom affaires. Si vous n’avez pas encore de page de boutique (ou si vous souhaitez en créer une nouvelle), accédez à Pages> Ajouter nouveau Ensuite, sélectionnez le dans votre tableau de bord WordPress Utilisez le Divi Builder Bouton pour commencer à créer votre mise en page:

Utilisez le bouton Divi Builder

La façon dont vous concevez votre page dépend entièrement de vous. Par exemple, vous souhaiterez peut-être personnaliser la mise en page du reste de votre site Web ou utiliser des mises en page que vous avez déjà enregistrées. Bien sûr, rien ne vous empêche de donner à vos pages de boutique un look complètement différent – peut-être avec un style complètement contrasté pour mettre en valeur les produits.

Si vous êtes nouveau sur Divi Builder, c’est ici qu’il faut vérifier notre documentation pour commencer. Divi est également livré avec deux agencements de magasins prédéfinis, l’un d’entre eux pourrait être exactement ce que vous recherchez. Pour y accéder, cliquez d’abord Charger depuis la bibliothèque::

Le bouton Charger à partir de la bibliothèque est mis en surbrillance

À partir de là, faites défiler les deux modèles de boutique et choisissez ce que vous aimez:

Deux options d'agencement de magasin

Si vous faire Choisissez une mise en page prédéfinie, le module boutique sera déjà inséré pour vous. Cependant, pour les conceptions personnalisées, vous devez ajouter le module vous-même.

Étape 3: Insérez votre module de boutique

Ensuite, nous voulons ajouter des produits à nos pages. Si vous souhaitez créer une mise en page de boutique personnalisée, cliquez sur Insérer le (s) module (s) Partout où votre produit doit apparaître:

Le bouton Insérer un (des) module (s)

Ensuite, faites défiler vers le bas et sélectionnez affaires::

L'écran Insérer un module avec le module Boutique en surbrillance

Tu viens à réglages généraux Onglet où vous pouvez personnaliser la mise en page du module. Tout d’abord, vous pouvez décider du type de produits à afficher, y compris votre dernier produit, le plus vendu ou une seule catégorie:

L'onglet Paramètres générauxAprès avoir sélectionné un type de produit, saisissez le nombre de produits que vous souhaitez afficher avant de vérifier les catégories à inclure et le nombre de colonnes que vous souhaitez afficher:

Les champs pour la catégorie et le numéro de colonne

Enfin, il y en a un de plus Trier par Section de fabrication où vous pouvez choisir comment vos produits sont commandés – par note, date ou prix, par exemple.

La dernière étape consiste à concevoir votre module en conséquence.

Étape 4: concevez votre module

Une fois votre mise en page triée, il est temps de la styliser. Allez à la Paramètres de thème avancés Onglet qui vous accueille avec une variété d’options:

L'onglet Paramètres avancés du thème

Ici, vous obtenez de nombreuses options avec lesquelles vous pouvez concevoir votre module de boutique afin qu’il ressemble exactement à ce que vous voulez. Par exemple, vous pouvez personnaliser les couleurs du badge de vente, du survol, de la superposition de survol et des polices pour correspondre parfaitement à votre jeu de couleurs. Vous pouvez également choisir parmi des centaines de symboles de survol, modifier les polices de titre et de prix, et bien plus encore.

Pour ceux d’entre vous prêts à se salir les mains avec du code, c’est ici que vous pouvez l’utiliser CSS personnalisé Tab pour personnaliser davantage les éléments du module. Si vous cherchez de l’inspiration, vous pouvez certainement consulter la nôtre Liste de l’incroyable commerce électronique Divi Sites Web, ainsi que nos Tutoriel de stylisme de la boutiqueVoici des conseils utiles pour réaliser des styles uniques.

Conclusion

Pour se faire remarquer, il est important que votre site Web soit attrayant et fonctionnel. Pour mettre en valeur vos produits, vous avez besoin d’une solution simple et rapide à utiliser et qui offre également des résultats impressionnants et pratiques.

Utilisant WooCommerce en combinaison avec Divi’s Module boutique vous permet de présenter magnifiquement vos produits sans perdre de temps. Une fois que vous avez installé, activé et configuré le plugin, vous voudrez:

  1. Ajoutez un produit.
  2. Créez une nouvelle page.
  3. Insérez votre module de boutique.
  4. Concevez votre module.

Avez-vous des questions sur l’utilisation de WooCommerce avec Deux? Faites-nous savoir dans la section commentaires ci-dessous et n’oubliez pas de vous inscrire afin que vous puissiez suivre la conversation!

Vignette de l’article par Zakharchenko Anna / shutterstock.com.





Source link

Recent Posts