WordPress et WooCommerce

Public visé

• Commerçants et artisans souhaitant vendre leurs produits en ligne
• Indépendants et créateurs d'entreprise voulant réaliser eux-mêmes leur site
• Personnes en reconversion vers les métiers du web et de l'e-commerce

Prérequis

• Aucun prérequis particulier. Une pratique courante de l'outil informatique facilite le suivi de la formation.
• Prérequis techniques :
• Navigateur web : Google Chrome recommandé

Objectifs pédagogiques

• Mettre un site WordPress en ligne, du nom de domaine au choix du thème
• Créer et mettre en forme vos pages avec les éditeurs Gutenberg et Elementor
• Ouvrir et administrer une boutique WooCommerce : catalogue, codes promo, paiement et commandes
• Préparer vos visuels produits avec Photoshop et optimiser votre référencement avec Yoast SEO

Contenu de la formation

① Acheter son hébergement et son nom de domaine ➜ Aller sur OVH ➜ Passer la commande OVH ➜ Finalisation de la commande ② L'interface de WordPress ➜ Connexion à l'interface ➜ Réglage général ➜ Réglage de la lecture / écriture ➜ Réglage des discussions ➜ Réglage des médias ③ Apparence - La gestion du thème ➜ Présentation ➜ Mettre à jour WordPress ➜ Les différents thèmes ➜ Choix du thème ➜ Les paramètres de personnalisation : le titre ➜ Titre et logo du site ➜ Changer le header ➜ Fin des paramètres de WordPress ④ Créer des pages avec Gutenberg ➜ Télécharger Gutenberg (si besoin) ➜ Présentation de Gutenberg ➜ Commencer à écrire un texte ➜ Écrire du texte et le modifier ➜ Insérer une image ➜ Insérer une galerie ➜ Insérer une bannière ➜ Aperçu de notre page ➜ Média et texte ➜ Insérer une vidéo ➜ Créer un bouton ➜ Mettre la bonne destination à notre bouton ➜ Comment faire des colonnes ➜ Séparateur et espacement ⑤ Atelier - Créer une page avec Gutenberg ➜ Présentation de la page à réaliser ➜ Paramétrer le thème ➜ Créer les premières colonnes ➜ Création du 1er bloc ➜ Paramétrage du 1er bloc ➜ Création du 2e bloc ➜ Mise en forme et création du bouton ➜ Création de la bannière ➜ Création du dernier bloc ➜ Personnaliser sa typo avec du CSS ➜ Copier les codes CSS ➜ Trouver une autre typo ➜ Fichiers ressources ⑥ Pages ➜ Modifier une page ➜ Présentation rapide de l'interface ➜ Installer Elementor ⑦ Ajouter des pages avec Elementor ➜ Présentation des options dans l'onglet ➜ Options de réglages ➜ Les derniers réglages ➜ Création de la 1re section ➜ Insérer une image et faire les réglages ➜ Ajout de titre et texte ➜ Créer une autre section ➜ Les boutons ➜ Insérer une vidéo ➜ Séparateur espaceur ➜ Intégrer Google Map ➜ Ajouter des icônes ➜ Insérer une boîte image ➜ La boîte d'icônes ➜ La notation ➜ Galerie photos ➜ Carrousel d'images ➜ Liste d'icônes ➜ Le compteur ➜ La barre de progression ➜ Témoignage ➜ Onglet accordéon - Va et vient ➜ Réseaux sociaux ➜ Créer une alerte ➜ Aperçu des derniers outils ⑧ Les articles ➜ Différence entre pages et articles ➜ Catégories des articles ➜ Les étiquettes ⑨ Avançons ensemble ➜ Les médias ➜ Les commentaires ⑩ Les extensions - Plugins ➜ Présentation ➜ Extension - Formulaire de contact ➜ Extension SEO ➜ WooCommerce - Introduction ➜ Créer une fiche produit ➜ Introduction des autres fonctions de WooCommerce ➜ WooCommerce - Dashboard - Commandes - Coupons ➜ WooCommerce - Les réglages de la boutique ➜ WooCommerce - État et extensions ➜ WooCommerce - Analytics ⑪ Les menus de votre site ➜ Ajouter des éléments au menu ➜ Gérer l'emplacement du menu ➜ Optimiser le menu ⑫ Création d'un site - Portfolio ➜ Présentation de l'atelier ➜ Installation et recherche du thème ➜ Personnalisation de l'en-tête ➜ Création du 1er article ➜ Création du 2e article ➜ Quelques paramètres de propriétés du thème ➜ Permalien et changement du nom de l'auteur ➜ Nouvel article et nouvelle catégorie ➜ Menu - Insérer les catégories au menu ➜ Création de la page Qui suis-je ➜ Rajouter une page au menu ➜ Générer un formulaire de contact simple ➜ Intégrer le formulaire de contact ➜ Contactez-moi - Astuce et bouton ➜ Fichiers ressources ⑬ Création du site Business pas à pas ➜ Présentation ➜ Télécharger le thème ➜ Personnaliser l'identité du site ➜ Modifier les couleurs de votre thème ➜ Présentation du menu à partir du thème ➜ Création des pages vierges ➜ Créer le menu ➜ Page d'accueil ➜ Paramétrer Elementor ➜ Générer le titre ➜ Importation des images ➜ Animer les images ➜ Titre et sous-titre ➜ Boîte d'image ➜ Boîte d'image et éditeur de texte ➜ Positionner les widgets ➜ Modifier les sections ➜ Création du nouveau titre ➜ Création de la nouvelle partie Photoshop ➜ Modifier la typo via l'éditeur de texte ➜ Créer les ancres ➜ Relier le menu aux ancres 1/2 ➜ Relier le menu aux ancres 2/2 ➜ Pages Nos formateurs ➜ Titre au-dessus des compteurs ➜ Aligner les titres des compteurs ➜ Ajouter les compteurs ➜ Autre possibilité pour créer un compteur ➜ Deux extensions pour Elementor ➜ Explication de l'Image Hover ➜ Mettre à jour nos images avec l'Image Hover ➜ Créer les liens des images ➜ Créer des liens internes ➜ Formulaire de contact 1/2 ➜ Formulaire de contact 2/2 ➜ Présentation page Adobe ➜ Couleur et ombre 1re section ➜ Image et texte ➜ Ajouter le séparateur rouge ➜ Création de la partie de droite de la colonne ➜ Ajout des images dans la section 2 ➜ Le bouton de la section 2 ➜ Finalisation ➜ Dernier tableau ➜ Conclusion ⑭ Création du site E-commerce - Myshoes ➜ Mise en place du thème et WooCommerce - Télécharger le thème ➜ Mise en place du thème et WooCommerce - Configurer le titre et favicon ➜ Mise en place du thème et WooCommerce - Installation de WooCommerce ➜ Les produits - Configurer un produit simple ➜ Les produits - Produit externe et affilié ➜ Les catégories / Widgets / Thème - Gestion des catégories ➜ Les catégories / Widgets / Thème - Gérer le widget de la sidebar ➜ Les catégories / Widgets / Thème - Paramètre du thème WooCommerce ➜ La page d'accueil - Personnalisation de la page ➜ La page d'accueil - Création ➜ La page d'accueil - Étude de la concurrence ➜ La page d'accueil - Présentation de la page ➜ La page d'accueil - Création de la 1re bannière ➜ La page d'accueil - Création de la 2e bannière ➜ La page d'accueil - Ajout des séparateurs et de la citation ➜ La page d'accueil - Ajouter les nouveautés avec WooCommerce ➜ La page d'accueil - Finalisation de la page d'accueil ➜ Mega Menu - Installation de l'extension ➜ Mega Menu - Présentation générale ➜ Mega Menu - Plus de détail des paramétrages ➜ Mega Menu - Ajouter le contenu du menu ➜ Mega Menu - Personnaliser le Mega Menu ➜ Mega Menu - Dernier paramètre du Mega Menu ➜ Le footer - Créer son footer ➜ Faire un pop-up - Télécharger l'extension ➜ Faire un pop-up - Paramétrage du pop-up ➜ Faire un pop-up - Les cookies du pop-up ➜ Administration - Présentation de l'interface Admin WooCommerce ➜ Administration - Partie Analytics ➜ Administration - Paramétrer PayPal ➜ Administration - Générer un processus de vente ➜ Conclusion ➜ Fichiers ressources ⑮ Création de site internet - Style Business ➜ Présentation ➜ Télécharger le thème ➜ Décryptage du thème OnePress ➜ Mettre le site en maintenance ➜ Configurer la page de maintenance ➜ Commençons la création ➜ Créer la page d'accueil ➜ Section HERO ➜ Section FONCTIONNALITÉS ➜ Section À PROPOS ➜ Section SERVICES ➜ Section VIDÉO LIGHTBOX ➜ Section GALERIE ➜ Section COMPTEUR ➜ Section ÉQUIPE ➜ Section NOUVEAUTÉ ➜ Section CONTACT ➜ Identité du site ➜ Le menu ➜ Ajouter un flux Instagram ➜ Pied de page ➜ Fichiers ressources ⑯ Référencement SEO ➜ Yoast SEO - Le télécharger ➜ Comment présenter les recherches Google ➜ Assistant de configuration ➜ Les réglages de Yoast SEO ➜ Derniers réglages ➜ Réglage de la page ➜ Réglage des réseaux sociaux ➜ Optimiser une autre page ⑰ Préparer ses visuels avec Photoshop ➜ Présentation ➜ Ouvrir les documents ➜ Traitement par lot ➜ Recadrage en carré ➜ Astuces - Renommer les images ➜ Détourage - Sélection rapide ➜ Améliorer le contour ➜ Astuces - Mise en scène ➜ Détourage à la plume ➜ Changer la couleur d'un objet ➜ Mettre du texte sur les images ⑱ Les thèmes WordPress ➜ Télécharger le thème ➜ Identité du site ➜ Plugin Coming Soon ➜ Contenu de Coming Soon ➜ Design de Coming Soon ➜ Page d'accueil ➜ Bannière de la page d'accueil ⑲ WooCommerce - Introduction ➜ Installation de WooCommerce ➜ Les onglets ➜ Création du 1er produit simple ➜ Créer un autre produit simple ➜ Gérer les catégories ➜ Gérer les catégories de produits ➜ Produits liés ⑳ Storefront - Installation et réglages ➜ Installation de WooCommerce ➜ Installation du thème Storefront ➜ Présentation générale du thème ➜ Réglage de la page d'accueil ➜ Identité du site ➜ Onglet En-tête ➜ Onglet Pied de page ➜ Onglet Arrière-plan ➜ Onglet Typographie ➜ Onglet Bouton ➜ Onglet Mise en page ➜ Onglet Produit et menu ➜ Onglet Widget ➜ Onglet WooCommerce ㉑ Storefront - Créer des produits ➜ Création d'un produit simple ➜ Création d'un 2e produit ➜ Produit lié ➜ Produit groupe ➜ Produit variable ➜ Produit externe ➜ Onglet Attribut ➜ Onglet Catégorie ➜ Onglet Étiquettes ➜ Ajoutons des produits ㉒ Storefront - Modifier l'apparence ➜ Modifier les typos et boutons ➜ Présentation de l'avancée de la boutique ➜ Paramétrer la partie WooCommerce ➜ Les widgets ㉓ Storefront - Créer des pages ➜ Page Qui sommes-nous ? ➜ Aperçu des différentes pages ㉔ Storefront - Créer le menu ➜ Créer un nouveau document ➜ Personnaliser son menu ㉕ WooCommerce ➜ Présentation des options ➜ Générer un code promo ➜ Appliquer le code promo ➜ Faire une vente ➜ Les mails reçus par le client ㉖ Ajouter un code promo à son site ➜ Code promo