Adresse du gestionnaire
Ouvrez votre navigateur internet et tapez l'adresse suivante dans la barre d'adresse :
https://hotelclubdekipe.com/admin/
Conseil
Ajoutez cette adresse à vos favoris pour y accéder en un clic.
Capture d'écran : page d'accueil du gestionnaire avec bouton "Login with GitHub"
Connexion via GitHub
La connexion se fait par GitHub, la plateforme qui héberge les fichiers du site. Suivez ces étapes :
-
Ouvrez l'adresse du gestionnaire Vous verrez la page de connexion avec un bouton bleu "Login with GitHub".
-
Cliquez sur "Login with GitHub" Une fenêtre GitHub s'ouvre dans votre navigateur.
-
Entrez vos identifiants GitHub Si vous n'êtes pas encore connecté, saisissez le nom d'utilisateur et le mot de passe du compte GitHub autorisé. Demandez ces identifiants au développeur ou au responsable du site.
-
Autorisez l'accès si demandé GitHub peut vous demander de confirmer l'accès au dépôt du site. Cliquez sur "Authorize" (Autoriser).
-
Vous êtes connecté Après quelques secondes, l'interface principale du gestionnaire s'affiche.
Problème de connexion ?
Si la fenêtre GitHub reste ouverte sans se fermer : vérifiez que les cookies ne sont pas bloqués dans votre navigateur. Utilisez de préférence Google Chrome ou Mozilla Firefox.
Vue d'ensemble de l'interface
Une fois connecté, l'interface se divise en trois zones :
- Menu gauche — liste des collections (types de contenu) disponibles.
- Zone centrale — formulaire de modification du contenu sélectionné.
- Barre haute — onglet Media pour gérer les photos, et bouton de publication.
Capture d'écran : interface principale avec menu gauche, zone centrale et barre haute
Collections disponibles
Le menu gauche affiche trois collections :
| Collection | Ce qu'elle contient |
|---|---|
| Coordonnées et Tarifs des Chambres | Téléphone, e-mail, WhatsApp et prix des chambres |
| Textes du Site (FR / EN) | Tous les textes visibles sur le site (plus de 70 champs) |
Comment modifier un contenu
-
Cliquez sur une collection dans le menu gauche La liste des entrées de cette collection s'affiche.
-
Cliquez sur l'entrée Il n'y en a généralement qu'une. Le formulaire s'ouvre avec tous les champs.
-
Modifiez les champs souhaités Le gestionnaire sauvegarde automatiquement votre travail en brouillon au fur et à mesure.
-
Publiez la modification Cliquez sur "Publish" en haut à droite pour rendre les changements visibles sur le site. Voir section 6 pour le détail.
Sauvegarde automatique
Le gestionnaire enregistre vos modifications en brouillon (Draft) au fur et à mesure que vous tapez. Vous ne risquez pas de perdre votre travail si vous changez d'onglet accidentellement. La publication est une étape séparée et volontaire.
La médiathèque (onglet Media)
En haut de l'interface, l'onglet Media (ou une icône d'image) donne accès à la médiathèque. C'est là que vous pouvez importer de nouvelles photos pour le site. Les photos sont rangées dans le dossier Photos du Hotel et Club.
Cette section vous permet de mettre à jour les informations de contact et les prix affichés sur le site.
Accéder à ce formulaire
- Dans le menu gauche, cliquez sur "Coordonnées et Tarifs des Chambres"
- Cliquez sur l'entrée qui apparaît Le formulaire s'ouvre.
Coordonnées de contact
| Champ CMS | Ce qu'il contrôle | Format attendu |
|---|---|---|
| phone | Numéro de téléphone principal affiché sur le site | Ex. : +224 624 00 00 00 |
| Numéro WhatsApp pour les réservations | Format international sans espaces : 224624000000 |
|
| Adresse e-mail de contact affichée sur le site | Ex. : contact@hotelclubdekipe.com |
|
| address | Adresse physique de l'hôtel | Texte libre, ex. : Kipé Dadyah, Conakry, Guinée |
Attention — Format WhatsApp
Le numéro WhatsApp doit être en format international, sans le signe +, sans espaces et sans tirets. Un format mal saisi empêche le lien de fonctionner sur les téléphones des visiteurs. Exemple correct : 224669699999
Tarifs des chambres
Le site propose quatre types de chambres. Chaque chambre a son propre champ de prix.
| Champ CMS | Type de chambre | Format attendu |
|---|---|---|
| price_standard | Chambre Standard | Chiffre uniquement, ex. : 150000 |
| price_superior | Chambre Supérieure | Chiffre uniquement, ex. : 200000 |
| price_deluxe | Chambre Deluxe | Chiffre uniquement, ex. : 300000 |
| price_suite | Suite | Chiffre uniquement, ex. : 500000 |
Format des prix
Saisissez uniquement les chiffres, sans espace, sans virgule et sans devise. Ne tapez pas 150 000 ni 150,000. Le site ajoute automatiquement la devise et le format d'affichage.
Exemple : modifier un tarif
Vous souhaitez passer le prix de la chambre Standard de 150 000 GNF à 175 000 GNF :
- Trouvez le champ
price_standardIl affiche actuellement150000. - Effacez la valeur et tapez
175000Vérifiez qu'il n'y a ni espace ni symbole. - Publiez la modification Suivez les étapes de la section 6.
Cette collection regroupe tous les textes visibles sur le site. Elle contient plus de 70 champs, organisés par section.
Règle absolue — Bilingue obligatoire
Le site est affiché en français et en anglais. Chaque texte existe en deux versions : un champ _fr (français) et un champ _en (anglais). Lorsque vous modifiez un texte en français, vous devez impérativement mettre à jour la version anglaise correspondante, et vice versa. Un visiteur anglophone qui voit un texte non traduit donne une mauvaise image de l'établissement.
Pas de traducteur disponible ?
Utilisez DeepL (deepl.com) ou Google Traduction pour obtenir une traduction correcte, puis relisez-la avant de publier.
Accéder aux textes
- Dans le menu gauche, cliquez sur "Textes du Site (FR / EN)"
- Cliquez sur l'entrée unique qui apparaît Le formulaire s'ouvre avec toutes les sections.
- Faites défiler vers la section souhaitée Les sections suivent l'ordre visuel du site, de haut en bas.
Guide par section
Section Héro (page d'accueil)
Textes visibles en grand sur l'image principale de la page d'accueil.
| Champ | Rôle | Langue |
|---|---|---|
| hero_sub_fr / hero_sub_en | Sous-titre sous le nom de l'hôtel | FR + EN |
| hero_since_fr / hero_since_en | Texte "Depuis 2019" | FR + EN |
| hero_book_fr / hero_book_en | Texte du bouton de réservation dans le héro | FR + EN |
| hero_explore_fr / hero_explore_en | Bouton secondaire "Explorer" | FR + EN |
| scroll_lbl_fr / scroll_lbl_en | Label "Défiler" sur l'indicateur de défilement | FR + EN |
| statement_fr / statement_en | Phrase d'accroche en bandeau ("Un refuge discret…") | FR + EN |
Section À propos
Textes de la section "Notre histoire" visible juste après l'image principale.
| Champ | Rôle | Langue |
|---|---|---|
| about_ey_fr / about_ey_en | Petit texte d'entête ("Notre histoire") | FR + EN |
| about_h2_fr / about_h2_en | Titre principal de la section | FR + EN |
| about_p1_fr / about_p1_en | Premier paragraphe | FR + EN |
| about_p2_fr / about_p2_en | Deuxième paragraphe | FR + EN |
| about_quote_fr / about_quote_en | Citation mise en avant | FR + EN |
| about_attr_fr / about_attr_en | Attribution de la citation | FR + EN |
Section Chambres
Textes d'introduction de la section chambres. Les prix sont dans la collection Coordonnées et Tarifs.
| Champ | Rôle | Langue |
|---|---|---|
| rooms_ey_fr / rooms_ey_en | Petit texte d'entête ("Nos hébergements") | FR + EN |
| rooms_h2_fr / rooms_h2_en | Titre de la section | FR + EN |
| rooms_note_fr / rooms_note_en | Note sous le titre ("Climatisation - Wi-Fi…") | FR + EN |
| btn_bk_fr / btn_bk_en | Texte du bouton "Réserver" sur chaque chambre | FR + EN |
| cur_fr / cur_en | Libellé de la devise (ex. "FG") | FR + EN |
| pn_fr / pn_en | Libellé "/ nuit" | FR + EN |
Section Services
Textes de la section présentant les services de l'hôtel (piscine, restaurant, bar…).
| Champ | Rôle | Langue |
|---|---|---|
| svc_ey_fr / svc_ey_en | Petit texte d'entête ("Ce que nous offrons") | FR + EN |
| svc_h2_fr / svc_h2_en | Titre de la section | FR + EN |
| svc1_title_fr / svc1_title_en | Titre du premier service (piscine) | FR + EN |
| svc1_desc_fr / svc1_desc_en | Description du premier service | FR + EN |
| svc2_title_fr / svc2_title_en | Titre du deuxième service (restaurant) | FR + EN |
| svc2_desc_fr / svc2_desc_en | Description du deuxième service | FR + EN |
| svc3_title_fr / svc3_title_en | Titre du troisième service (bar) | FR + EN |
| svc3_desc_fr / svc3_desc_en | Description du troisième service | FR + EN |
Section Galerie
Titres et légendes de la section galerie. Les photos elles-mêmes sont gérées via la médiathèque (voir section 5).
| Champ | Rôle | Langue |
|---|---|---|
| gallery_ey_fr / gallery_ey_en | Petit texte d'entête | FR + EN |
| gallery_h2_fr / gallery_h2_en | Titre de la section galerie | FR + EN |
| gallery_caption_*_fr / gallery_caption_*_en | Légendes des photos de la galerie (remplacez * par le numéro) | FR + EN |
Section Avis clients
Textes des témoignages clients affichés sur le site.
| Champ | Rôle | Langue |
|---|---|---|
| rev_ey_fr / rev_ey_en | Petit texte d'entête | FR + EN |
| rev_h2_fr / rev_h2_en | Titre de la section avis | FR + EN |
| r1_fr / r1_en | Texte du premier avis client | FR + EN |
| r1a_fr / r1a_en | Nom/attribution du premier avis | FR + EN |
| r2_fr / r2_en | Texte du deuxième avis | FR + EN |
| r2a_fr / r2a_en | Nom/attribution du deuxième avis | FR + EN |
| r3_fr / r3_en | Texte du troisième avis | FR + EN |
| r3a_fr / r3a_en | Nom/attribution du troisième avis | FR + EN |
Section Localisation
Textes de la section carte / localisation de l'hôtel.
| Champ | Rôle | Langue |
|---|---|---|
| loc_ey_fr / loc_ey_en | Petit texte d'entête | FR + EN |
| loc_h2_fr / loc_h2_en | Titre de la section localisation | FR + EN |
| loc_desc_fr / loc_desc_en | Description de l'emplacement | FR + EN |
Section Réservation
Textes de la section contact et formulaire de réservation.
| Champ | Rôle | Langue |
|---|---|---|
| booking_title_fr / booking_title_en | Titre de la section Réservation | FR + EN |
| booking_subtitle_fr / booking_subtitle_en | Sous-titre ou invitation à réserver | FR + EN |
| fl_name_fr / fl_name_en | Libellé du champ "Nom" dans le formulaire | FR + EN |
| fl_checkin_fr / fl_checkin_en | Libellé "Date d'arrivée" | FR + EN |
| fl_checkout_fr / fl_checkout_en | Libellé "Date de départ" | FR + EN |
| fl_room_fr / fl_room_en | Libellé "Type de chambre" | FR + EN |
| fl_sub_fr / fl_sub_en | Texte du bouton d'envoi du formulaire | FR + EN |
| fl_note_fr / fl_note_en | Note "Confirmation sous 24 heures" | FR + EN |
| booking_whatsapp_label_fr / booking_whatsapp_label_en | Libellé du bouton WhatsApp | FR + EN |
Bonne pratique
Après avoir modifié un texte, relisez-le comme si vous étiez un visiteur qui ne connaît pas l'hôtel. Le texte est-il clair ? Professionnel ? Correspond-il à l'image que l'hôtel souhaite donner ?
Les photos du site sont stockées dans la médiathèque du gestionnaire. Elles sont organisées dans un dossier dédié : Photos du Hotel et Club.
Accéder à la médiathèque
-
Cliquez sur l'onglet "Media" dans le menu du haut (Ou sur l'icône représentant une image, selon la version de l'interface.)
-
Naviguez vers le dossier "Photos du Hotel et Club" Toutes les photos du site se trouvent dans ce dossier.
Capture d'écran : médiathèque avec le dossier "Photos du Hotel et Club" visible
Importer une nouvelle photo
- Dans la médiathèque, cliquez sur "Upload" ou "Importer"
- Sélectionnez la photo sur votre ordinateur Vérifiez le format et la taille avant d'importer.
- Attendez la fin du chargement Une barre de progression s'affiche.
- La photo apparaît dans la médiathèque Elle est maintenant disponible pour le site.
Remplacer une photo existante
Si vous souhaitez changer une photo déjà utilisée sur le site (par exemple, la photo de la chambre Standard), deux approches sont possibles :
- Méthode recommandée : importez la nouvelle photo avec exactement le même nom de fichier que l'ancienne. Le site utilisera automatiquement la nouvelle image sans qu'il soit nécessaire de modifier le code.
- Méthode alternative : importez la nouvelle photo sous un nouveau nom, puis demandez au développeur de mettre à jour la référence dans le code du site.
Règles pour les photos
| Règle | Valeur recommandée |
|---|---|
| Largeur minimale | 1 200 pixels |
| Taille maximale par fichier | 3 Mo |
| Format recommandé (photos) | JPEG |
| Format recommandé (logos, transparence) | PNG |
| Nom de fichier | Lettres minuscules, chiffres, tirets uniquement. Pas d'espace, pas d'accent, pas de caractère spécial. |
Ne jamais supprimer une photo sans vérification
Ne supprimez jamais une photo de la médiathèque sans vous assurer qu'elle n'est plus utilisée sur le site. Supprimer une image utilisée provoque l'apparition d'un espace vide ou d'une icône cassée sur la page.
Photos trop petites ou trop lourdes
Une photo trop petite (moins de 1 200 px de large) apparaît floue. Une photo trop lourde (plus de 3 Mo) peut faire échouer l'importation et ralentit l'affichage du site pour les visiteurs.
Le processus de publication comporte trois étapes distinctes. Comprendre la différence entre brouillon et publié est essentiel pour ne pas diffuser des informations incomplètes.
1
Modifier
Saisir les changements dans les champs
→
2
Brouillon
Sauvegardé automatiquement, pas encore visible
→
3
Publié
Visible sur le site public
Comprendre Draft et Publish
| Statut | Ce que ça signifie | Visible par les visiteurs ? |
|---|---|---|
| Draft (Brouillon) | Vos modifications sont sauvegardées mais pas encore en ligne | Non |
| Published (Publié) | Vos modifications sont visibles sur le site public | Oui |
Étapes pour publier
-
Vérifiez vos modifications Relisez tous les champs modifiés. Vérifiez que la version anglaise a bien été mise à jour si vous avez modifié un texte en français.
-
Cliquez sur le bouton "Publish" en haut à droite Le bouton peut afficher une flèche déroulante. Si c'est le cas, sélectionnez "Publish now" (Publier maintenant).
-
Confirmez si une boîte de dialogue s'affiche Certaines versions du gestionnaire demandent une confirmation. Cliquez sur "Publish" pour valider.
-
Attendez quelques minutes Le gestionnaire envoie les changements à GitHub, et le site se met à jour automatiquement. Le délai habituel est de 2 à 5 minutes.
-
Vérifiez le résultat sur le site Ouvrez hotelclubdekipe.com dans un nouvel onglet. Si vous ne voyez pas les changements, actualisez la page (Ctrl + F5 ou Cmd + Shift + R).
Capture d'écran : bouton "Publish" en haut à droite de l'interface du gestionnaire
Vous avez un doute ?
Sauvegardez en brouillon (les modifications sont déjà enregistrées automatiquement) et demandez une validation à votre responsable avant de publier. Vous ne risquez rien tant que vous n'appuyez pas sur "Publish".
Annuler une modification publiée
Si vous avez publié une erreur par inadvertance, il est possible de revenir à une version précédente. Contactez le développeur du site qui dispose de l'historique complet des versions via GitHub.
La plupart des problèmes que vous pourriez rencontrer ont une solution simple. Voici les situations les plus courantes.
Problème de connexion GitHub
- Vérifiez que vous utilisez bien un compte GitHub autorisé à accéder au dépôt du site.
- Si GitHub demande une vérification en deux étapes, suivez les instructions sur votre téléphone ou votre application d'authentification.
- Essayez d'effacer les cookies de votre navigateur et de recommencer la connexion.
- Utilisez de préférence Google Chrome ou Mozilla Firefox.
Les modifications ne s'affichent pas sur le site
- Vérifiez que vous avez bien cliqué sur "Publish" (et non pas simplement sauvegardé en brouillon).
- Attendez 5 minutes — la mise à jour du site peut prendre quelques minutes.
- Actualisez la page du site avec Ctrl + F5 (Windows) ou Cmd + Shift + R (Mac).
- Essayez depuis un autre appareil ou en navigation privée pour éliminer le cache.
Une photo n'apparaît pas ou est cassée
- Vérifiez que le nom de fichier de la photo est identique à celui utilisé dans le code (sensible à la casse, pas d'espace).
- Vérifiez que la photo a bien été importée dans le dossier Photos du Hotel et Club de la médiathèque.
- Contactez le développeur si le problème persiste après vérification du nom.
Le bouton "Publish" ne répond pas
- Rechargez la page du gestionnaire et reconnectez-vous.
- Vérifiez votre connexion internet.
- Contactez le développeur si le problème persiste.
Contacter le développeur
Assistance technique
Pour tout problème technique que vous ne parvenez pas à résoudre seul, contactez le développeur responsable du site. Il dispose de l'accès complet au code, aux serveurs et à l'historique des versions pour corriger tout incident rapidement.
Règles de sécurité
Important
- Ne partagez jamais les identifiants GitHub avec des personnes non autorisées.
- Ne supprimez pas de fichiers dans la médiathèque sans avoir vérifié qu'ils ne sont plus utilisés sur le site.
- En cas de doute sur une modification, sauvegardez en brouillon et demandez une validation avant de publier.
- Si vous pensez avoir fait une erreur, ne tentez pas de la corriger sans aide — contactez le développeur immédiatement.