Tutoriel WooCommerce WordPress : Créer un modèle de page produit avec le Thème Builder de Divi

Dans ce nouveau tuto Alpa14, je vous explique comment créer un joli modèle, un gabarit, un modèle de page produit WooCommerce avec des éléments dynamiques à l'aide du Thème Builder de Divi d'Elegant Themes.
Dans ce tutoriel vidéo, j'utilise le Divi Visual Builder qui offre de nombreux modules WooCommerce pour une personnalisation et un design poussés.
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 et la création de produits simples et variables
➡️ • Installer et paramétre...
👁️ Tutoriel sur la création dune page boutique WooCommerce avec le Divi Visual Builder
➡️ • Créer une page boutiqu...
--------------------------------------------------------------------------------
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.
-7% sur toutes les formules avec le code ALPA14 💗
➡️ www.hostinger....
👁️ o2switch : 1 super hébergeur pour votre site WordPress, à 5€HT/mois en illimité
➡️ bit.ly/link-o2...
👁️ Canva : Collaborez et créez d'incroyables designs, le meilleur outil pour supprimer l’arrière-plan de vos images et obtenir des fonds transparents ou blancs
➡️ bit.ly/canva-p...
👁️ 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...
👁️ Semrush : la meilleure boîte à outils SEO, 14 j Gratuits (offre spéciale)
➡️ bit.ly/semrush...
#WooCommerce #Tutoriel #Divi
👁️ Créez des vidéos marketing -25% sur les offres Invideo
➡️ 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...
👁️ 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 👍.

[@hornetgui67]

Bonjour ,et merci pour vos tutos...le module woo cart notice se nome maintenant AVIS WOO PARAMETRE.. il conserve la même icône ..et.après une heure de recherche..YESSSSS...

[@Alpa14]

Oui, c'est ça ! Bonne continuation 👋

[@mercanburhan]

Bonjour et merci beaucoup pour le tuto.

[@Christian.P]

Bonjour et un grand merci pour toutes ces videos. Une vrai mine d'or. Je vais du reste prendre Divi. Mon futur site va enfin avoir une belle identité grace à vous. Je me suis abonné pour ne rien raté.

[@Alpa14]

Bonjour Christian, merci ! 👍

[@valeriethilandvalscribeuse3238]

Les explications sont claires et concises ce qui est pratique pour prendre des notes. Merci bien !

[@Alpa14]

Bonjour Valérie, Merci 😃, avec plaisir !

[@valeryfrancois7724]

Bonjour vos tutos sont top et on découvre des fonctionnalités très intérressantes, merci à vous :-)

[@Alpa14]

Merci ! Heureux d'apprendre qu'ils vous aident ;)

[@valeryfrancois7724]

@@Alpa14 oui vous etes mon mentor Divi Français :-)

[@Alpa14]

@@valeryfrancois7724 Ha, ha c'est gentil :)

[@boubkerelizze]

Je suis très heureux d'avoir trouver ta chêne youtube, merci beaucoup pour ce que tu fais pour nous, j'adore le contenu 😁

[@Alpa14]

Merci, avec plaisir :)

[@Ecomprone]

Merci pour le tuto Super

[@abdelhalimhouari6978]

Génial un professionnel merci ! 😉

[@Alpa14]

Ha, ha merci 😉

[@FredoTahiti]

Merci pour cette Super gamme de tuto Fait Par sujet. cours et complets

[@Alpa14]

Avec plaisir 👍

[@rogerpetit642]

J'adore !

[@sediknaili456]

très pédagogue 🙏❤️

[@Alpa14]

Merci Sedik 👍

[@sediknaili456]

@@Alpa14 je voudrais juste un tuto pour styliser une pages de produits favoris svp🙏 grand merci

[@digital-marketing-web]

top

[@Alpa14]

Merci :)

[@digital-marketing-web]

Exellente tes vidéos j'aime beaucoup

[@renearbour9227]

Merci pour ce tuto très clair et précis. J'ai suivis "Créer un modèle de page produit avec le Thème Builder de Divi" et je suis arrivé à faire ce que je voulais grâce à vos explications. Seul mur que je rencontre: en ajoutant le module "WooCommerce - commentaires", les libellés sont en anglais ex. "Add a review", "Your rating", "Your review". Je ne trouve pas comment modifier, traduire, et ou simplement où intervenir là-dessus. Directement dans le texte ou sur des paramètres.

[@sediknaili456]

merci beaucoup svp j’ai le projet de fin d’étude création d’un site web e-commerce épicerie en vrac quel thème préférez vous pour ce type de profits meme si il est payant ?sachant que j’ai acheté la licence divi.pouvez vous nous faire une vidéo dans ce sujet merci

[@Alpa14]

Avec Plaisir :) Le thème Divi est parfait

[@webconceptdesign884]

Bonsoir, Merci pour ces tutos super J'aurais une question, je souhaite créer une page produit avec DIVI mais changer le bouton ajouter au panier par un autre et rediriger vers une autre page et avoir 2 ou 3 boutons à la place du bouton ajouter au panier Merci

[@studio47designer61]

merci

[@Alpa14]

Merci ! 😉

[@libulu243]

Bonjour, merci pour le super travail que tu fais, tu ma donnée l'envie d'acheter le thème DIVI, je voulais savoir si tu peux nous faire une vidéo ( Personnaliser la page des résultats de recherche ) Merci beaucoup pour les temps que tu donne pour les autres, encore un grand Merci.

[@Alpa14]

Merci Dany, je vais voir ça, à mettre sur ma liste 😉

[@Alpa14]

Bonne idée Dany, finalement ce sera mon prochain tuto ;)

[@libulu243]

Merci c'est cool.

[@CaroleLeGallDarcissac]

Merci beaucoup pour vos vidéos. Elles sont très claires, parfaitement rythmées et très faciles à suivre en travaillant directement sur mes propres projets. J'ai une petite question pratique : les modules woo sont maintenant rassemblés dans un même onglet et je ne parviens pas à trouver, notamment le Woo cart notice. Existe-t-il toujours ? Sous un autre nom peut-être ? Merci.

[@CaroleLeGallDarcissac]

En cherchant, j'ai trouvé le module ! Il s'agit en fait du module "Avis Woo". Sans doute un problème de traduction automatique ! 🙂

[@Alpa14]

Oui, c'est bien ça, certains modules ont été renommés. Bonne continuation 👋

[@nicolasgaillard8914]

Bonjour Alain, vraiment bravo pour toutes les vidéos que je viens de découvrir, tout est très bien expliqué. Une petite question si possible concernant la page produit. Est il possible d ajouter un champs personnalisé pour rentrer du texte supplémentaire (hors description) dans les produits woocommerce que l on pourrait rappeler avec divi pour l insérer dans la page produit ?

[@Alpa14]

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

[@cgc2300]

bonjour est-il possible de télécharger un fichier Excel de ma bibliothèque ?

[@boussa728]

bonjour Alain merci pour ces vidéos, je viens de m'abonner à ta chaîne. quand j'utilise "transformer" les 2 lignes sur lesquelles j'ai travaille deviennent instables et surtout il me reste beaucoup d 'espace après le fait d'avoir surélevé le module (j'espère que j'arrive à me faire comprendre), comment réduire cet espace. Mon image produit est trop grande et on voit qu'une partie sur la page produit, comment diminuer l'image ? merci pour les réponses.

[@Alpa14]

Bonjour Isabelle, MERCI Tu dois pouvoir modifier cela en jouant sur les marges internes, dans Style>Espacement Attention en utilisant la fonction transformer de vérifier la vue mobile.

[@thio123456]

Bonjour, Merci Alain c'est génial ! Sinon c'est possible de modifier les champs sur woocommerce lors de la création de compte client? Il y'a des champs que je dois enlever. Merci d'avance

[@Alpa14]

Merci, quels sont les champs à enlever ?

[@thio123456]

@@Alpa14 je voudrais enlever le champ "code postal" j'en pas besoin pour mon pays. Merci d'avance

[@thio123456]

-Le champ "Région / Département" aussi. - Modifier le titre du champ "Numéro de rue" par adresse

[@kyneba6988]

Je ne regrette pas d'être passé à Divi, géniale pour créer des sites. J'ai une petite question, à 18:50 on ajoute module "woo ajouter au panier" mais on ne configure par les champs. J'ai créé un produit sur un site qui a 2 prix différent selon le poids, mais quand je sélectionne par exemple le produit pour 100g, le prix apparaît en bleu et je ne vois pas où l'on peut personnaliser CE prix là spécifiquement. Peut-être auriez-vous des pistes pour régler ce problème, merci

[@user-ij7vw5yh2u]

Bonjour, je vous remercie pour vos tutos qui me sont d'une aide précieuses :) cependant impossible de trouver le woo card notice ? pouvez vous m'aider ? merci belle soirée Prisca

[@Alpa14]

Bonjour, C'est dans le groupe Woo puis Woo product (produits woo) il me semble

[@user-ij7vw5yh2u]

@@Alpa14 Je vous remercie pour votre retour :) j'ai pu trouver . Faites vous un tuto sur des produits personnalisables ? je vous remercie pour vos tutos tres bien construit et clair ;) belle journée

[@Alpa14]

@@user-ij7vw5yh2u Bonne continuation

[@lachouetteplanete]

merci pour vos vidéos fort utile, j'ai un soucis sur les fiches produits, l'image apparait blanche sur mobile, il faut cliquer dessus pour voir en zoom, cela est très problématique sachant que la plupart de mes visites et ventes se font depuis un mobile, et j'ai beau cherché je ne vois pas de quoi cela vient 'il ....

[@Alpa14]

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

[@lachouetteplanete]

@@Alpa14 merci oui j'ai trouvé c'est une extension qui faisait cela du coup je l'ai changé

[@simonponzoni9213]

salut, merci super tuto, je voulais savoir si on désire une autre page produit pour un autre produit ou pour des produits par exemple homme, une page spécifique femme une autre page différente? merci

[@Alpa14]

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

[@myleneA]

bonjour , est il possible et si oui comment , de mettre la description longue en menu déroulant ,pour que ce soit plus claire sur le mobile?

[@Alpa14]

Je ne comprends pas.

[@corentinmagliulo]

Salut, tes tutos sont super, juste une question y a-t-il un moyen de créer une page boutique comme ta page produits ? En gros modifier un peu ce qu'on veut en design sur notre page boutique en créant un theme builder comme tu l'as fait pour la page produit ?

[@Alpa14]

Bonjour, Merci heu.. Je ne comprends pas trop la question. Reprendre mon design du tuto ?

[@corentinmagliulo]

@@Alpa14 Je me doutais que je mettais mal exprimé désolé ! En gros j'aimerais savoir si c'est possible d'être un peu plus libre dans la création du design de la page boutique comme ce que tu as fait pour la page produit ou tu as utilisé pour celui ci le theme builder !! je ne sais pas si j'ai reussi a bien m'exprimer ^^ ! En tout cas merci de ta réponse

[@Alpa14]

@@corentinmagliulo Pour la page boutique tu peux personnaliser avec l'onglet style le module boutique mais tu peux bien sûr personnaliser cette page en ajoutant d'autres modules.

[@Mirowshka.vocalcoach]

hello merci. alors moi je ne comprends pas pk divi m'affiche la page produit sur toutes les pages du coup XD

[@Alpa14]

Bonjour, Vous avez sans doute placé votre module dans votre modèle du thème builder.

[@artiste470]

svp si possible nous avons besoin la modification d'une page panier Pro et merci

[@Alpa14]

Oui, le tuto est prévu 😉👍

[@ARTCADAM]

Merci beaucoup. Du coup, quelle différence y a t'il entre la boutique que crée automatiquement woo commerce sur Wordpress et la boutique créée avec Divi ? Y en aura t'il 2 sur le site ? Merci

[@Alpa14]

Bonjour, Avec les modules Woocommerce de Divi vous pouvez choisir d'afficher ce que vous souhaitez et dans l'ordre que vous voulez. Vous pouvez également comme vous avez pu le constater changer le design complet de la page.

[@danzoo2324]

Bonjour, mon module Woo cart notice se cache derrière le header. Pouvez-vous m'aider s'il vous plaît ?

[@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

[@loudesbois34]

Bonjour, quand je clique sur ajouter un corps personnalisé, la page tourne et ne s'ouvre jamais. Savez-vous pourquoi ? J'ai essayé d'ouvrir un autre corps personnalisé et c'est la même chose. J'ai aussi essayé de le faire depuis un autre PC et c'est pareil. Je ne sais pas comment créer un nouveau modèle. Le premier modèle avait été créé par la personne qui m'a créé le site mais il ne me convient pas. Merci de votre aide.