fbpx
Créez votre boutique en ligne WooCommerce Divi sous WordPress | Tutoriel débutant pas à pas
Alpa14 les tutoriels Gratuits WordPress Divi

Montez facilement votre boutique Internet WooCommerce avec Divi 

Dans ce tutoriel vidéo, vous allez apprendre à construire votre boutique Internet grâce à WooCommerce et Divi d’Elegant Themes, le tout sous WordPress.

Je pars d’une installation WordPress vierge de tout plugin. A ce sujet, si vous souhaitez créer votre boutique en ligne mais que vous ne savais pas comment ni où installer votre site WordPress, j’ai réalisé un tutoriel que vous pouvez voir ici. Dans cette vidéo, je vous présente o2switch un hébergeur français, sérieux performant et peu cher (5€ HT / mois avec nom de domaine compris). Vous pourrez installer WordPress facilement en quelques clics sur votre espace o2switch et ce de manière automatique !

Dans la vidéo je simule la construction d’une boutique d’articles pour chiens. Bien entendu les notions abordées pourront s’appliquer à tout autre boutique.
La vidéo de formation Woocommerce étant un peu longue ~ 2h, je l’ai chapitrée en 22 étapes afin de vous permettre de naviguer facilement d’un point à un autre. 

En avant pour la création de votre magasin en ligne avec Woo!

Sommaire du tutoriel vidéo WooCommerce

00:00:00 → Introduction
00:02:32 Installation WooCommerce
00:04:16 Configuration WooCommerce
00:07:45 Création page accueil
00:08:26 Création et configuration du menu
00:10:37 Déclarer la page d’accueil du site
00:11:19 Installation et configuration du Theme Divi
00:14:50 Création de la palette couleurs Divi
00:16:38 Upload des images de la boutique
00:17:25 Ajout d’un produit simple et ajout des catégories
00:27:30 Ajout d’un produit variable
00:33:52 Partie Produits/réglages
00:39:07 Design de la page d’accueil avec le Divi Builder
00:57:15 Création d’une page produit avec le Divi Theme Builder
01:20:27 Création d’un footer global avec le Divi Theme Builder
01:32:53 Création d’un « preset » pour l’affichage des produits de la boutique
01:34:12 Création et design de la page boutique
01:41:07 Paramétrage de la barre latérale et des widgets
01:45:08 Création de la page catégories avec le Divi Theme Builder
01:53:45 Création d’un code coupon
01:56:23 Design page panier, validation de commande et mon compte avec Divi
02:01:25 Ajout du logo
02:02:10 Design du menu avec le Divi personnaliseur de thème
02:05:20 → Conclusion

Semrush le meilleur outil SEO
MalerLite

Vous serez peut-être intéressé aussi par…

Les bons plans Alpa14 😉

👉 Divi : Le meilleur WebBuilder WordPress, -20% sur votre licence !
👉 Presto Player : Le meilleur lecteur vidéo pour votre site WordPress !
👉 LearnDash : Le meilleur plugin LMS, commencez dès aujourd’hui à créer et à vendre vos cours sur votre site WordPress !
👉 Thinkific : Créez & vendez vos formations, 1 mois gratuit en formule Pro
👉 O2switch : l’hébergeur de qualité (5€/mois en illimité avec nom de domaine)
👉 Inleed : l’hébergeur suédois performant et de qualité 

👉 Semrush : la meilleure boîte à outils SEO, 14 jours gratuits
👉 MailerLite : L’email marketing simple et efficace, formule gratuite + 30 jours gratuits toutes options
👉 duoLogo : Réalisez un logo pro, formule gratuite
👉 Invideo : Créez des vidéos marketing, -25% sur toutes les offres
👉 Private Internet Access
: Un VPN de qualité, protégez votre connexion Internet
👉
Jesper Nielsen : Un revenu complémentaire ? Vendez des bijoux scandinaves et rejoignez l’équipe de ma femme !

👁️ Pour une totale transparence, les liens de ce site sont des liens affiliés, en les utilisant, vous m’offrez une commission sur la vente et votre geste sympa compensera les nombreuses heures de travail à concevoir ces tutoriels. Merci ! 🙂🙏.

Veuillez noter que jamais vous ne paierez plus cher que directement sur le site de l’éditeur. Voire parfois bien moins cher 👍.

8 Comments

  1. TOMICHE LEONARD

    Bonjour, Bonsoir,

    Merci tout d’abord pour votre travail!!!

    Je suis sur une de vos vidéos (https://www.youtube.com/watch?v=6y0VgEpwkVs&list=PLidBBTVH1KpSJK_4nqKJYAOmHqinZdT0P&index=2)

    Et, je viens d’acheter WORDPRESS et je ne m’y retrouve pas du tout. Y a t’il une différence de version entre l’explication que vous fournissez parfaitement bien et ma version de WordPress ou suis vraiment un « âne » ?… Ou avez-vous publier des vidéos plus récente pour cette dernière version SVP. Pour infos (vraiment car je pense que vous le méritez) j’ai suivi vos recommandation pour l’inscription chez o2switch :-). J’espère avoir une réponse de votre part… Cordialement,

    Reply
    • alpa14

      Bonjour Léonard,
      Merci pour votre message 🙂
      Je ne comprends pas trop quand vous dites « Je viens d’acheter WordPress » WordPress est gratuit et vous pouvez l’installer facilement depuis votre interface chez o2switch.
      Parlez-vous de Divi plutôt ?
      Il y a eu effectivement une nouvelle version de WordPress la 5.6 mais il n’y a pas de changement vraiment notables sur l’interface administrateur.
      Avez-vous bien installé WordPress sur votre interface o2Switch comme expliqué dans ma vidéo ? https://www.alpa14.com/comment-installer-wordpress-facilement/
      Cordialement
      Alain

      Reply
  2. Tomiche

    Pour faire suite à mon message précédent… très Cordialement,

    J’ai fait une mauvaise manip et n’ai pas eu le loisir de vous saluer à la fin de mon message…

    Merci d’avance en tout cas pour votre réponse.

    JPL. Tomiche

    Reply
    • alpa14

      Pas de souci 🙂

      Reply
  3. TOMICHE LEONARD

    Bonjour ou bonsoir,

    C’est encore moi leonard Tomiche… comment allez-vous ? J’ai dû m’arrêter une peu de travailler sur mon site sur à2switch (j’espère d’ailleurs qu’ils vous ont gratifié… sinon, s’il vous faut un témoignage, je le leur dirai). Donc, de retour d’évidence sur votre cours, en reprenant le processus à travers votre vidéo, je me rends compte qu’il m’est demandé de supprimer la mage «mon compte» pour le site que je prépare et je ne vois pas comment faire pour réactiver cette page dans WordPress alors qu’elle est essentielle pour un site marchand. Avez-vous un conseil à me donner pour cela… ?

    Vous en remerciant d’avance. Vos tutos sont super !!!!

    Reply
    • alpa14

      Bonjour Léonard,
      Pas de souci pour o2switch et merci encore 🙂
      Ce que je fais dans le tuto c’est que je supprime la page boutique et j’en recrée une par contre pour la page « Mon compte » je l’édite simplement dans le Divi builder mais je ne la supprime pas. Est-ce bien cette page que vous avez supprimé ? ou la page boutique ?
      Si c’est la page « Mon compte » Dans le menu WooCommerce, choisissez Réglages.
      Cliquez sur l’onglet Comptes.
      Les réglages se trouvent dans la zone Pages du compte.
      Dans la liste déroulante Page Mon compte, sélectionnez la page de WooCommerce qui sera utilisée pour gérer les comptes de chaque client.
      Par défaut, c’est la page Mon compte.
      Vous pouvez choisir une page que vous avez créée vous-même.
      Merci encore pour vos encouragmenents Léonard et bonne chance 🙂

      Reply
  4. GUILLAUME CHIPIER

    Bonjour merci pour ce tuto ! si on a déjà le site de créer avec divi et que l’on veut le transformer en boutique je rajoute woocommerce et c’est bon ou il faut installer woocommerce avant d’installer divi comme dans la vidéo ? merci de votre retour bonne continuation !

    Reply
    • alpa14

      Bonjour Guillaume,
      Non aucun problème WooCommerce peut s’installer après.
      Bon courage 😉
      Alain

      Reply

Submit a Comment

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *