ฝัง
- เผยแพร่เมื่อ 7 ก.พ. 2025
- Dans ce tutoriel WordPress Divi, je vous explique comment remplacer la page boutique WooCommerce par défaut (et très classique) par une page boutique vraiment design et engageante réalisée grâce au Divi Builder d'Elegant Themes.
LIENS ÉVOQUÉS DANS LA VIDÉO : 🔍
👁️ Divi, le super thème et Visual Builder pour WordPress :
𝗗𝗲𝗽𝘂𝗶𝘀 𝗹𝗮 𝗽𝗮𝗿𝘂𝘁𝗶𝗼𝗻 𝗱𝗲 𝗰𝗲𝘁𝘁𝗲 𝘃𝗶𝗱𝗲́𝗼, 𝗹𝗮 𝗽𝗼𝗹𝗶𝘁𝗶𝗾𝘂𝗲 𝗱'𝗘𝗹𝗲𝗴𝗮𝗻𝘁 𝗧𝗵𝗲𝗺𝗲 𝗮 𝗰𝗵𝗮𝗻𝗴𝗲́ 𝗲𝘁 𝗹𝗮 𝗿𝗲́𝗱𝘂𝗰𝘁𝗶𝗼𝗻 𝗱𝗲 𝗗𝗶𝘃𝗶 𝗱𝗲 -𝟮𝟬 % 𝗻'𝗲𝘀𝘁 𝗽𝗹𝘂𝘀 𝗱𝗶𝘀𝗽𝗼𝗻𝗶𝗯𝗹𝗲. 𝗘𝗹𝗹𝗲 𝗲𝘀𝘁 𝗽𝗮𝘀𝘀𝗲́𝗲 𝗮̀ -𝟭𝟬% 𝗰𝗲 𝗾𝘂𝗶 𝗿𝗲𝘀𝘁𝗲 𝘁𝗼𝘂𝗷𝗼𝘂𝗿𝘀 𝗶𝗻𝘁𝗲́𝗿𝗲𝘀𝘀𝗮𝗻𝘁 😉
➡️ bit.ly/Divi-Pr... -10% sur votre licence ! 💗
➡️ bit.ly/divi-cl... Divi lien classique
👁️ Tutoriel sur l’installation et le paramétrage de WooCommerce
➡️ • Installer et paramétre...
👁️ La boutique bijoux de Paula mon épouse 😊
➡️ La boutique est fermée
--------------------------------------------------------------------------------
RECOMMANDATIONS ET BONS PLANS ALPA 14 : 👍
👁️ Divi Supreme, le super plugin qui décuple la puissance de Divi
➡️ bit.ly/divi-su... -10% sur votre licence, avec le code promo Alpa14 ! 💗
👁️ Formation WordPress Divi Webmyday, finançable jusqu’à 100% par les budgets de formation.
➡️ www.alpa14.com... -𝟭𝟬% avec le code promo 𝗔𝗟𝗣𝗔𝟭𝟰 💗
👁️ Hostinger : l’hébergeur de qualité aux tarifs compétitifs.
-10% sur toutes les formules avec le code ALPA14 💗
➡️ www.hostinger....
👁️ o2switch : l'hébergeur d'excellence pour votre site WordPress à 7€HT/mois en illimité
➡️ alpa14.com/o2s... -10% Code Promo : ALPA14 💗
👁️ Presto Player : le meilleur lecteur vidéo pour votre site WordPress
➡️ bit.ly/Presto-...
👁️ ThriveCart : Placez des paniers de vente où vous voulez et déployez des tunnels de vente en quelques clics - Offre spéciale : Compte à vie, paiement unique
➡️ bit.ly/thrivec...
👁️ LearnDash : le meilleur LMS WordPress, créez et vendez vos cours sur votre site
➡️ bit.ly/LearnDa...
👁️ Inleed : 1 hébergeur suédois de qualité pour votre site WordPress
➡️ bit.ly/inleed-now
👁️ Créez des vidéos avec Invideo IA
➡️ bit.ly/invideo-25
👁️ Wondershare Filmora X : Le montage vidéo facile, faites jouer votre imagination !
➡️ bit.ly/wonders...
👁️ MailerLite : L'email marketing simple et efficace, 30 j Gratuits toutes options
➡️ bit.ly/mailerl...
👁️ duoLogo : Réalisez un logo pro, formule Gratuite
➡️ bit.ly/duologo-fr
👁️ Thinkific : Créez & vendez vos formations, 1 mois Gratuit en formule Pro
➡️ bit.ly/thinkif...
👁️ PIA VPN : Le VPN de qualité, protégez-vous sur Internet
➡️ bit.ly/link-pi...
👁️ Accédez gratuitement au club VIP Jesper Nielsen des jolis bijoux au design scandinave et obtenez 15% de réduction sur tous vos achats à venir !
➡️ bit.ly/JN-VIP
👁️ Alpa14 SEOStudio : Outils SEO Alpa14 gratuits
➡️ alpa14-seo
------------------------------------------------------------------------
Vous aimez mon travail ? Ici, vous pouvez m'offrir un café ☕😃
➡️ bit.ly/payez-m...
------------------------------------------------------------------------
ALPA 14 C’EST AUSSI UN BLOG 😀
✉️ Abonnez-vous à la Newsletter pour être averti des futurs tutoriels et des nouveautés du site.
➡️ bit.ly/alpa14-...
------------------------------------------------------------------------
Pour une totale transparence, la plupart des liens de cette page sont des liens affiliés, en les utilisant, vous m'offrez une commission sur la vente et votre geste sympa compensera mes nombreuses heures de travail à concevoir ce tutoriel. Merci ! 🙂🙏.
Veuillez noter que jamais vous ne paierez plus cher que directement sur le site de l'éditeur. Voire parfois moins cher 👍.
𝗔𝗯𝗼𝗻𝗻𝗲𝘇-𝘃𝗼𝘂𝘀 𝗮̀ 𝗹𝗮 𝗰𝗵𝗮𝗶̂𝗻𝗲 🅰🅻🅿🅰14
𝗽𝗼𝘂𝗿 𝗲̂𝘁𝗿𝗲 𝗶𝗻𝗳𝗼𝗿𝗺𝗲́ 𝗱𝗲𝘀 𝗻𝗼𝘂𝘃𝗲𝗹𝗹𝗲𝘀 𝘃𝗶𝗱𝗲́𝗼𝘀.
➡️ bit.ly/Alpa14-TH-cam
Activez la 🔔 et vous recevrez une notification lorsque je publierai 1 nouveau tutoriel. 😉
pour être honnête je suis actuellement dans une école de digital expert en marketing digital mais je n’ai jamais vu un contenu riche et une personne méthodique comme vous j’aurai du payer une formation avec vous grand merci 🙏respect
@Alpa14
Merci, c'est gentil 😊
vos videos/tuto sont vraiment top merci
Merci Jérome, c'est gentil 😊👍
Bonjour Alain. Merci pour tes tutos. Je rencontre un soucis. la manoeuvre pour insérer le module boutique à 12:34 de la vidéo. Il n'y a pas ce module de mon côté. J'ai bien blog et bouton mais pas boutique. Avez vous une idée de cela ? Merci pour votre réponse
Je ne peux dire que : "Merci pour cette formation de qualité et ta générosité !"
Tu fais d'excellents tutos en FR sur Divi et Elegant Theme doit te sponsoriser surtout que tu ne gagnes pas grand choses avec ces contenus de qualité.
Merci.
Merci, Eric 😉
Wouahou ! Le meilleur tuto que j'ai jamais vu sur DIVI, bravo et merci !
Je vais de ce pas me jeter sur les autres vidéos de la chaine...
Merci Stéphane 🤩👍, avec plaisir !
Que dire de plus, MERCI MERCI MERCI ❤❤❤
👍😃 Avec plaisir !
T'es vraiment une machine c'est super clair et plein de bons conseils, merci!
😂😂 merci !
Merci pour ce tuto, très bien expliquer. Tout es clair, vraiment.
vos video me conforte dans la prise en main de cette outil.
Merci ! Heureux d'apprendre que mes tutos vous plaisent :)
Pour ceux qui recherche le module Boutique, il a été remplacé par le Module "Woo Modules". Celui-ci vous emmène alors sur une autre sélection. Et là, il faut délectionné 'Produits Woo' ou 'Woo Products' (Dépendant de votre config de langue).
Merci Olivier
Merci beaucoup !!
Merci beaucoup ça fait 1h je tourne en rond !
Super! Vivement la suite👍
Merci, à bientôt 😉
Très bien expliqué merci c'est pile poil ce dont j'avais besoin ;)
Hâte de connaître la vidéo suivante pour personnalisation des pages produits dans le Builder.
Merci merci merci
Merci, avec plaisir 😊
Ce sera justement le sujet du prochain tuto 👍. Abonnez-vous à la chaîne si ce n'est pas déjà fait et activez la cloche, vous recevrez comme ça 1 notification. 😉
Super vidéo, très utile, merci !
Avec plaisir 😊👋
Très explicatif ! Merci.
Merci Pascal 😉👍
Je trouve vaut tuto très explicatif merci
Merci, avec plaisir 😉👍
Super vidéo merci ! Tu mérites plus d'abonnés vu la qualité
Merci, c'est gentil 👍🤩
@@Alpa14 Petite question dans mon menu à gauche j'ai le nombre d'articles par catégories comment je peux faire pour les cacher ?
@@MONKEY-cr6ok Bonjour,
Pour cela il faut retourner dans ton menu WordPress de gauche dans la sous partie Widgets. Là tu peux paramétrer le widget catégories dans la marge de droite et masquer le nombre d'articles par catégorie.
@@Alpa14 Génial merci beaucoup ;)
@@Alpa14 dernière petite question est-il possible de changer la couleur de la barre de filtre des prix ?
Bonjour ! Merci pour cette super vidéo qui m'a bien aidée pour la construction de ma page boutique... ou plutôt pour mes 2 pages boutiques car j'ai les bijoux et les accessoires, donc 2 grandes catégories bien distinctes. Côté barre latérale, j'ai dû laisser tomber le widget car le widget ne différencie pas les catégories mais les englobe toutes. Du coup, j'ai trouvé une autre astuce en utilisant le module menu pour chacune de mes 2 pages boutiques (donc création de 2 menus). Bon, ça donne un menu déroulant qui surprend en mode bureau mais qui a son petit effet bien sympa en mode responsive, le tout surélevé par un petit module Recherche ;)
Sympa aussi de mettre 3 colonnes de fiches-produits quand on est en mode bureau. Par contre, dommage qu'il semble impossible de ne sélectionner que 2 colonnes en mode responsive, 1 seule colonne ressortirait beaucoup mieux (comme dans les catégories classiques sous wordpress).
Si quelqu'un a une astuce, je suis preneuse :)
Au plaisir et à bientôt ^^
Bravo Sosso ! 😃👌
Merci Alain vous êtes un véritable Pro, beaucoup ne vous arrivent pas à la cheville,j'en ai regardé quelques unes sur TH-cam, mais la votre top,le fait que je fais du print on demand, ça peut aussi s'adapter?Merci
Excellente vidéo, elle a répondu à mes questions. Très clair et concis.
J’aurai cependant une question, est il possible d’ajouter dans la barre menu du haut, un déroulé avec les différentes catégories??
En vous remerciant.
Bonjour,
Oui, c'est possible vous pouvez ajouter ça dans apparence / menus
@@Alpa14 merci infiniment pour vos vidéos.
@@lbibi1772 Avec plaisir 👍
TOP !!!!
Merci !
Superbement expliqué,merci beaucoup!Le seul souci est que je ne peux pas ajouter les produits car le module "Boutique " n´est pas présent dans insérer un module ??
Merci de votre aide pour solutionner ce problème
Merci 🤩
Avez-vous installé Woocommerce ?
J'ai exactement le même problème. Et woocommerce est bien installé chez moi.
@@sylvainmounk556 Le module "Boutique" n´existe plus sur le Divi récent,il faut aller tout en bas de la liste module cliquer sur "Woo Modules" et puis dans la nouvelle liste cliquer sur "Woo Products" tout en bas à droite
@@lacavepatrimonialesarl Merci beaucoup, je l'ai effectivement retrouvé, comme vous l'avez décrit, hier soir et je comptais le dire ici aujourd'hui. Encore une fois merci.
Bonjour, avez vous réussi à solutionner ce problème ? le module boutique n'apparait pas non plus pour moi pourtant j'ai bien crée des produits.
Merci d'avance pour votre aide
je viens de voir la solution d'Olivier. J'essaie.
Merci ! :)
Avec plaisir 👍
Merci beaucoup c’est excellent
Je demande vous aviez utilisé quel hébergement web?
Bonsoir Christina,
Merci :)
J'utilise actuellement Hostinger.
hostinger.fr/alpa14
Actuellement, ils ont une promotion de -10% jusqu'au 4 décembre avec le code BLACKFRIDAY
J'avais fait une présentation de leurs offres il y a quelques mois
th-cam.com/video/K4SQfUUyvh8/w-d-xo.html
Bonne continuation
Bravoooo
Merci 👍
Bonjour merci beaucoup pour vos vidéos :). Actuellement il n'y à plus la page "boutique". Si je prends le module woo product on ne peut modifier l'image. Savez vous comment faire ? Merci à vous
Bonjour,
Merci pour votre message.😊 Malheureusement, je ne peux pas répondre à tous car j'en reçois trop...
J'espère que vous pourrez trouver réponse à votre problème dans un de mes tutoriels (ou dans 1 futur).
J'espère que vous comprendrez, encore désolé. Merci de votre fidélité à la chaîne, bonne continuation 😃👍
Alain
Pourquoi je n'ai pas le module "boutique" moi?
Le module boutique a été rebaptisé Produits Woo
Tutoriel vraiment très clair, super bien expliqué, merci.
J'ai juste une petite question, lorsque l'on customise les widgets de la barre latérale, ça modifie aussi la barre latérale de la page de blog, du coup existe t-il une alternative pour remédier à ça svp ? Merci, bonne journée.
Bonjour,
Merci.
Ce plugin devrait vous aider 😊
fr.wordpress.org/plugins/easy-custom-sidebars/
Bonjour et bravo pour la clarté de vos explications. j'ai réussi tout le process mais l'image de fond se duplique sur toute mes pages : accueil, contact mon compte etc.... auriez vous une idée de ce qui se passe , s'il vous plait et encore bravo... Rabah
Bonjour,
Merci pour votre message et désolé pour pour le retard.
Je reçois énormément de questions et je peux malheureusement pas répondre à toutes, je n'ai pas le temps... . La création de tutoriels m'occupe beaucoup. 😅
J'espère que vous comprendrez et que vous pourrez trouver une réponse à votre question dans une de mes vidéos ou ailleurs.
Amicalement
Alain
Est ce que il est possible d utiliser divi suprem avec surecart? Ou plutôt si j’utilise mon commerce et Divi est-ce que j’ai un intérêt à utiliser sur surecart en terme de facilite
Un grand merci pour ton super tuto. J'ai un souci avec le module "boutique" qui n'apparait pas lors de l'insertion d'un nouveau module (12mn 42 de ton tuto). Sais tu pourquoi ? Merci 🙂
Bonjour Julien,
As-tu installé WooCommerce ? As-tu ajouté des produits ?
@@Alpa14 Oui, Woocommerce est installé et configuré et j'ai également ajouté 2 produits
@@julienboucault6150 Bonjour Julien,
je rencontre le même problème que toi... Et comme toi j'ai bien installé le module Woocommerce et ajouté 2 produits.
Donc je ne comprends pas pourquoi cela ne se passe pas comme dans le tutoriel.
As-tu trouvé d'où venait le problème depuis ton commentaire ?
Bonne journée 🙂
@@julienboucault6150 C'est bon, j'ai eu ma réponse en lisant tous les commentaires. Le module Boutique a été renommé par Divi et maintenant il s'appèle Woo Products 😁
Bonsoir Alain merci pour ta vidéo c est top , perso j ai un soucis lorsque j enregistre la page comme page boutique la mise en forme n est pas prise en compte .
Bonjour vous pouvez essayer de purger le cache des pages css en anglais c'est dans
Divi>Theme Options>Builder>Advanced.
Bonjour et merci pour la viddéo, chez moi je ne vois pas le module boutique dans divi que faire,?
C'est le module Woo Products ;)
Bonjour merci pour ce super tuto, j'ai bien ajouté mail optin, il apparait dans ma page mais seulement la partie titre et texte, pas la partie prénom, mail et email et s'abonner alors qu'il est bien dans mon builder de divi. Mon personnaliseur de thème CSS additionnel est vide donc pas de problème lié à cela. Quand je vais dans ma page "test" il apparait entièrement en mode "éditer avec divi" mais quand je vais dans "voir ma page" je n'ai que le titre et mon texte en dessous. Merci par avance
Bonjour,
Il faut pour cela le connecter à 1 plateforme de mail marketing, vous avez un choix des principales plateformes dans la liste. Pour ma part j'utilise MailerLite qui est simple et efficace
➡️ bit.ly/mailerlite-now
@@Alpa14 bonsoir je suis bien inscrite sur mailerlite ! Je vais tout recommencer on verra bien! Merci pour cette super formation
@@clairesidonie1578 Bonne continuation 😃👍
Une autre question! Le module Boutique a disparu de mes modules, porte t’il un autre nom? Merci
@@clairesidonie1578 Oui je crois que c'est Woo Products qq chose
Comment faut il faire d'une page existante, ou il faut cliquer sur un bouton pour accéder aux produits ?
Bonjour, et merci pour ces explications. Petit soucis pour moi, je n'ai pas le module "boutique" dans divi. C'est bien le pro. Mais ce module est absent. Pouvez vous m'éclairer? Merci
Bonsoir,
Avec plaisir !
Pour que le module Boutique apparaisse dans votre choix de modules, il faut que Woocommerce soit installé. Est-ce le cas ?
@@Alpa14 Woocommerce est bien installé chez moi, mais je n'ai pas non plus le module "Boutique" dans Divi. Merci de votre aide, ça galère sévère par ici.
@@sylvainmounk556 Bonsoir Sylvain,
Le module boutique apparaîtra à partir du moment où vous aurez créé des produits.
Bonsoir,
Le module boutique apparaîtra à partir du moment où vous aurez créé des produits.
Merci pour le tuto, mais comment se passe la configuration du paiement une fois que l'on a validé toutes ces opérations ?
Bonjour,
Merci pour votre message et votre fidélité 😊.
Malheureusement, je reçois trop de messages et je ne peux pas répondre à tous.
J'espère que vous pourrez trouver une solution à votre problème peut-être dans un prochain tutoriel.
Désolé, merci de votre compréhension et bonne continuation. 👋
Alain
Bonjour ! Merci pour vos tutoriels très pédagogiques. Je rencontre un problème actuellement. Je n'arrive pas à trouvez-le module Boutique alors que je suis en train de construire ma page boutique. Pouvez-vous m'aider ? Merci d'avance !
Pareil !! Mais où est-il ?
@@magaliboury9866Je crois que le module a changé de nom. Il me semble qu'il s'appelle Produits Woo.
@magaliboury9866 Produit Woo
Bonjour,
Merci pour ce tuto
Par contre, je ne trouve pas du tout le meme configuration que vous dans les widgets . Je n’ai pas la croix pour ajouter ni woocommerce. Pouvez vous m’expliquer pourquoi si vous avez la reponse? Merci
Bonjour,
Merci pour votre message. Je reçois énormément de messages et malheureusement, je ne peux pas répondre à tous. J'espère que vous comprendrez et que vous pourrez trouver une réponse à votre problème dans un de mes tutoriels existant ou dans un autre à venir.
Encore désolé et merci de votre fidélité.
Bonne continuation
Bien cordialement
Alain 🙂
Merci Lorsqu'on clique sur recherche ça renvoie vers la page recherche :-(
Salut Alain,
Pourrais-tu nous faire un tuto sur une barre latérale woo commerce plus élaboré, merci ?
👍
ma liste est déjà longue.. je vais voir ;)
Petite remarque, si vous cherchez le module "boutique" comme dans la vidéo et que vous ne le trouvez pas, cherchez : "produits woo", aléas de la traduction ou des mises à jour, je ne sais pas mais c'est bien le même module...
Oui exact 👍
savez comment crée plusieurs pages produits pour une catégorie, exemple ma page affiche 12 produit sur 3 colonnes, mais comment faire si je veux publier 20 produits , avoir une page 1 et une page 2 en soit
Bonjour,
Merci pour votre message et votre fidélité 😊.
Malheureusement, je reçois trop de messages et je ne peux pas répondre à tous.
J'espère que vous pourrez trouver une solution à votre problème peut-être dans un prochain tutoriel.
Désolé, merci de votre compréhension et bonne continuation. 👋
Alain
Est-ce qu'il est possible avec Divi et WooCommerce de réaliser un site E-commerce avec des produits ajoutables ?
Par exemple :
Afficher un sac à dos avec des éléments à ajouter (mettre sur le côté des lampes torches, des pulls ou T-shirt...) avec des petites animations lorsque l'on rajoute un produit dans le sac ?
Merci pour votre réponse !
Bonjour comment faire pour ajouter la description du produit dans la boutique . Actuellement j'ai le nom et le prix j'aimerais ajouter la description courte afin d'éviter au client de cliquer sur le produit pour voir le détail du produit.
Merci pour votre aide et vos supers tutos !!!
Bonjour,
Allez dans le menu WordPress à Woocommerce puis dans les produits vous allez pouvoir éditer la fiche produit de chaque produit et ajouter les descriptions longues ou courtes.
mais un problème le module boutique ne s’affiche pas ?? je cherche je ne le trouve pas
Il faut choisir Woo mudules et c'est Woo Products
@@Alpa14 merci beaucoup c’est fait respect 🙏
Quelqu'un sait comment ajouter le bouton "ajouter au panier" en-dessous directement des produits pour ceux qui savent qu'ils aiment sans devoir aller consulter le produit en cliquant? Des heures que je cherche :D
Bonjour,
Vous avez des infos ici
woocommerce.com/document/cashier-for-woocommerce/how-to-enable-a-direct-checkout/#:~:text=Enable%20direct%20checkout%20for%20your%20entire%20WooCommerce%20store&text=Under%20Add%20to%20Cart%20and,checkout%20on%20your%20entire%20store.
@alpa14 Bonjour et bravo pour la clarté de vos explications. j'ai réussi tout le process mais l'image de fond se duplique sur toute mes pages : accueil, contact mon compte etc.... auriez vous une idée de ce qui se passe , s'il vous plait et encore bravo... Rabah
@alpa14
Bonjour,
Merci pour votre message et désolé pour pour le retard.
Je reçois énormément de questions et je peux malheureusement pas répondre à toutes, je n'ai pas le temps... . La création de tutoriels m'occupe beaucoup. 😅
J'espère que vous comprendrez et que vous pourrez trouver une réponse à votre question dans une de mes vidéos ou ailleurs.
Amicalement
Alain