Comment construire un magasin woocommerce à partir d’un thème élégant en utilisant Divi Theme Builder?

\
Enfin, on vous demandera si vous voulez recevoir votre argent, c’est le mode de paiement. Vous pouvez choisir la passerelle de paiement qui correspond à vos besoins. Woocommerce comprend plus de 100 intégrations de passerelles de paiement reconnues dans le monde entier. Une fois le processus de configuration terminé, vous pouvez voir la page de préparation à l’achat. Vous pouvez commencer à ajouter votre produit à la vente. Pour un guide étape par étape plus détaillé, vous pouvez également consulter notre tutoriel woocommerce approfondi ici. Maintenant, lorsque votre page de magasin est prête, vous pouvez commencer à ajouter des produits en utilisant le module Divi store.
Je suppose que vous avez installé le thème Divi sur le site WordPress. Comment ajouter un produit en utilisant le module Divi shop? Divi offre d’excellents modules Store qui peuvent être facilement synchronisés avec des catégories de produits avec de nombreuses options de personnalisation. Vous pouvez organiser, organiser et réajuster vos produits en utilisant des options faciles à personnaliser sur la page du magasin. Voici comment ajouter un produit à votre page de magasin. Étape 1: créer le premier produit une fois l’assistant d’installation terminé, l’étape suivante consiste à créer le premier produit.
Allez aux produits – > Ajouter nouveau dans la zone du tableau de bord. Cliquez sur l’onglet ajouter un nouveau produit et changez le nom du produit dans la zone de titre, puis commencez à ajouter sa description dans la zone de contenu principale. Dans la barre de menu de gauche, sous l’onglet Général
De plus, vous verrez tous les autres paramètres nécessaires liés à l’inventaire, à l’expédition et à d’autres renseignements. Entrez toutes les informations dans les champs pertinents. Juste en dessous de cette section, vous verrez une brève section description du produit qui apparaîtra sur la page de liste à côté de l’image du produit. Sur le côté droit de l’image, vous pouvez voir qu’une autre partie de l’image du produit peut être ajoutée.
Allez à la section image du produit – > cliquez sur définir l’image du produit – > Téléchargez l’image du produit. Vous pouvez ajouter n’importe quel nombre d’images de produits dans la Section Bibliothèque de produits. Dans ce dernier cas, vous devez sélectionner une catégorie de produits, car le module magasin doit savoir dans quelle catégorie vous voulez placer le produit. Publiez votre produit maintenant et allez à la section suivante, où vous pouvez créer une page pour voir votre produit. Étape 2: créer une page pour ajouter un produit. Maintenant, après avoir créé le premier produit, vous aurez besoin d’une page pour voir votre produit. Si vous avez installé woocommerce et que vous lancez l’assistant d’installation, une page vide appelée Shop apparaît et, si elle n’est pas affichée, vous pouvez la créer manuellement.
Allez à la page – > Ajouter une nouvelle page – > sélectionnez utiliser Divi Builder. Vous pouvez façonner votre magasin comme vous le souhaitez. Par exemple, vous pouvez créer une mise en page qui correspond à votre mise en page de site ou à toute mise en page de site existante, ou vous pouvez innover dans la présentation de votre produit en créant une mise en page contrastée pour obtenir une mise en page complètement différente. Ou vous pouvez aimer la disposition pré – construite du magasin par Divi Builder. Vous pouvez accéder à ces mises en page prédéfinies avec l’option upload from Library. À partir de cette option de bibliothèque, vous pouvez choisir une disposition de magasin qui correspond à votre style de magasin.
Étape 3: insertion
Une fois que votre module store a créé la page Store, vous devez ajouter le produit à la page store. Si vous souhaitez créer une mise en page de stockage personnalisée, cliquez sur Insérer un formulaire. Cliquez sur l’onglet insérer un formulaire et faites défiler vers le bas pour sélectionner l’onglet stockage. Lorsque vous cliquez sur Store, vous accédez à l’onglet paramètres généraux, où vous pouvez personnaliser la disposition du formulaire. Dans cette disposition de magasin, vous pouvez choisir parmi les produits les plus vendus, les nouveaux produits ou les nouvelles catégories de produits que vous souhaitez voir. Dans Advanced Design, set sélectionne le nombre de produits à afficher et le nombre de colonnes à afficher. Dans la dernière étape, vous devez choisir l’ordre dans lequel vous souhaitez présenter le produit. Vous pouvez commander des produits par prix, date ou qualité. Étape 4: créer un modèle de mise en page une fois que vous avez terminé la mise en page de votre magasin, l’étape suivante consiste à fournir un style à votre magasin. Si vous cliquez sur l’onglet paramètres de conception avancés, vous pouvez voir des options complètes pour les styles de magasin, comme la couleur de police, le curseur de souris, le curseur de souris, le titre et la police de prix. Créer un style de magasin avec plus de cinq modules de magasin Divi offre des modules de magasin hautement personnalisables que vous pouvez choisir parmi plus de cinq modules de présentation de produit pour présenter votre produit de façon étonnante. Parlons de l’apparence de l’enceinte par défaut. 1. Boîtier par défaut Voici comment afficher les produits par défaut en utilisant le module Store par défaut. Les étapes générales de tous les modules Divi Shop sont les suivantes: – créer une nouvelle page à partir de la section page. Sélectionnez l’onglet utiliser Divi Builder. Cliquez sur la section insérer une colonne. Sélectionner la quantité de produit v
Cliquez sur Insérer le formulaire et sélectionnez acheter. Ceci mène à la zone de configuration générale. Sélectionnez la catégorie à afficher. Dans la partie numérique du billet, sélectionnez le nombre de produits à afficher sur la page d’accueil. Dans la colonne, le nombre sélectionne le nombre de colonnes à afficher. Dans la section Paramètres avancés, vous pouvez modifier la couleur, la police et l’arrière – plan de l’image du produit. Voici les cinq modules du magasin que vous pouvez sélectionner et appliquer. 2. Module de cabine de camion plat Il s’agit du module Store le plus simple mais le plus élégant, vous pouvez voir le produit en trois colonnes, et vous pouvez également utiliser l’onglet CSS personnalisé pour changer la couleur de fond et le style de police. 3. Module d’atelier sur le papier Ce module de carte matérielle crée une texture et une concentration exceptionnelles en ajoutant des ombres à l’image. Dans l’exemple ci – dessus, nous avons créé six produits dans chacune des trois colonnes. La police de l’en – tête est sélectionnée 18, tandis que la police du prix est sélectionnée 17. 4. Module d’atelier de superposition minimal Ce style de magasin met l’accent sur la vision minimaliste du public. Vous pouvez voir qu’il n’y a pas d’étiquette de prix ou de titre parce que lorsque vous passez le curseur sur l’image, une icône unique est visible. Dans cet exemple, sélectionnez seulement trois produits dans un style à trois colonnes. 5. Style fermé de l’atelier Grid Ce style de magasin aide à présenter vos produits de façon créative. Pour ce module, vous devez créer un module Divi Shop distinct pour chaque tuile. Pour ce faire, cliquez sur la colonne insert et insérez trois tuiles marquées \