Sélectionner une page
Créez votre boutique en ligne WooCommerce Divi sous WordPress | Tutoriel débutant pas à pas
Alpa14.com

 WooMontez 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

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

4 Commentaires

  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,

    Réponse
    • 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

      Réponse
  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

    Réponse

Soumettre un commentaire

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