Documentation Retail Lab

Guide complet et interactif pour Cheil & Samsung

🚀

Fonctionnalités & Personnalisations

Découvrez toutes les fonctionnalités du site Retail Lab, du front-office au back-office.

🛠️

Mode d'emploi Administrateurs

Guide pas-à-pas pour la gestion des contenus et l'administration du site.

🔖

Plan de Tagging

Système de tags FR/EN pour organiser et catégoriser les contenus.

🚨 Support Illimité
+

Contact Owl Agency

  • Email : contact@owl-agency.io
  • WhatsApp urgence : 06 08 21 63 15
⚠️ À changer par Cheil / Samsung IT
+

Les points suivants doivent être gérés par l'IT, pour transfert total de propriété et raisons de sécurité

  • ⚠️ Espace de stockage UpdraftPlus : actuellement configuré sur notre espace Dropbox --> à réintégrer sur un espace Cheil / Samsung.
  • ⚠️ Prise en main de la connexion sécurisée AuthO : il reste une configuration à faire par l'IT (déjà envoyée) pour éviter les mises en spam et un transfert de propriété à effectuer (non critique)

🚀 Fonctionnalités & Personnalisations

Le site Retail Lab combine une identité visuelle forte, une expérience utilisateur fluide et un back-office robuste.

🔹 Front-office
+

Charte graphique Cheil intégrée

Le site reprend l'identité visuelle du Retail Lab : logos, palette de couleurs et typographies. Cela garantit une cohérence totale avec la communication du groupe.

Déclinaisons visuelles par rubrique

  • Retail Radar
  • Woow Retail
  • Retail in Motion
  • Retail Staging
  • Retail Mood
  • Retail Next

Site multilingue (FR / EN)

Grâce à Polylang, l'intégralité du site est disponible en français et en anglais avec des bascules de langue fluides.

Pages statiques

Les pages fixes (Accueil, Mentions légales, Protection des données) structurent le site et apportent toutes les informations institutionnelles nécessaires.

Fonctionnalités des articles

  • Navigation "Article suivant/précédent"
  • Articles liés pour navigation transversale
  • Boutons J'aime et Bookmark
  • Barre de progression de lecture
  • Estimation du temps de lecture
  • Affichage des derniers articles
🔹 Back-office
+

Installation WordPress sur OVH

Installation sécurisée de WordPress avec le thème JNews et child theme pour la stabilité.

Plugins essentiels configurés

  • Polylang Free : gestion des traductions FR/EN
  • Loco Translate Free : traductions spécifiques
  • Wordfence Security : protection avancée
  • WP Super Cache : optimisation performances
  • Smush : compression images
  • MailPoet : newsletters
  • Koko Analytics : statistiques internes
  • Duplicate Post : duplication rapide d’articles et de pages

Points d'attention ⚠️

  • UpdraftPlus : rapatrier les sauvegardes sur stockage Cheil
  • Login by Auth0 : configuration à finaliser
📱 Responsive Design
+

Le site est entièrement optimisé pour desktop, tablette et mobile. Les mises en page et éléments graphiques s'adaptent automatiquement à la taille de l'écran.

Menus personnalisés et "sticky"

Les menus et headers ont été personnalisés selon la charte graphique du Retail Lab. Le menu header reste apparent au scroll sur tous les supports.

🛠️ Mode d'emploi Administrateurs

Guide complet pour la gestion des contenus et l'administration du site Retail Lab.

🔐 Connexion & Interface
+

Connexion

  • URL : https://retail-lab.cheil.fr/wp-admin
  • Identifiants WordPress créés lors de la première connexion
  • Accès au tableau de bord après connexion

Tableau de bord

Le menu de gauche permet d'accéder aux articles, pages, médias et traductions. La page d'accueil donne une vue générale avec les articles récents et raccourcis.

📝 Création d'articles par duplication (3.1)
+

Méthode rapide recommandée

  1. Repérer un article dont vous voulez dupliquer le format
  2. Aller dans la section Articles
  3. Retrouver votre article en version FR
  4. En le survolant, cliquer sur "Dupliquer cela"
  5. Cliquer sur "Modification rapide" :
    • Changer le titre et l'auteur
    • Cocher la catégorie (prendre la première pour FR)
    • Saisir 1 à 3 étiquettes (complétion automatique)
  6. Ne pas oublier de cliquer sur "Mettre à jour"
  7. Cliquer sur "Modifier avec Elementor" et modifier les blocs
🌐 Mise en ligne des traductions (3.2)
+

Processus de traduction

  1. Une fois l'article FR créé, le retrouver dans la liste des articles
  2. Le dupliquer et créer la version EN (changer titre et textes)
  3. Retourner dans la liste des articles
  4. Survoler le titre de l'article FR et cliquer sur "Modifier"
  5. Dans la sidebar de droite, onglet Article, descendre jusqu'aux options "Langues"
  6. Dans la cellule sous Traductions, à côté du drapeau US, saisir le début du titre EN
  7. Valider quand il apparaît et Publier

⚠️ ATTENTION
Cette étape est critique pour le bon fonctionnement du système multilingue.

🖼️ Gestion des médias
+

Ajouter un média

  • Dans un article : cliquer sur "Ajouter un média"
  • Ou via le menu Médias > Ajouter
  • Formats recommandés : JPG/PNG/Webp optimisés
  • Compression automatique par Smush

Bonnes pratiques

  • Poids maximum conseillé : 200 Ko par image
  • Intégration de vidéos YouTube ou téléchargées
📥 Gestion des téléchargements
+

Une page téléchargements est à disposition des utilisateurs du site.

Accès et gestion

  • Section disponible dans l'admin, menu Téléchargements
  • Interface intuitive pour Ajouter, Modifier, Dupliquer, Supprimer
  • Gestion des traductions EN possible

⚠️ ATTENTION
Les PDFs "Le street marketing dans le retail" et "Le marketing du luxe" ont été rédigés par une IA à des fins de démonstration. Ne pas oublier de les supprimer.

🔧 Entretien technique
+

🔒 Tâches OVH (attribuées à l'IT Samsung)

  • Création/modification des bases de données MySQL
  • Gestion des comptes FTP
  • Paramétrage des DNS
  • Certificat SSL (HTTPS)
  • ⚠️ Mise à jour de la version PHP
  • Monitoring serveur (RAM, CPU)

✅ Ce que peut faire Owl Agency

  • Envoyer/remplacer des fichiers (thème, plugins, images)
  • Modifier le code (PHP, CSS, JS)
  • Déposer des fichiers de configuration
  • Télécharger des sauvegardes
  • Toutes les manipulations admin WordPress

⚠️ IMPORTANT
Owl Agency est à votre disposition gratuitement pour toutes les demandes ponctuelles, problèmes d'utilisation, questions techniques. N'hésitez pas à nous contacter !

☢️ Zone de danger
+

Les personnalisations suivantes ont été réalisées pour coller aux demandes de Cheil et pour répondre à la contrainte de gratuité du site. Elles sont réalisées dans les règles de l'art et n'engendreront pas de problèmes techniques ni de mises à jour.

Personnalisations CSS

  • Accessibles via Apparence > Personnaliser > CSS additionnel
  • ⛔️ Ne pas modifier sans compétences techniques
  • Menu sticky mobile
  • Masquage de la barre d’admin en mobile
  • Masquage de la barre de progression JNews en mobile
  • Header mobile fixé en haut (fond et ombre)
  • Réserve d’espace via body.menu-stuck-padding
  • Ajustement sticky avec la barre d’admin (.admin-bar)
  • Augmentation de la hauteur de la barre de progression JNews
  • Masquage des partages et du compteur
  • Masquage des posts liés in-article
  • Masquage global des catégories
  • Ré-affichage et repositionnement des catégories sur les blocs hero + style de badge
  • Déclaration @font-face de la famille Prompt (100→900, normal + italic)
  • Déclaration @font-face de la famille Trirong (100→900, normal + italic)

Personnalisations Javascript

  • Accessibles via Apparence > Personnaliser > Additionnel Javascript ou Apparence > Editeur de thèmes et de fichiers > functions.php
  • ⛔️ Ne pas modifier sans compétences techniques
  • Mesure la hauteur du menu et la met à jour.
  • Détecte quand on descend dans la page pour coller le menu en haut.
  • Ajoute ou retire l’état « collé » du menu.
  • Ajoute ou retire un petit espace en haut pour ne pas masquer le contenu.
  • S’adapte si la taille de l’écran change.
  • Charge le style du thème parent.
  • Autorise l’envoi des polices .woff et .woff2.
  • Remplace certains mots du thème en français.
  • Ajoute le shortcode [mes_favoris] qui liste vos favoris dans la bonne langue.

🔖 Plan de Tagging

Set de 10 tags FR et EN créé à partir du corpus de 14 articles transmis par Cheil à Owl Agency.