Manuel administrateur

Guide complet pour gérer le catalogue, les commandes et les comptes.

Sommaire

  1. Se connecter en admin
  2. Comprendre les onglets
  3. Dashboard
  4. Gérer les produits
  5. Gérer les visuels
  6. Familles, séries, régions
  7. 🔥 Top ventes par région
  8. Valider les commandes
  9. Mercuriales (catalogues clients)
  10. Gérer les comptes clients
  11. Activer / désactiver
  12. Annuler une action (Cmd+Z)
  13. Exporter / sauvegarder
  14. Mettre à jour le site
  15. Conventions

1. Se connecter en admin

  1. Allez sur https://editions-b-commandes.pages.dev/admin.html
  2. Saisissez votre identifiant administrateur.
  3. Une bordure dorée apparaît : vous êtes en mode admin.
🔒 L'accès admin est strictement réservé. Pour ajouter un nouvel administrateur, contactez votre développeur (création manuelle dans Supabase requise).

2. Comprendre les onglets

La barre du haut donne accès à 12 onglets.

OngletRôle
📊 DashboardVue d'ensemble : KPI, alertes, activité
📦 ProduitsListe des produits (cartes, magnets, mugs…)
🖼 VisuelsBibliothèque visuelle
🗂 FamillesRegroupements de produits
🎨 SériesCollections thématiques
🗺 RégionsZones géographiques
🔥 Top ventesBestsellers par région (auto + manuel)
⏳ Pré-cdesCommandes à valider
📈 StatsIndicateurs de vente
📚 CataloguesMercuriales personnalisées
👥 ComptesClients et sous-utilisateurs
⬇ ExportSauvegarde / restauration

3. Dashboard

Votre point d'entrée :

4. Gérer les produits

Onglet 📦 Produits. Un produit = un format (ex : Carte postale 15×10).

Créer un produit

  1. Cliquez + Nouveau produit.
  2. Renseignez : code, nom, famille, taille, prix HT, minimum.
  3. Cliquez Enregistrer.

Édition rapide

Cliquez directement sur les cellules du tableau pour modifier en ligne. Pour une édition complète, cliquez sur ✏️.

Édition en lot

Cochez plusieurs produits → la barre d'actions apparaît : augmenter/baisser les prix d'un pourcentage, supprimer en lot, etc.

5. Gérer les visuels

Onglet 🖼 Visuels. Le cœur du catalogue (1100+ visuels).

Filtres

Ajouter une photo

Glissez-déposez directement votre photo dans la cellule photo. Le watermark « éditions B. » est appliqué automatiquement.

Réordonner

Attrapez la poignée à gauche d'une ligne et glissez où vous voulez. L'ordre est sauvé automatiquement.

💡 Le nom de fichier suit le format CODE_REGION_SUJET.jpg. C'est géré automatiquement, ne vous en préoccupez pas.

6. Familles, séries, régions

Pour chaque entité : nom, icône, position d'affichage, et bouton activer / désactiver.

OngletDescriptionFamilles actuelles
🗂 FamillesTypes de produits7 : Illustrations, Cartes postales, Magnets, Plateaux, Puzzles, Porte-clés, Décoration
🎨 SériesStyles graphiques8 : Classique, Stripes, Pop Blue, Pop Pink, Versailles, EMU, Culture, Sport
🗺 RégionsZones géographiques14 : Paris, Bretagne, Normandie, Pays Basque, Landes, Gironde, Pyrénées, Occitanie, Sud-Est, Charente, Grand Est, Corse, Espagne, France

7. 🔥 Top ventes par région NEW

Onglet 🔥 Top ventes. Le portail calcule automatiquement les 20 visuels les plus commandés sur 30 jours, par région.

  1. Choisissez une région dans le sélecteur.
  2. La liste des 20 top ventes s'affiche.
  3. Glissez-déposez (ou ↑↓) pour réordonner manuellement.
  4. Cliquez 📌 pour épingler un visuel : il restera en place malgré les recalculs auto.
  5. Cliquez 🗑 pour retirer un visuel.
  6. Bouton ↻ Recalculer pour forcer le calcul auto à partir des commandes.
💡 Le top se met à jour automatiquement à chaque nouvelle commande. Les visuels désactivés sont exclus.

8. Valider les commandes clients

Onglet ⏳ Pré-cdes. Le badge devient orange quand des commandes attendent.

  1. Cliquez sur une commande pour voir le détail.
  2. Examinez : client, lignes, total, note.
  3. Choisissez : Valider, Modifier, Refuser, ou Confirmer partiellement.
  4. Le client est notifié automatiquement.

Confirmation partielle

Si certaines quantités ne sont pas disponibles : confirmez le disponible et placez le reste en reliquat. Le client voit clairement les deux infos.

9. Mercuriales (catalogues clients)

Une mercuriale définit ce que voit chaque client. Exemple : un musée ne voit pas les produits sportifs.

  1. Onglet 📚 Catalogues+ Nouvelle mercuriale.
  2. Renseignez : nom, régions, styles, familles autorisés.
  3. Définissez : prix visibles, commandes activées.
  4. Affectez la mercuriale dans la fiche client.

10. Gérer les comptes clients

Onglet 👥 Comptes.

Créer un client

  1. Cliquez + Nouveau client.
  2. Renseignez : login, nom commercial, contact, email, profil.
  3. Définissez : remise, franco, minimum, délai de paiement.
  4. Choisissez la mercuriale.

Créer un compte de connexion NEW

Pour permettre à un nouvel utilisateur de se connecter (employé, sous-utilisateur grand compte, etc.) :

  1. Onglet 👥 Comptes → bouton doré 🔐 Créer un compte de connexion.
  2. Renseignez : login (ex: bastien), mot de passe (≥ 8 caractères), nom complet.
  3. Sélectionnez le client business auquel rattacher ce compte.
  4. Choisissez le rôle : Admin, Acheteur ou Lecture seule.
  5. Cliquez Créer le compte — l'utilisateur peut se connecter immédiatement.
💡 La création est entièrement automatique : compte d'authentification Supabase + liaison à la fiche client en un seul clic.

Sous-utilisateurs (grands comptes)

Pour les grands comptes (ex: Galeries Lafayette), créez plusieurs comptes de connexion rattachés au même client business avec des rôles différents.

11. Activer / désactiver

Tous les éléments (produits, visuels, familles, séries, régions, mercuriales) peuvent être désactivés sans être supprimés.

Quand utiliser ?

Comment ?

Bouton ✓ Actif dans chaque ligne du tableau. Cliquez : il devient ⊘ Inactif et l'élément est masqué côté client.

💡 Désactivé ≠ supprimé. Vous pouvez réactiver à tout moment.

12. Annuler une action

Bouton ↶ Annuler en haut à droite, ou raccourci Cmd+Z (Mac) / Ctrl+Z (Windows).

⚠ L'undo couvre uniquement le catalogue (produits, visuels, etc.). Il ne restaure pas les modifications de comptes clients ou de mercuriales.

13. Exporter / sauvegarder

Onglet ⬇ Export.

Sauvegarde complète (JSON)

Bouton Exporter tout (JSON) : télécharge un fichier de sauvegarde du catalogue. Conservez-le avant chaque grosse modification.

Restaurer

Bouton Importer JSON → choisir un fichier d'export. Le catalogue actuel est écrasé.

Bon de commande PDF

Vous pouvez générer un BDC PDF formaté pour chaque commande, utilisable en interne ou avec le fournisseur.

14. Mettre à jour le site

Quand votre développeur fait des modifications :

  1. Le développeur prépare un dossier _deploy.
  2. Ouvrez Terminal (Cmd+Espace, tapez « Terminal »).
  3. Tapez : cd "/Users/[votre-user]/Desktop/Bon de commande copie"
  4. Puis : npx wrangler pages deploy _deploy --project-name=editions-b-commandes
  5. Attendez « Deployment complete ». L'URL stable reste editions-b-commandes.pages.dev.
💡 Le site est mis à jour en quelques minutes (selon la taille du dossier images).

15. Conventions

Codes visuels

Format : NNNN_REGION_SUJET.jpg

Préfixes par région

PréfixeRégion
2100Paris
2200Bretagne / Pays Basque
2400Normandie
2500Landes
2600Occitanie
2700Sud-Est
2800Espagne
2900France (culture générale)
3000Gironde
3100Pyrénées
3200Corse

Watermark

Le watermark « éditions B. » est appliqué automatiquement à toute nouvelle photo. Toutes les photos existantes sont déjà watermarkées.

Dernière mise à jour : 29 avril 2026