đž Guide d'utilisation Resyne - Administration
Bienvenue dans votre espace d'administration Resyne !
Ce guide vous explique comment gérer votre boutique en ligne : ajouter des produits, consulter les
commandes, organiser vos ateliers etc...
đ Table des matiĂšres
- Se connecter
- Ajouter un nouveau bouquet
- Gérer les bouquets séchés et leurs
tailles
- Ajouter un objet artisanal
- Créer et gérer un atelier
- Consulter les commandes
- Modifier le contenu des pages
- Gérer les catégories
- Télécharger et organiser vos photos
- Questions fréquentes
Se connecter
Accéder à l'administration
- Ouvrez votre navigateur (Chrome, Safari, Firefox...)
- Allez sur : https://admin.resyne.be
- Entrez votre email et mot de passe
- Cliquez sur "Se connecter"
đĄ Astuce : Mettez cette page en favori pour y accĂ©der rapidement !
L'interface d'administration
Une fois connecté, vous verrez le menu principal sur la gauche :
đŠ Content Manager â GĂ©rer vos produits et contenu
đŒïž Media Library â Vos photos
âïž Settings â Configuration (rarement utilisĂ©)
Ajouter un nouveau bouquet
Bouquets frais (prix unique)
Ătape 1 : CrĂ©er le bouquet
- Dans le menu de gauche, cliquez sur "Content Manager"
- Trouvez "Flowers" dans la liste
- Cliquez sur le bouton bleu "Create new entry" en haut Ă droite
Ătape 2 : Remplir les informations
| Champ |
Quoi mettre ? |
Exemple |
| Title â |
Nom de votre bouquet |
"Le Printanier" |
| Flower Type â |
Choisir "fresh" (bouquet frais) |
fresh |
| Price â |
Prix en euros (ne pas mettre le symbole âŹ) |
45.00 |
| Description (sauf pour les fleurs sĂ©chĂ©es oĂč elle n'est pas affichĂ©e) â |
Texte de présentation du bouquet |
"Un bouquet champĂȘtre aux couleurs douces..." |
| Main Image â |
Photo principale (celle qu'on voit en premier) |
Cliquez sur "Browse" â Choisissez votre photo |
| Images |
Autres photos (galerie) |
Ajoutez plusieurs angles de vue |
| Categories |
Dans quelle(s) catégorie(s) ? |
"Bouquets de saison", "Petits prix"... |
| Visible on Home Page |
Afficher sur la page d'accueil ? |
Cochez si oui |
â = Champ obligatoire
Ătape 3 : Configuration Stripe (automatique !)
Descendez jusqu'Ă la section Stripe :
âš Bonne nouvelle : tout est automatique !
- Quand vous cliquez sur "Publish", le produit est automatiquement créé dans Stripe
- Les champs
Dev Stripe Product ID et Stripe Product ID se remplissent tout
seuls
- Vous n'avez rien Ă faire !
đĄ Note : Le systĂšme utilise le mode TEST ou LIVE selon la configuration (voir le fichier
STRIPE_CONFIGURATION.md pour plus de détails).
Ătape 4 : Publier
- En haut Ă droite, cliquez sur le bouton "Save"
- Puis cliquez sur "Publish"
â
Votre bouquet est maintenant visible sur le site !
â ïž Important : Si vous ne cliquez pas sur "Publish", le bouquet reste en brouillon et
n'apparaĂźt pas sur le site.
Gérer les bouquets séchés et leurs tailles
Les bouquets séchés fonctionnent différemment : un seul produit qui a 4 tailles
différentes avec des prix différents.
PremiÚre fois : Créer les 4 tailles
Vous ne devez faire ça qu'une seule fois !
- Content Manager â "Dried Flower Sizes"
- Créez ces 4 tailles :
Taille 1 : Solstice
- Name : Solstice
- Price : 30
- Order : 1
- Description : "Petit bouquet séché, parfait pour un bureau ou une petite étagÚre"
- Cliquez "Save" puis "Publish"
Taille 2 : Equinox
- Name : Equinox
- Price : 45
- Order : 2
- Description : "Bouquet moyen, idéal pour une décoration d'appoint"
- Cliquez "Save" puis "Publish"
Taille 3 : Lunar
- Name : Lunar
- Price : 65
- Order : 3
- Description : "Grand bouquet pour une piĂšce principale"
- Cliquez "Save" puis "Publish"
Taille 4 : Célestial
- Name : Célestial
- Price : 85
- Order : 4
- Description : "TrÚs grand bouquet, piÚce maßtresse de votre décoration"
- Cliquez "Save" puis "Publish"
đĄ Le champ Order dĂ©termine dans quel ordre les tailles apparaissent dans le menu dĂ©roulant sur
le site (1 = premier, 4 = dernier).
Créer votre bouquet séché
Une fois les 4 tailles créées, créez votre bouquet :
-
Content Manager â "Flowers" â "Create new
entry"
-
Remplissez :
- Title : "Bouquet Séché" (ou votre nom préféré)
- Flower Type : â ïž "dry" (trĂšs important !)
- Price : 30 (le prix le plus bas, Solstice)
- Description : Votre texte de présentation
- Main Image + Images : Photos du bouquet séché
- Categories : Associez aux bonnes catégories
-
Save puis Publish
Quand un client ajoute un bouquet séché au panier :
- đŠ Il sĂ©lectionne "Bouquet SĂ©chĂ©"
- đ Un menu dĂ©roulant apparaĂźt avec : Solstice (30âŹ), Equinox (45âŹ), Lunar (65âŹ), CĂ©lestial (85âŹ)
- đ° Le prix change automatiquement selon la taille choisie
- â
Il peut commander
Ajouter un objet artisanal
Les objets Resyne (vases, créations artisanales, magazines...) se gÚrent comme les bouquets frais.
-
Content Manager â "Resyne Objects" â "Create new
entry"
-
Remplissez :
- Title : Nom de l'objet (ex: "Vase en céramique bleue")
- Price : Prix en euros
- Description : Présentez votre création
- Images : Photos de l'objet
- Visible on Home Page : Si vous voulez le mettre en avant
-
Save puis Publish
Créer et gérer un atelier
Les ateliers sont un peu plus complexes car vous devez indiquer quand ils ont lieu et
combien de places sont disponibles.
Créer un nouvel atelier
- Content Manager â "Workshops" â "Create new
entry"
Informations générales :
| Champ |
Quoi mettre ? |
Exemple |
| Title |
Nom de l'atelier |
"Initiation Ă la broderie main" |
| Price |
Prix par participant |
65 |
| Duration |
Durée en minutes |
180 (pour 3 heures) |
| Max Participants |
Nombre maximum de personnes |
8 |
| Description |
Présentation de l'atelier |
"Apprenez les bases de la broderie..." |
| Images |
Photos de l'atelier ou créations |
- |
Ajouter des dates et horaires (Schedule) :
C'est ici que vous indiquez quand l'atelier a lieu.
Exemple : Atelier le samedi 2 novembre Ă 14h-17h
-
Dans la section "Schedule", cliquez sur "Add DateSlot"
-
Remplissez :
- Date : Cliquez sur le calendrier â SĂ©lectionnez 2 novembre 2025
-
Cliquez sur "Add TimeSlot" (dans ce DateSlot)
-
Remplissez :
- Start Time : 14:00:00 (format 24h)
- End Time : 17:00:00
- Available Slots : 8 (nombre de places disponibles)
Exemple : Plusieurs crĂ©neaux le mĂȘme jour
Samedi 2 novembre, vous proposez 2 horaires :
- 10h-13h (8 places)
- 14h-17h (8 places)
- Add DateSlot â Date : 2 novembre
- Add TimeSlot â 10:00:00 - 13:00:00, 8 places
- Add TimeSlot (encore) â 14:00:00 - 17:00:00, 8 places
Exemple : Atelier sur plusieurs jours différents
Vous proposez l'atelier 3 samedis de suite :
- Add DateSlot â 2 novembre â TimeSlot 14h-17h (8 places)
- Add DateSlot â 9 novembre â TimeSlot 14h-17h (8 places)
- Add DateSlot â 16 novembre â TimeSlot 14h-17h (8 places)
Save puis Publish
đŻ Gestion automatique des places
Quand un client réserve :
- â
Le nombre de places diminue automatiquement
- â
Exemple : 8 places â Client rĂ©serve 2 places â Il reste 6 places
- â
Quand il reste 0 place, le créneau disparaßt du site
â ïž Important : Ne modifiez JAMAIS manuellement le nombre de places aprĂšs une rĂ©servation ! Le
systĂšme le fait automatiquement.
Voir combien de places restent
- Content Manager â "Workshops"
- Cliquez sur votre atelier
- Regardez dans Schedule â TimeSlot â Available Slots
Exemple :
Schedule
ââ DateSlot: 2 novembre 2025
ââ TimeSlot: 14:00 - 17:00
Available Slots: 3 â Il reste 3 places
Consulter les commandes
Voir toutes les commandes
- Content Manager â "Orders"
- Vous voyez la liste de toutes les commandes
| Colonne |
Signification |
| Order Number |
Numéro unique de commande (ex: ORD-1760855837964-...) |
| Order Status |
Ătat de la commande (voir ci-dessous) |
| Total Price |
Montant total payé par le client |
| Customer Name |
Nom du client |
| Created At |
Date et heure de la commande |
Ătats des commandes (Order Status)
| Ătat |
Signification |
Que faire ? |
| đ cart |
Panier créé mais pas encore payé |
Rien, attendre le paiement |
| âł pending_payment |
Paiement en cours |
Rien, attendre |
| â
confirmed |
Commande payée ! |
Préparer la commande |
| đŠ preparing |
Vous préparez la commande |
Mettre Ă jour quand c'est prĂȘt |
| đ delivered |
Commande livrée/récupérée |
Archiver |
| â cancelled |
Commande annulée |
Archiver |
Voir les détails d'une commande
- Cliquez sur une commande dans la liste
- Vous voyez toutes les informations :
Informations client :
- Nom, email, téléphone
- Adresse de livraison
- Adresse de facturation
- Message pour la carte (si bouquet)
- Instructions de livraison
Produits commandés :
Descendez jusqu'Ă "Items" (format JSON) :
[
{
"title": "Le Célestial",
"price": 85,
"quantity": 2,
"productType": "flower"
},
{
"title": "Bouquet Séché",
"price": 65,
"quantity": 1,
"productType": "flower",
"driedFlowerSize": {
"name": "Lunar",
"price": 65
}
}
]
Comment lire ça ?
- Le client a commandé 2 bouquets "Le Célestial" à 85⏠chacun
- Et 1 bouquet sĂ©chĂ© taille "Lunar" Ă 65âŹ
- Total : (85 Ă 2) + 65 = 235âŹ
Informations Stripe :
Stripe Session ID : Pour retrouver le paiement sur Stripe
Changer l'état d'une commande
Quand vous préparez une commande :
- Ouvrez la commande
- Order Status â Changez Ă "preparing"
- Save
Quand elle est livrée/récupérée :
- Order Status â Changez Ă "delivered"
- Save
Modifier le contenu des pages
Page d'accueil
- Content Manager â "Home Page"
- Cliquez sur l'entrée existante (il n'y en a qu'une)
Sections que vous pouvez modifier :
Hero (BanniĂšre du haut) :
- Titre principal
- Sous-titre
- Bouton d'action
- Image de fond
Featured Products (Produits mis en avant) :
- Sélectionnez les bouquets/objets à afficher
Accordion (Questions/réponses) :
- Ajoutez des FAQ avec liens vers vos catégories
SEO :
- Titre de la page (pour Google)
- Description (pour Google)
- Image de partage (réseaux sociaux)
Save aprĂšs modifications
Page "Ă propos"
- Content Manager â "About Page"
- Modifiez le texte et les images
- Save
Page "Boutique"
- Content Manager â "Shop Page"
- Configurez l'affichage de la boutique
- Save
Gérer les catégories
Les catégories permettent d'organiser vos produits (ex: "Bouquets de saison", "Petits
prix", "Ateliers créatifs").
Créer une nouvelle catégorie
-
Content Manager â "Categories" â "Create new
entry"
-
Remplissez :
- Name : Nom de la catégorie (ex: "Bouquets de saison")
- Slug : Version URL (généré automatiquement : "bouquets-de-saison")
-
Save puis Publish
Associer des produits à une catégorie
Option 1 : Depuis la catégorie
- Ouvrez la catégorie
- Dans "Flowers", "Workshops", ou "Resyne
Objects", sélectionnez les produits
- Save
Option 2 : Depuis le produit
- Ouvrez un bouquet/atelier/objet
- Dans "Categories", sélectionnez une ou plusieurs catégories
- Save
Télécharger et organiser vos photos
Accéder à vos photos
- Cliquez sur "Media Library" dans le menu de gauche
- Vous voyez toutes vos photos
Ajouter de nouvelles photos
- Cliquez sur "Add new assets" en haut Ă droite
- Méthode 1 : Glissez-déposez vos photos dans la zone
- Méthode 2 : Cliquez sur "Browse files" et sélectionnez vos photos
- Attendez que l'upload se termine (barre verte)
Organiser vos photos en dossiers
- Cliquez sur "Create new folder"
- Donnez un nom : "Bouquets frais", "Ateliers", "Objets Resyne"...
- Glissez-déposez vos photos dans les dossiers
Conseils pour de belles photos
â
Avant d'uploader :
- Redimensionnez vos photos (max 2000 pixels de largeur)
- Utilisez un service gratuit comme TinyPNG pour réduire la taille
- Format recommandé : JPG ou PNG
- Ăvitez les photos floues ou mal Ă©clairĂ©es
â
Photos de produits :
- Photo principale : cadrage centré, fond neutre
- Photos supplémentaires : détails, différents angles
- LumiĂšre naturelle si possible
Questions fréquentes
đ§Ș Tester les paiements Stripe
Pour vérifier que vos produits fonctionnent correctement, vous pouvez tester les paiements avec une carte bancaire
fictive.
â ïž Important : Cette carte ne fonctionne QUE pour les tests ! Elle ne dĂ©bitera jamais d'argent
réel.
Informations de test Stripe :
| Champ |
Valeur Ă utiliser |
| Numéro de carte |
4242 4242 4242 4242 |
| Date d'expiration |
N'importe quelle date future (ex: 12/34) |
| CVC |
N'importe quel code Ă 3 chiffres (ex: 123) |
| Nom sur la carte |
N'importe quel nom (ex: "Test Utilisateur") |
Comment tester :
- Allez sur votre site web
- Ajoutez un produit au panier
- Procédez au checkout
- Utilisez les informations de test ci-dessus
- Validez le paiement
- Vérifiez que la commande apparaßt dans votre admin avec le statut "confirmed"
Autres cartes de test utiles :
4242 4242 4242 4242 : Paiement réussi (recommandée)
đĄ Conseil : Testez rĂ©guliĂšrement vos nouveaux produits pour vous assurer que tout fonctionne !
đ VĂ©rifier le paiement test dans Stripe
AprÚs avoir effectué un test de paiement, vous pouvez vérifier que tout s'est bien passé dans votre tableau de bord
Stripe.
Ătapes de vĂ©rification :
- Accéder au tableau de bord Stripe
- VĂ©rifier que vous ĂȘtes en mode test
- En haut à droite, vérifiez que le bouton indique "Mode test"
- Si c'est écrit "Mode réel", cliquez dessus pour basculer en mode test
- Consulter les paiements de test
- Dans le menu de gauche, cliquez sur "Paiements"
- Vous devriez voir votre paiement test récent avec :
- â
Statut : "Réussi"
- đł Montant : Le prix de votre produit
- đ Heure : Il y a quelques minutes
- đ§ Email : L'email utilisĂ© lors du test
- Voir les détails du paiement
- Cliquez sur le paiement pour voir plus de détails :
- Informations du client (nom, email)
- Détails de la carte (terminant par 4242)
- Métadonnées du produit
- Historique des événements
â ïž Important : Les paiements en mode test n'impliquent AUCUN argent rĂ©el. Ils servent uniquement
à vérifier que votre configuration fonctionne correctement.
Que faire si le paiement n'apparaĂźt pas ?
- đ Actualisez la page (F5)
- ⰠAttendez 1-2 minutes (parfois il y a un léger délai)
- đ VĂ©rifiez que vous ĂȘtes bien en "Mode test"
- â Si le problĂšme persiste, contactez votre dĂ©veloppeur
Correspondance avec votre admin Resyne :
- đŠ Chaque paiement Stripe correspond Ă une commande dans votre admin
- đ Le "Session ID" dans Strapi correspond au "Checkout session" dans Stripe
- â
Si le paiement est "RĂ©ussi" dans Stripe, la commande doit ĂȘtre "confirmed" dans Resyne
â J'ai ajoutĂ© un produit mais il n'apparaĂźt
pas sur le site
Solution :
- Vérifiez que vous avez cliqué sur "Publish" (pas seulement "Save")
- Le bouton en haut Ă droite doit ĂȘtre vert avec Ă©crit "Published"
- Attendez 1-2 minutes et rafraĂźchissez le site (F5)
â Je veux modifier le prix d'un bouquet
- Ouvrez le bouquet
- Changez le "Price"
- Save
- Le prix est automatiquement mis Ă jour partout (site + Stripe)
- Content Manager â "Orders"
- Utilisez le filtre en haut : "Order Type" â "workshop"
- Regardez les commandes avec "Order Status" = "confirmed"
- Ouvrez chaque commande pour voir le nom du client
đĄ Astuce : Notez les noms des participants au fur et Ă mesure
â Je veux annuler une commande
- Ouvrez la commande
- Order Status â Changez Ă "cancelled"
- Save
- â ïž Important : Cela n'annule PAS le paiement sur Stripe ! Contactez votre dĂ©veloppeur pour
un remboursement.
â Je veux dupliquer un atelier pour le mois prochain
Malheureusement, Strapi ne permet pas de dupliquer facilement. Vous devez :
- Ouvrir l'atelier existant
- Create new entry (nouvel atelier)
- Recopiez les informations (titre, prix, description...)
- Ajoutez les nouvelles dates dans "Schedule"
- Save puis Publish
â J'ai uploadĂ© une photo mais elle est floue sur
le site
Causes possibles :
- Photo trop petite (moins de 800px de largeur)
- Photo compressée trop fortement
- Format WebP mal supporté
Solution :
- Supprimez la photo floue
- Utilisez une photo en haute résolution (au moins 1500px)
- Uploadez Ă nouveau
â Je veux supprimer un vieux bouquet
- Ouvrez le bouquet
- En haut Ă droite, cliquez sur "..." (trois points)
- Sélectionnez "Delete"
- Confirmez
â ïž Attention : Si des clients ont dĂ©jĂ commandĂ© ce bouquet, il reste dans l'historique des
commandes (normal).
â Combien de photos puis-je ajouter par produit ?
- Main Image : 1 seule
- Images (galerie) : Jusqu'Ă 8 photos
đĄ Stripe synchronise automatiquement jusqu'Ă 8 photos maximum.
â Je veux changer la photo principale d'un bouquet
- Ouvrez le bouquet
- Main Image â Cliquez sur la photo actuelle
- Cliquez sur "Remove"
- Ajoutez la nouvelle photo
- Save
â Un client me dit qu'il n'a pas reçu
d'email de confirmation
Les emails de confirmation viennent de Stripe, pas de Strapi.
Vérifications :
- Demandez au client de vérifier ses spams
- Vérifiez que la commande est bien en statut "confirmed"
- Allez sur Stripe Dashboard â Cherchez la commande â VĂ©rifiez
l'email du client
Cette fonctionnalité n'est pas encore disponible dans l'interface Strapi. Contactez votre développeur.
à éviter
â Oublier de cliquer sur "Publish" aprĂšs crĂ©ation
â Modifier le nombre de places d'un atelier aprĂšs rĂ©servation
â Supprimer des catĂ©gories utilisĂ©es par des produits
â Uploader des photos de plus de 5 MB
đ Besoin d'aide ?
Si vous rencontrez un problĂšme non couvert par ce guide :
-
Vérifiez d'abord :
- Avez-vous bien cliqué sur "Publish" ?
- Avez-vous attendu 1-2 minutes pour le rafraĂźchissement ?
- Avez-vous vérifié que le produit a bien un prix et une image ?
-
Contactez votre développeur avec :
- Une capture d'écran du problÚme
- Le nom exact du produit/commande concerné
- Ce que vous essayiez de faire
DerniĂšre mise Ă jour : Octobre 2025
Version : 1.0 - Guide simplifié pour propriétaire
âš Bon courage avec votre boutique Resyne ! âš