L’ATELIER / CHALLENGE E-COMMERCE
ÉDITION 2026
0 % 0 points validés sur 0

VOTRE PARCOURS COMMENCE ICI

BRIEF 01 JOUR 1 SUR 5

Les bonnes bases.
La suite vous appartient.

Votre boutique Simplon Alumni commence ici. Un parcours guidé pour installer, sécuriser et préparer votre site WordPress. Une étape à la fois.

Votre progression est enregistrée sur cet appareil.

03hUNE SÉANCE POUR POSER LES BASES
11ÉTAPES GUIDÉES + PRÉPARATION
09CAPTURES À CONSERVER
01 PDFVOTRE SITE + LES PREUVES

Trois règles qui ne se négocient pas

  1. On ne touche pas aux deux adresses. « Adresse web de WordPress » et « Adresse web du site », dans Réglages → Général. Une erreur ici rend le site inaccessible, et on ne la répare plus depuis WordPress.
  2. Aucun secret ne sort. Clé API, licence, mot de passe d'application, URL de connexion : jamais dans une page, une capture, le PDF, ni dans une conversation publique.
  3. On ne réinstalle jamais. Bloqué·e ? Capture d'écran, adresse de la page, message d'erreur exact, envoyés au formateur. Une réinstallation efface tout ce qui était déjà validé.

DE LA PREMIÈRE CONNEXION AU LIVRABLE

À vous de jouer.

Suivez le fil. Cochez. Avancez.

RECHERCHER

Avant d'ouvrir WordPress

15 min · rien à configurer

Six éléments ne viennent pas de WordPress : ils viennent du formateur. Réunissez-les maintenant. C'est ce qui vous évite d'être à l'arrêt au milieu de l'étape 06, quand il manque un fichier .zip que personne n'a sous la main.

  • L'adresse de votre siteDe la forme prenom.wordpressacademie.com. Votre prénom n'est pas dans la liste du brief ? Demandez-la avant de commencer.
  • La passerelle de paiementSon nom exact, et le nom exact de l'extension WooCommerce à installer. Sans ça, les étapes 06 et 10 s'arrêtent.
  • Les clés de testLes identifiants sandbox de la passerelle. Ceux du formateur, jamais vos propres informations bancaires.
  • Elementor Pro ou Pro ElementsLa consigne du jour, et le fichier .zip s'il y en a un. Aucun des deux ne s'installe depuis la recherche d'extensions.
  • Le compte Google de Site KitLe compte autorisé pour le projet. On ne crée jamais un compte de contournement.
  • Les coordonnées officiellesPour la page Contact. On n'invente ni e-mail, ni numéro, ni adresse.
Le temps ne suffira pas tout à fait Les durées indicatives dépassent la séance de 180 minutes. L'étape 10 dépend d'accès externes au compte Google et à la passerelle de paiement. Si elle bloque, passez au contrôle final et écrivez précisément la limite rencontrée. Gardez du temps pour vérifier votre site et préparer le livrable.

Sécuriser votre accès

10 min · à faire en premier

Le mot de passe provisoire est le même pour les vingt apprenants du groupe. Tant que vous ne l'avez pas changé, n'importe qui peut publier sur votre site à votre place. C'est pour ça que cette étape passe avant tout le reste.

  1. votre-prenom.wordpressacademie.com/wp-admin/
  2. Utilisateurs Profil
  3. Utilisateurs Profil
Ce qui prouve que c'est fait
Le piège Taper le nouveau mot de passe, puis quitter la page sans descendre cliquer « Mettre à jour le profil ». Rien n'est enregistré, et vous croyez l'être. Le bouton est tout en bas de la page, sous les champs vides.

Réglages généraux et permaliens

10 min · 2 valeurs imposées

Deux textes à saisir au caractère près, et une structure d'URL à confirmer sans y toucher. Ces trois réglages décident de ce que Google et le formateur liront en premier.

  1. Réglages Général Simplon — Réseau des Alumni | Boutique officielle
  2. Le parcours continue. Le réseau aussi.
  3. Africa/Porto-Novo · UTC+1capture 1
  4. Réglages Permaliens
Ce qui prouve que c'est fait
Le piège Changer la structure des permaliens après avoir créé les pages casse tous les liens déjà ouverts ou partagés, y compris les pages WooCommerce. Si vous y avez touché par erreur, remettez-la comme avant immédiatement — pas à la fin de la séance.

Créer les pages et le menu principal

30 min · 12 pages, 5 liens

Les titres et les adresses sont imposés par le document « Contenus & SEO — Données prêtes », et repris ici pour que vous n'ayez pas à changer d'onglet. Un slug faux aujourd'hui, c'est un lien mort dans le menu, le footer et le PDF.

Titre exact de la pageAdresse (slug)Créée parModèle de page
Accueil/vousElementor Pleine largeur
Boutique/boutique/WooCommerceModèle par défaut
À propos/a-propos/vousElementor Pleine largeur
Contact/contact/vousElementor Pleine largeur
Panier/panier/WooCommerceModèle par défaut
Validation de commande/validation-commande/WooCommerceModèle par défaut
Mon compte/mon-compte/WooCommerceModèle par défaut
Suivi de commande/suivi-commande/vousElementor Pleine largeur
Questions fréquentes/questions-frequentes/vousElementor Pleine largeur
Politique de confidentialité/politique-de-confidentialite/vousElementor Pleine largeur
Mentions légales/mentions-legales/vousElementor Pleine largeur
Conditions générales de vente/conditions-generales-vente/vousElementor Pleine largeur
  1. Pages Ajouter une page
  2. capture 2
  3. Réglages Lecture
  4. Apparence Menus Accueil · Boutique · À propos · Contact · Mon compte
  5. capture 3
Ce qui prouve que c'est fait
Les deux slugs qui cassent toujours Les accents : « À propos » doit donner a-propos, jamais à-propos. Le suffixe -2 : si un brouillon du même titre existe déjà, WordPress ajoute -2 sans rien dire. Videz la corbeille et les brouillons, puis corrigez le slug à la main.

Poser les fondations SEO

15 min · nouveau

Le référencement ne se rattrape pas au Jour 5 : il se joue sur des décisions prises aujourd'hui — les adresses, la langue, le titre, l'indexation. Voici ce qui se règle maintenant, et ce qui attend une extension SEO.

Ce qui est déjà fait, et qui compte vraiment

Fondation SEOÉtatPourquoi ça compte
URLs lisiblesétape 02Une adresse que l'humain comprend, le moteur la comprend aussi — et elle survit au partage.
Slugs sans accentsétape 03Un accent dans une URL devient une suite de caractères illisible quand on la copie.
Titre + sloganétape 02Ce sont eux que WordPress utilise par défaut dans l'onglet et dans les partages.
Langue françaisefourniIndique la langue de la page aux moteurs et aux lecteurs d'écran.
Un seul H1 par pageJour 2Le titre de la page devient le H1. Deux H1 sur une page brouillent la hiérarchie.
Faviconétape 05Signal de reconnaissance dans l'onglet, les favoris et les résultats mobiles.
  1. Réglages Lecture
  2. Médias Médiathèque

Les textes SEO imposés — prêts à coller

Trois textes différents pour une même page, et on les confond souvent. Le titre SEO s'affiche dans Google et dans l'onglet. La meta description est le paragraphe sous le lien dans Google. Le H1 est le grand titre visible sur la page. Ils ne sont pas interchangeables.

PageTitre SEOMeta descriptionH1 visible
Accueil Boutique Simplon Alumni | Réseau des Alumni Découvrez la boutique du Réseau des Alumni Simplon : objets utiles, textiles, accessoires et ressources carrière pour prolonger le lien après la formation. Le parcours continue. Le réseau aussi.
Boutique Boutique Simplon Alumni | Objets & ressources carrière Découvrez les textiles, accessoires, objets professionnels et ressources carrière de la boutique du Réseau des Alumni Simplon. La boutique du Réseau des Alumni Simplon
À propos Réseau des Alumni Simplon | Après la formation Découvrez l'esprit du Réseau des Alumni Simplon : rester connecté, s'entraider, partager les opportunités et continuer à avancer après la formation. L'esprit Simplon continue après la formation.
Contact Contact | Réseau des Alumni Simplon Contactez le Réseau des Alumni Simplon pour une question liée à la boutique, une commande, un produit ou une ressource carrière. Parlons de votre demande.

Pour mémoire — les adresses des catégories produits

Vous les créerez avec le catalogue, pas aujourd'hui. Elles figurent ici parce qu'un slug de catégorie changé après coup casse les liens du footer.

CatégorieAdresse
Textiles & accessoires Alumni/categorie-produit/textiles-accessoires-alumni/
Papeterie & objets professionnels/categorie-produit/papeterie-objets-professionnels/
Ressources carrière & réseau/categorie-produit/ressources-carriere-reseau/
Ce qui prouve que c'est fait
À signaler au formateur Aucune extension SEO ne figure dans la liste des outils à installer. Ni WordPress seul, ni Elementor, ni Site Kit ne permettent de saisir un titre SEO ou une meta description : Site Kit mesure l'audience, il ne l'écrit pas. Les textes du tableau ci-dessus n'ont donc aujourd'hui aucun champ où aller. Demandez la consigne : faut-il ajouter une extension SEO à la liste, ou ces textes attendent-ils le Jour 2 ? Notez la réponse dans votre PDF — c'est une limite identifiée, pas un oubli de votre part.

Installer l'identité visuelle de base

10 min · médiathèque + favicon

Aujourd'hui vous ne construisez pas le header. Vous préparez les bons fichiers dans la médiathèque et vous posez le favicon — pour que demain, le design n'attende pas après un logo introuvable.

  1. Médias Ajouter un fichier média
  2. Apparence Personnaliser Identité du site
Ce qui prouve que c'est fait
Règle de marque Les deux anneaux entrelacés ne sont jamais étirés, aplatis, recadrés ni recolorés. Pour un fond foncé, on utilise la variante prévue pour fond foncé — on ne recolore pas la variante claire.

Installer le thème et les extensions

30 min · 1 thème, 8 extensions

On ne vous note pas sur le nombre d'extensions installées. On vous note sur votre capacité à dire, en une phrase, à quoi sert chacune. Installez-les une par une, en attendant la fin de chaque activation.

OutilCe qu'il fait, en une phraseOù le prendre
Hello Elementor
thème
Thème volontairement nu : il ne vient pas imposer son design par-dessus le vôtre.Recherche de thèmes
ElementorConstruit les pages visuellement, sans écrire de code.Recherche d'extensions
Elementor Pro ou Pro ElementsDébloque les modèles dynamiques dont le header, le footer et les fiches produits ont besoin.Fichier .zip du formateur
WooCommerceAjoute produits, panier, commandes et comptes clients : c'est la boutique elle-même.Recherche d'extensions
Direct CheckoutRaccourcit le chemin entre l'ajout au panier et le paiement.Recherche d'extensions
WPS Hide LoginRemplace l'adresse de connexion standard par une adresse que vous seul·e connaissez.Recherche d'extensions
LiteSpeed CacheGarde les pages en mémoire pour qu'elles s'affichent plus vite.Recherche d'extensions
Site Kit by GoogleRelie le site aux services Google pour mesurer l'audience. Il mesure, il n'écrit pas le SEO.Recherche d'extensions
Passerelle de paiementPermet le paiement en ligne. Installez uniquement l'extension nommée par le formateur.Consigne du formateur
  1. Apparence Thèmes Ajouter un thème
  2. Extensions Ajouter une extension
  3. Extensions Ajouter Téléverser une extension
  4. Extensions Extensions installéescapture 4
Ce qui prouve que c'est fait
Le piège Chercher « Elementor Pro » dans la recherche d'extensions : il n'y est pas. C'est une extension payante, qui s'installe par téléversement de son .zip. Même chose pour Pro Elements.

Régler Elementor et poser les modèles de page

15 min · 3 interrupteurs + 8 pages

Trois cases à cocher, puis un modèle à poser sur huit pages. Sans les cases, Elementor impose ses couleurs et ses polices par-dessus le design system Simplon. Sans le bon modèle, aucune section ne pourra aller bord à bord — et la maquette imposée en a besoin dès le hero.

  1. Elementor Réglages Général
  2. Elementor Réglages Fonctionnalités
  3. capture 5

Les trois modèles de page du thème Hello Elementor

Le modèle décide de deux choses : si le header et le footer du thème s'affichent, et si le contenu peut sortir du conteneur du thème. On en choisit un seul pour le projet.

ModèleHeader & footerLargeur du contenuPour nous
Elementor Pleine largeur conservés libre, bord à bord C'est celui-là
pour les 8 pages de contenu
Modèle par défaut conservés bridée par le conteneur du thème À laisser sur les 4 pages WooCommerce
Elementor Canevas (ou Toile) supprimés libre, bord à bord Non. Sans header, le menu disparaît et le contrôle de l'étape 03 tombe.
  1. Pages la page Attributs de page ModèleElementor Pleine largeur
  2. Elementor ⚙ Réglages Modèle de page
  3. capture 5
Ce qui prouve que c'est fait
Ce que « pleine largeur » ne veut pas dire Pleine largeur ne signifie pas « texte sur toute la largeur de l'écran ». Le modèle libère la section ; c'est la largeur de contenu d'Elementor qui recadre l'intérieur. Le design system impose 1280px : vous la réglerez au Jour 2 dans les réglages globaux d'Elementor, et les fonds pourront alors aller bord à bord pendant que les textes restent lisibles au centre. Les couleurs et polices globales — rouge #E40046, bleu-vert #00313C, DM Sans, Poppins — se saisissent au même moment.

Configurer WooCommerce pour le Bénin

20 min · 4 valeurs, 4 pages

Quatre valeurs imposées et quatre pages à bien attribuer. Se tromper ici se paye au Brief 4, quand les prix et les frais de livraison seront faux sur tout le catalogue.

RéglageValeur imposée
Pays de la boutiqueBéninRéglages › Général
DeviseFranc CFA BCEAO — XOFRéglages › Général
Unité de poidskgRéglages › Produits
Unité de dimensionscmRéglages › Produits
Pages du parcours d'achatBoutique · Panier · Validation de commande · Mon compteProduits ou Avancé
  1. WooCommerce Réglages Généralfranc CFA BCEAO · XOFcapture 6
  2. WooCommerce Réglages Produitscapture 7
  3. WooCommerce Réglages Avancécapture 8
Ce qui prouve que c'est fait
Le piège XOF est le franc CFA de la BCEAO, Afrique de l'Ouest : c'est le nôtre. XAF est celui de la BEAC, Afrique centrale. Les deux s'affichent « franc CFA » dans la liste déroulante. Cherchez « BCEAO » pour trancher.

Raccourcir le checkout, verrouiller la connexion, activer le cache

20 min · l'étape à risque

C'est la seule étape de la journée qui peut vous enfermer dehors. Faites le test de l'action 4 avant de fermer votre session — pas après.

  1. WooCommerce Direct Checkout
  2. Réglages WPS Hide Login
  3. LiteSpeed Cache Cachecapture 9
Ce qui prouve que c'est fait
Le piège le plus coûteux de la journée Enregistrer la nouvelle URL, puis se déconnecter ou fermer le navigateur sans l'avoir testée. L'accès est perdu, et seul le formateur peut intervenir côté serveur. On teste d'abord, on ferme ensuite. Et si le site casse après un réglage de cache, revenez sur ce réglage avant d'en toucher un autre.

Connecter Site Kit et préparer la passerelle

20 min · dépend d'accès externes

Aucun produit n'existe encore : on ne teste pas un vrai paiement aujourd'hui. On vérifie que la passerelle est installée, activée, en mode test. Le paiement réel se teste au Brief 4, depuis un produit.

  1. Site Kit Tableau de bordétat à documenter
  2. WooCommerce Réglages Paiements
  3. capture sans clés
Ce qui prouve que c'est fait
Le piège Une capture prise vite montre le champ « clé secrète » rempli, même partiellement masqué. Avant de capturer : refermez la section des clés, ou floutez la zone. Ne partagez jamais une clé, même pour demander de l'aide sur un message d'erreur.

Contrôle final du Jour 1

15 min · en navigation privée

Le contrôle se fait en navigation privée, avec les yeux d'un visiteur qui n'a pas votre compte administrateur. C'est la seule façon de voir ce que le formateur verra.

Les deux questions auxquelles vous devez pouvoir répondre

Déposer le livrable

10 min · 1 PDF

Le site est votre production principale. Le PDF sert à une seule chose : permettre au formateur de vérifier votre travail sans avoir vos identifiants. Les neuf captures numérotées dans les étapes ci-dessus sont exactement celles dont il a besoin — prenez-les au moment de l'étape, pas à la fin.

  1. Prenom_Nom_Brief1.pdf

Les neuf pièces du PDF

  1. L'adresse de votre site WordPress personnel.
  2. Les captures des pages créées, et du menu principal.
  3. La liste des extensions actives.
  4. Les réglages WooCommerce essentiels : Bénin, XOF, kg, cm, pages système.
  5. La preuve que la passerelle est installée, active et visible au checkout — sans aucune clé ni secret visible.
  6. La preuve que WPS Hide Login est configuré — sans afficher l'URL secrète.
  7. La preuve que le cache est actif.
  8. L'état de Site Kit, et la note écrite si un accès Google a manqué.
  9. La liste des vérifications que vous avez réellement faites avant de déposer — plus la consigne reçue sur le SEO et l'indexation.
Le dernier contrôle avant d'envoyer Relisez votre PDF page par page en cherchant une seule chose : un mot de passe, une clé, un jeton, une licence ou votre URL de connexion secrète qui aurait survécu dans un coin de capture. Un recadrage ne suffit pas toujours — vérifiez aussi les barres d'adresse et les titres d'onglets visibles en haut des images.