Simplon Bénin Création de site e-commerce avec WordPressAtelier pratique · Brief 1
0 %
0 / 12 étapes 0

Brief 01 — Première séance

Posez les bases solides de votre boutique WordPress.

Configurez votre environnement WordPress, préparez la structure du site, installez les outils essentiels et validez chaque réglage avant de commencer la conception de votre boutique.

Ce qui sera prêt quand vous aurez terminé

À la fin de cette séance, votre environnement WordPress sera sécurisé, structuré, connecté aux outils nécessaires et prêt pour la conception de la boutique.

Qu'est-ce que je fais ?
Je prends en main mon installation WordPress, je la sécurise, je la configure et je la complète pour la boutique Simplon — Réseau des Alumni.
Pourquoi ?
Tout le reste du projet dépend de cette base : URLs, pages WooCommerce, extensions, devise, accès, cache, paiement, IA.
Comment je valide ?
12 étapes, chacune avec ses actions et ses vérifications. Vous validez, vous débloquez la suivante.

Vos identifiants

Accéder à votre site WordPress

Chaque apprenant dispose d'un site personnel déjà associé à son profil administrateur. Utilisez uniquement le site qui vous a été attribué. Recherchez votre nom, votre e-mail ou l'adresse de votre site.

20 comptes. La recherche fonctionne avec le prénom, le nom, l'e-mail ou l'URL du site, avec ou sans accents.

    Vous ne repartez pas de zéro

    Ce qui est déjà préparé pour vous

    Chaque environnement est volontairement propre. Vous installez uniquement ce qui est nécessaire au projet et vous vérifiez ce qui est déjà en place, sans le refaire.

    WordPress est installéVotre site personnel est en ligne et associé à votre profil administrateur.
    WordPress est en françaisLa langue du site est déjà configurée. Vous la vérifiez à l'étape 02.
    Votre profil est renseignéVotre vrai prénom, votre nom et votre adresse e-mail sont déjà dans Utilisateurs → Profil.
    Fuseau horaire Cotonou / Porto-NovoLes dates de publication correspondent à l'heure locale.
    Commentaires fermés par défautLes nouveaux contenus n'acceptent pas de commentaires.
    Aucun thème ni extension superflueRien d'inutile n'est installé. Vous ajoutez seulement les outils du Brief 1.

    Contexte professionnel

    Vous êtes l'intégrateur WordPress du projet

    Vous prenez en charge la préparation technique de la boutique officielle « Simplon — Réseau des Alumni », un site e-commerce qui sera évalué comme un véritable projet professionnel. Vous intervenez aujourd'hui comme intégrateur ou intégratrice WordPress chargé(e) de préparer un environnement stable, propre et professionnel.

    Pourquoi cette séance compte

    La suite du projet dépend directement de cette étape. Une mauvaise configuration crée des problèmes difficiles à corriger plus tard :

    • Les URLs : une adresse WordPress modifiée ou des permaliens changés cassent tout le site.
    • Les réglages WordPress : titre, slogan, langue, fuseau, page d'accueil.
    • Les pages WooCommerce : une page mal attribuée bloque le parcours d'achat.
    • Les extensions : un outil manquant ou en double se paie au moment du design.
    • La devise : XOF, pas XAF, sinon tout le catalogue s'affiche dans la mauvaise devise.
    • Les accès utilisateurs : un mot de passe partagé, une URL de connexion non testée.
    • Le cache : mal réglé, il masque vos modifications ou casse l'affichage.
    • La configuration du paiement : une passerelle en mode réel ou des clés exposées.
    • Les intégrations IA : un agent autorisé à modifier sans vérification préalable.
    Le but n'est pas d'installer le plus grand nombre d'extensions. Chaque outil installé doit servir un objectif clair.Vous devez pouvoir dire, en une phrase, à quoi sert chaque outil important, et montrer où se trouve son réglage.

    Le problème professionnel à résoudre

    Comment prendre en main un environnement WordPress déjà préparé, sécuriser votre accès, vérifier les réglages fournis et compléter la configuration e-commerce sans créer de problèmes pour les étapes suivantes ?

    Utiliser l'IA correctement

    Vous pouvez utiliser l'intelligence artificielle pour :

    • comprendre un réglage WordPress ou une option d'extension ;
    • comprendre un message d'erreur ;
    • comparer plusieurs solutions ;
    • localiser une documentation ;
    • vérifier qu'une approche est possible.

    En revanche : vous restez responsable de chaque modification. Toute réponse de l'IA se vérifie dans votre interface. Vous devez savoir où se trouve le réglage et pouvoir expliquer ce qui a été configuré.

    1

    Ne modifiez jamais les deux adresses

    Dans Réglages → Général, les champs « Adresse web de WordPress » et « Adresse web du site » ne se touchent pas. Ces deux valeurs déterminent l'adresse principale de votre installation WordPress. Une mauvaise modification peut rendre votre site inaccessible.

    2

    Votre site est public

    Ne publiez jamais un mot de passe personnel, une information confidentielle, une clé API privée, un identifiant secret de paiement, un mot de passe d'application ou un jeton d'accès. Ni sur le site, ni dans un message, ni dans une conversation avec une IA.

    3

    En cas de problème

    1. Ne réinstallez pas WordPress.
    2. Ne supprimez pas l'environnement.
    3. Ne réinitialisez pas l'installation.
    4. Prenez une capture d'écran claire.
    5. Copiez l'URL exacte de la page.
    6. Envoyez ces deux éléments au formateur.

    Cadre pédagogique

    Objectif, livrables, critères, évaluation

    Tout le cadre du Brief 1, à consulter quand vous en avez besoin. Les étapes ci-dessous en sont la mise en pratique.

    01Objectif pédagogique

    À la fin du Brief 1, vous devez être capable de :

    • préparer un environnement WordPress ;
    • configurer WordPress (réglages généraux, permaliens, pages, menu, identité) ;
    • préparer WooCommerce (localisation, devise, unités, pages système) ;
    • installer les extensions nécessaires et uniquement celles-là ;
    • vérifier votre configuration après chaque modification ;
    • connecter les outils externes utiles (Site Kit et Google Analytics, passerelle de paiement, Novamira) ;
    • utiliser l'IA de manière appropriée, en lecture seule d'abord ;
    • expliquer les choix importants que vous avez faits.
    02Livrables attendus

    À la fin du brief, vous devez disposer de :

    • votre installation WordPress personnelle vérifiée, sécurisée et accessible ;
    • les douze pages avec les titres et slugs exacts fournis dans l'étape Pages et navigation, avec « Elementor pleine largeur » et « Masquer le titre » uniquement pour les huit pages créées manuellement ; modèle et affichage du titre des quatre pages WooCommerce inchangés, sans contenu de démonstration ;
    • le menu principal Accueil · Boutique · À propos · Contact · Mon compte, complété par un accès provisoire au Panier ;
    • le logo « Simplon — Réseau des Alumni », ses variantes utiles et le favicon fournis dans les ressources ;
    • Hello Elementor, Elementor, Pro Elements, WooCommerce et FeexPay (passerelle de paiement externe), installés et actifs ;
    • Direct Checkout for WooCommerce configuré pour simplifier le checkout en conservant les champs utiles ;
    • WPS Hide Login configuré avec une nouvelle URL de connexion connue uniquement de vous ;
    • LiteSpeed Cache installé et configuré pour le cache ;
    • Site Kit by Google installé et connecté à votre propre compte Google, avec Google Analytics ;
    • WooCommerce configuré pour le Bénin, en franc CFA BCEAO (XOF, sans décimales), avec kg/cm, les pages système et les pages légales attribuées, le site en ligne et la création de compte client autorisée ;
    • la passerelle FeexPay intégrée et activée dans WooCommerce, en mode test, avec les identifiants fournis par le formateur ;
    • le paiement à la livraison et le virement bancaire identifiés comme moyens complémentaires à finaliser plus tard ;
    • Novamira Free et Novamira Pro actifs, votre client IA connecté et une vérification en lecture seule réalisée ;
    • la capacité d'expliquer, en une phrase, le rôle de chaque outil installé. Aucune capture d'écran, aucun document à rendre : le formateur vérifie directement sur votre site.
    03Modalités pédagogiques

    Cette première séance pratique est dédiée à la préparation de la base du site e-commerce WordPress. Le travail est principalement individuel, car chacun construit sa propre boutique.

    Vous commencez par identifier les tâches à réaliser avant d'ouvrir WordPress (étape 00). Pendant la réalisation, vous cherchez, testez et vérifiez vos réglages. La documentation WordPress, WooCommerce, Elementor et celle des extensions fait partie de votre environnement de travail : elle est accessible depuis le Centre de ressources.

    Vous pouvez utiliser l'intelligence artificielle comme assistant pour comprendre une option, reformuler une erreur ou comparer plusieurs solutions. En revanche, vous restez responsable des réglages effectués : vous devez pouvoir montrer où ils se trouvent et expliquer leur rôle.

    Un contrôle entre pairs est réalisé avant la vérification du formateur (étape 11). Un autre apprenant vérifie votre menu, vos pages, la navigation et la cohérence générale. Vous corrigez ensuite les problèmes détectés. Le formateur intervient comme facilitateur : il questionne, oriente et aide à débloquer, mais ne réalise pas la configuration à votre place.

    04Critères de performance

    Votre travail sera considéré comme satisfaisant si :

    • le site est accessible et ne présente pas de contenu de démonstration inutile ;
    • le mot de passe provisoire a été changé, le profil est correct et les réglages déjà fournis ont été vérifiés ;
    • les permaliens sont réglés sur « Titre de la publication » (/%postname%/) ;
    • dans Tableau de bord → Accueil → Options de l’écran, toutes les cases sont décochées pour masquer les widgets ;
    • les pages demandées existent et la page d'accueil est correctement définie ;
    • le menu principal fonctionne et renvoie vers les bonnes pages ;
    • le logo et le favicon sont correctement intégrés ;
    • les extensions demandées sont installées, actives et utilisées pour une raison identifiable, y compris l'extension de la passerelle de paiement externe ;
    • les pages Boutique, Panier, Validation de commande et Mon compte sont correctement attribuées dans WooCommerce ;
    • WooCommerce utilise Bénin, XOF, kg et cm conformément aux valeurs imposées ;
    • la nouvelle URL de connexion fonctionne ;
    • le cache est activé sans casser le fonctionnement du site ;
    • Site Kit est connecté à votre propre compte Google Analytics ;
    • la passerelle FeexPay est activée en mode test avec les identifiants fournis par le formateur ;
    • Novamira Free et Novamira Pro sont actifs et la vérification IA en lecture seule a été réalisée.
    05Compétences visées
    • préparer et configurer un environnement WordPress ;
    • vérifier les réglages généraux et choisir « Titre de la publication » pour les permaliens ;
    • créer et structurer les pages essentielles d'un site ;
    • installer, activer et configurer des extensions selon un besoin ;
    • configurer les paramètres essentiels de WooCommerce ;
    • appliquer des pratiques simples de sécurisation de l'accès administrateur ;
    • mettre en place un mécanisme de cache ;
    • préparer la mesure d'audience avec Site Kit by Google et Google Analytics ;
    • connecter un agent IA à WordPress de façon contrôlée et vérifier ses réponses ;
    • contrôler votre propre configuration avant la vérification du formateur ;
    • rechercher une solution, tester, documenter et expliquer vos choix.
    06Mission détaillée

    Vous devez préparer votre site de manière suffisamment claire pour qu'une autre personne puisse reprendre votre travail demain sans devoir recommencer vos réglages. Tout ce qui est demandé doit être réalisé dans l'ordre des 12 étapes ci-dessous, de l'étape 00 à l'étape 11. Après chaque modification, enregistrez puis vérifiez immédiatement le résultat. Vous ne devez jamais attendre la fin de la séance pour découvrir qu'un réglage ne fonctionne pas.

    Les 12 étapes

      07Restitution et évaluation

      Le formateur peut vous demander une démonstration courte sans préparation : montrer un réglage, expliquer le rôle d'une extension, ouvrir les pages WooCommerce ou justifier une décision.

      L'évaluation porte autant sur la production que sur votre capacité à comprendre ce que vous avez configuré. Une extension installée sans compréhension ou un réglage copié sans vérification ne suffit pas.

      08Checklist finale et vérification par le formateur

      Avant de rendre la main, vérifiez que toutes les pages demandées existent, que le menu fonctionne, que la page d'accueil est définie, que le logo et le favicon sont visibles, que les extensions demandées sont actives, que WooCommerce utilise les bonnes pages, que la passerelle de paiement externe est activée en mode test ou sandbox, que la nouvelle URL de connexion fonctionne, que Site Kit et Google Analytics sont connectés, que Novamira fonctionne, qu'aucun identifiant sensible n'est exposé et que le site s'ouvre correctement en navigation privée.

      Le site WordPress constitue votre production principale et votre seul livrable : le formateur le vérifie directement en ligne. Il n'y a aucun document à déposer. La checklist finale récapitule ce qu'il regardera.

      Le parcours

      12 étapes à valider

      De 00 à 11, dans l'ordre. Chaque étape distingue les actions obligatoires, les vérifications, les ressources utiles, les avertissements, les informations optionnelles et ce qui dépend du formateur. Validez une étape pour débloquer la suivante. Les étapes validées restent accessibles.

      Mode focus. Seule l'étape en cours est affichée. Les avertissements critiques, les téléchargements de l'étape et l'aide restent disponibles.

      Fin du Brief 1

      Le site, la checklist finale et le prompt final

      Le site WordPress est votre production principale et votre seul livrable : le formateur le vérifie directement en ligne. Aucune capture d'écran, aucun document à rendre. La checklist ci-dessous récapitule ce qu'il regardera.

      Checklist finale

      Mise à jour automatiquement à partir de vos validations. Tout doit être coché avant de rendre la main.

        Ce que le formateur vérifie sur votre site

        Il ouvre votre site public et votre administration WordPress, et contrôle dans cet ordre :

        1. 1Le site s'ouvre en navigation privée avec le bon titre, le slogan et le favicon.
        2. 2Les 12 pages existent sans contenu de démonstration ; les huit pages créées manuellement utilisent Elementor pleine largeur avec Masquer le titre activé, les quatre pages WooCommerce conservent leur modèle et leur affichage du titre ; la page d'accueil est statique, le menu suit l'ordre imposé, Panier est accessible en dernière position.
        3. 3Les inscriptions sont ouvertes (« Tout le monde peut s'inscrire »).
        4. 4Hello Elementor, Elementor, Pro Elements et toutes les extensions demandées sont actifs, sans Elementor Pro.
        5. 5Elementor, WooCommerce (Bénin, XOF sans décimales, kg, cm, pages système et légales, site en ligne, comptes clients) et FeexPay en mode test sont configurés.
        6. 6WPS Hide Login, le cache, Site Kit avec votre Google Analytics, Novamira Free et Pro avec la connexion IA fonctionnent.
        7. 7Vous expliquez le rôle de chaque outil installé, et le retour du contrôle entre pairs a été traité.

        Après l'étape 11

        Terminer et auditer le Brief 1 avec votre agent IA

        Une fois la connexion Novamira établie et l'audit en lecture seule vérifié (étape 10), vous pouvez confier à votre agent IA (OpenCode, Codex ou Claude Code) l'audit complet du Brief 1 et la finalisation des réglages manquants. Copiez le prompt ci-dessous et collez-le dans votre client IA connecté.

        Rappel de sécurité

        Vérifiez qu'une sauvegarde existe. L'agent ne doit jamais modifier WordPress Address ni Site Address, ne doit rien supprimer d'utile et doit vérifier l'effet réel de chaque changement dans WordPress. Relisez son rapport et contrôlez vous-même chaque point : vous restez responsable du site. Ne lui donnez jamais une clé secrète, un mot de passe ou l'URL de connexion.

        Centre de ressources

        Ressources du Brief 1

        Tout ce qui est nécessaire au Brief 1, au même endroit : valeurs à saisir, logos, favicon, extensions, liens et prompts. Chaque ressource est aussi affichée dans l'étape où elle sert.

        Pack complet

        Tout le Brief 1 en un seul fichier

        Uniquement ce qu'il faut pour réussir ce Brief 1 : logos et favicons, extensions à téléverser, valeurs exactes, configuration FeexPay, procédure Site Kit, workflows Novamira, prompts et séquence d'exécution pour un agent IA. Archive Alumni-WordPress-Ressources-Brief-1.zip (8,7 Mo).

        Télécharger les ressources du Brief 1

        Rechercher dans le Brief 1

        En cas de problème

        Bloqué, une erreur, un écran inattendu ? Voici exactement quoi faire.

        1. Ne réinstallez pas WordPress.
        2. Ne supprimez pas l'environnement.
        3. Ne réinitialisez pas l'installation.
        4. Prenez une capture d'écran claire de l'erreur ou de l'écran concerné (sans mot de passe ni clé visible).
        5. Copiez l'URL exacte de la page où le problème apparaît.
        6. Envoyez ces deux éléments au formateur, avec l'adresse de votre site.

        Rappel

        Une réinstallation efface tout ce qui était déjà validé. Le formateur intervient comme facilitateur : il aide à débloquer, il ne configure pas à votre place.

        Réinitialiser toute la progression ?

        Toutes les cases cochées, les étapes validées, les points et les jalons seront effacés sur cet appareil. Votre site WordPress n'est pas concerné. Cette action est irréversible.

        Étape validée