Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Une bonne nouvelle pour dire le moins! le Générateur de Divi intègre désormais le Fonction de « WooCommerce Builder »!

Savez-vous ce que représente cette mise à jour importante?

En plus des mois de travail pour les développeurs Elegantthemes, ce sont les Générateur de site WordPress qui sera heureux!

A partir d’aujourd’hui, vous pouvez avoir un contrôle total sur la mise en page (disposition) d’un produit e-commerce Avec WooCommerce et Divi.

Lire l’article officiel de Nick Roach sur le blog Elegantthemes

Annonce: Cet article contient des liens d’affiliation que vous repèrerez facilement. Les liens classiques sont en violet et les liens sponsorisés sont en Rose.

1 – Avec l’ancien Divi Builder

Pour information, voici comme ça Créer un produit WooCommerce avant la version 3.29.x du thème Divi ::

Divi Builder sans WooCommerce Builder
Créer un produit e-commerce avec Divi Builder sans la fonctionnalité de WooCommerce Builder

Comme vous pouvez le voir sur cette capture d’écran – ou comme vous l’avez remarqué vous-même lors de la création de boutiques en ligne avec Divi – Le Divi Builder n’a répondu qu’à la « partie description » du produit.

C’était assez frustrant à cause de tout Le reste de la mise en page n’a pas pu être modifié à l’aide du constructeur.

Donc on ne pouvait pas Ajoutez des modules Divi au besoin

2 – Divi Builder avec WooCommerce Builder

Ce temps est fini!

Désormais vous en bénéficiez 16 modules WooCommerce supplémentaires, disponible directement auprès de Divi Builder.

Mais la très bonne nouvelle est pouvoir échanger n’importe où sur votre fiche produit.

Consultez ce didacticiel pas à pas qui explique comment créer un modèle pour le vôtre Fiches produits WooCommerce.

Vous pouvez ajouter des sections, des lignes et placer les différents modules requis pour créer la mise en page du produit.

WooCommerce Builder pour créer une fiche produit
WooCommerce Builder pour construire complètement votre fiche produit

Je l’ai montré sur cette capture d’écran Générateur de Divi en mode « grille » afin que vous puissiez voir où Constructeur WooCommerce peut intervenir.

Comme vous pouvez le voir, il peut être utilisé n’importe où!

Pour commencer avec Divi, Découvrez tous les articles commencez calmement!

3 – Les 16 modules du WooCommerce Builder

16 nouveaux modules sont ajoutés 46 modules sont déjà disponibles dans le Divi Builder (voir la liste complète).

Découvrons-en plus à leur sujet ici:

Les modules Divi Builder pour WooCommerce
Les modules Divi Builder pour WooCommerce
  1. Woo Ajouter au panier
  2. Woo fil d’Ariane
  3. Description de Woo
  4. Woo images
  5. Woo informations supplémentaires
  6. Avis de Woo Cart
  7. Galerie Woo
  8. Woo meta
  9. Prix ​​Woo
  10. Produit lié à Woo
  11. Woo bâton
  12. Titre woo
  13. Note Woo
  14. Avis sur Woo
  15. Onglets Woo
  16. Woo vente incitative

3.1 – Woo Ajouter au panier

Woo ajouter au panier
Module Woo Ajouter au panier

Ce module vous permet d’ajouter le bouton et de le personnaliser entièrement  » Ajouter au chariot « .

En incluant ce bouton et en le plaçant là où vous le souhaitez, vous pouvez encourager les internautes à agir.

3.2 – Fil d’Ariane Woo

Woo miettes de pain
Module Woo Breadcrumbs

C’est ça chapelure De votre produit WooCommerce. En montrant le chemin, l’internaute sait sur quel produit il se trouve et peut revenir rapidement à travers les catégories de produits.

Vous pouvez placer ce module n’importe où dans votre mise en page.

3.3 – Description de Woo

Description de Woo
Description du module woo

Une fois que vous avez saisi la description du produit (dans le back-office), vous pouvez l’afficher à l’endroit le plus approprié dans votre mise en page.

3.4 – Woo images

Module d'image Woo
Module Woo Image

Ce module permet d’afficher l’image qui met en valeur votre produit.

Vous disposez de nombreuses options pour ajouter un cadre, transformer l’image, arrondir les angles, changer la couleur du badge «promo», ajouter une animation, etc.

3.5 – Informations supplémentaires Woo

Woo informations supplémentaires
Woo informations supplémentaires

Ce module affiche la section  » Informations Complémentaires « . Dans cette partie on retrouve souvent les variations de produits.

3.6 – Note sur le Woo Cart

Avis de Woo Cart
Avis de Woo Cart

le Avis du module Woo Cart affiche la notification de « Mettre dans le panier ». Vous pouvez facilement changer les couleurs, les boutons, etc.

3.7 – Galerie Woo

Si vous utilisez plusieurs images pour illustrer votre produit, le Module Woo Gallery vous permet de les visualiser.

3.8 – Woo Meta

Woo meta
Module Woo Meta

le Module Woo Meta Affiche des informations sur le produit « Balises Meta ». Dans ce cas, il s’agit de la catégorie attribuée au produit.

3.9 – Prix Woo

Module de prix Woo
Prix ​​du module woo

Consultez le prix de votre produit rapidement et facilement et concevez-le avec le Prix ​​du module woo.

3.10 – Produit lié à Woo

Produit lié à Woo
Produit lié à Woo

Ce module vous permet de visualiser les autres produits liés au produit actuellement affiché.

Remplissez simplement le champ « Vente croisée » De votre fiche produit WooCommerce pour que produits similaires sont proposés à l’internaute.

3.11 – Woo Stock

Ce module est simplement utilisé pour afficher le stock restant de votre produit.

Gestion d'entrepôt WooCommerce
Activez la gestion de l’inventaire WooCommerce pour voir le nombre de copies restantes.

Pour cela, vous avez besoin Activer la gestion des stocks et entrez le nombre d’exemplaires que vous avez en stock.

3.12 – Titre Woo

Titre woo
Titre woo

Ce module vous permet Affichez le titre de votre fiche produit.

Vous pouvez sélectionner la balise de titre (H1, H2, H3 etc.), ajouter une couleur d’arrière-plan, changer la taille de la police, ajouter un lien, changer la couleur du titre, ajouter une ombre / animation, etc.

3.13 – Classement Woo

Activer les avis WooCommerce
Pour utiliser le module Woo Rating, vous devez activer les avis WooCommerce

Ce module permet Affiche le nombre d’étoiles (Note en étoiles). Pour ce faire, vous devez activer les avis à partir de votre entrée WooCommerce.

3.14 – Notes Woo

Avis sur Woo
Avis sur Woo

Avec le Avis sur Module Woovous pouvez voir le Note « texte » qui a été laissé par vos clients.

3.15 – Onglets Woo

Onglets Woo
Onglets Woo

le Onglets du module Woo Affiche le tableau des onglets, qui contient des informations supplémentaires, telles que: « Longue description », Avis clients ou informations sur les produits.

3.16 – Vente incitative Woo

le Module Woo Upsell permet l’affichage des produits de « haut de gamme » (ou vente incitative) pour réaliser des ventes supplémentaires.

Woo vente incitative

Vous devez remplir le premier Vente incitative de produits lors de la création de votre fiche produit.

Saviez-vous que vous pouvez essayer Divi gratuitement? Aller sur cette page et cliquez sur « ESSAYER GRATUITEMENT »

4 – Divi WooCommerce Builder: comment ça marche?

C’est très facile: Modules WooCommerce sont intégrés dans Générateur de Dividonc sa fonctionnalité reste la même.

Pour les utiliser, votre site doit avoir les fonctionnalités suivantes Plugin WooCommerce.

Vous créez vos fiches produits comme d’habitude dans le back office de votre site via l’onglet Produits> Ajouter.

Une fois que tous les champs obligatoires sont remplis (prix, description, photo, etc.) vous pouvez sauvegarder votre fiche produit Activer le constructeur visuel.

À ce stade, vous pouvez utiliser le Conception / mise en page de la page produit, Ajouter ou supprimer des modules.

Chaque module est entièrement paramétrable et propose de nombreuses options (couleurs, animations, typographie, effets, transformations, ombres, arrière-plans, etc.).

5 – Le constructeur WooCommerce en action (vidéo)

Rien ne vaut une petite vidéo pour mieux comprendre la puissance de ces messages Fonction « WooCommerce Builder » ::

6 – Exemples de conception de fiches produits

Avec le Modules WooCommerce du nouveau Divi BuilderLa limite, c’est votre imagination!

Tu peux maintenant construire les plus belles mises en page pour les produits de votre boutique en ligne qui se vendent!

Voici 4 inspirations de mise en page de produit:

Présentation du produit avec Divi et WooCommerce Builder
Présentation du produit avec Divi et WooCommerce Builder
Présentation du produit Macaron
Agencement du produit: repoussez les limites de votre imagination
Présentation simple du produit
Mise en page originale et sobre du produit
Présentation du produit Divi
Créer la mise en page d’un produit avec le Divi Builder

Besoin de plus de ressources Divi? Visitez le blog ElegantThemes C’est plein d’idées et de tutoriels!



Source link

Recent Posts