Documentation HippoCamp
Breadcrumbs

Ecran Plan interactif

📚 PrĂ©sentation de l'Ă©cran : Gestion > Plan interactif

Cet écran vous permet de visualiser l'état de votre camping à une date donnée, que ce soit à la date d'aujourd'hui ou une date antérieure ou à venir.

image-20260730-095542.png


Les types de plan

HippoCamp supporte plusieurs types de plan interactif :

  • Un plan interactif HTML basĂ© sur une image du plan de votre camping paramĂ©trable par vos soins via l'Ă©cran ParamĂštres>Emplacements : Plan - Nous vous conseillons d’utiliser ce type de plan qui offre le plus de fonctionnalitĂ©s.

  • Un plan interactif fondĂ© sur une carte Google Maps en mode Plan,

  • Un plan interactif fondĂ© sur une carte Google Maps en mode Satellite.

Remarque : Nous privilégions la fonction plan HTML, en intégrant une image (une capture Google Maps, le plan de votre camping, ou le plan que nous vous aurons dessiné) de taille maximale de 3 Mo.


📁 Structure de l'Ă©cran

L’écran Plan est composĂ© de deux parties principales :

  • le calendrier et les filtres de recherche,

  • le plan de l'Ă©tablissement interactif avec les pastilles des emplacements.

En fonction du type de planning paramĂ©trĂ©, l’affichage peut varier. Chaque type de plan est dĂ©taillĂ© dans la documentation ci-dessous

Plan Interactif de l'établissement (HTML)

Ce plan vous montre les disponibilités, et les séjours en cours ou occupés au sein de votre camping à l'aide de codes couleur.

image-20241030-160159.png

Modifier la date de visualisation de l'état de votre camping

Pour cela, vous modifiez la date dans le champ de recherche situé en dessous du titre et le calendrier va apparaitre. L'écran se recharge à la date que vous avez sélectionné et les informations sont rafraßchies automatiquement.

image-20260902-083609.png
  • Aujourd'hui : affichage Ă  la date d'aujourd'hui

  • Demain : Affichage au lendemain

  • PersonnalisĂ©e : choisissez la date de votre choix


Voir les disponibilités des emplacements jusqu'aux 21 prochains jours

Pour cela, il suffit de déplacer la réglette avec la souris. Les emplacements indisponibles s'afficheront en rouge ou en blanc, les emplacements disponibles en vert.

image-20260902-072721.png


Ainsi, comme le montre la capture d'écran, si vous souhaitez consulter les disponibilités pour les 8 jours à venir, seuls les emplacements disponibles seront affichés.


Comprendre le code couleur des emplacements

Six codes couleur sont utilisés :

  • Vert : emplacement disponible, non occupĂ©,

  • Orange : option posĂ©e sur l'emplacement,

  • Rouge : emplacement occupĂ©,

  • Gris : interdiction de vente,

  • Mauve : sous location,

  • ZĂ©brĂ© vert et rouge : disponible ce soir, l'emplacement se libĂšre aujourd'hui.

En cliquant sur les emplacements, vous obtenez des informations en fonction de l'état d'occupation de l'emplacement à la date considérée.

Note : des emplacements peuvent apparaßtre en gris, il peut s'agir des emplacements nouvellement créés et qui ont été placés par défaut au centre géographique du camping. Se reporter à la documentation de l'écran ParamÚtres > Emplacements pour plus d'explications.


Actions disponibles

Dans l’angle supĂ©rieur droit du plan interactif de l’établissement, plusieurs boutons permettent d’effectuer des actions rapides.

→ Modifier

Le bouton reprĂ©sentant un crayon permet d’accĂ©der Ă  l'Ă©cran du paramĂ©trage du plan pour vous permettre de le modifier rapidement.

image-20260902-073552.png


Cliquez sur ce bouton pour accéder au mode de modification.


→ Afficher en plein Ă©cran

Le bouton reprĂ©sentant les 4 coins permet d’afficher le plan interactif en plein Ă©cran.

image-20260902-073523.png

Cette fonction est utile pour bĂ©nĂ©ficier d’un affichage plus grand, notamment lors d’une prĂ©sentation .


Pour quitter le mode plein écran, utilisez le bouton prévu à cet effet dans votre navigateur ou cliquez de nouveau sur le bouton.


→ Imprimer

Le bouton Imprimer permet d’imprimer le plan interactif de l’établissement.

image-20260902-073729.png

AprĂšs avoir cliquĂ© sur ce bouton, la fenĂȘtre d’impression de votre navigateur s’ouvre.


À savoir : l’impression tient compte des filtres appliquĂ©s au plan.

Par exemple, si vous imprimez le plan afin de le remettre Ă  un client pour qu’il choisisse son emplacement, celui-ci ne verra que les emplacements disponibles correspondant au type d’hĂ©bergement sĂ©lectionnĂ©.


→ Aide

Le bouton Aide, identifiĂ© par un point d’interrogation, donne accĂšs aux informations d’aide disponibles pour cette page.


🔖 Obtenir des informations sur un emplacement donnĂ©

Il suffit de cliquer sur la pastille symbolisant l'emplacement pour voir ses informations. Une fenĂȘtre est alors affichĂ©e, vous permettant :

  • de visualiser le nom de l'emplacement, son type d'hĂ©bergement (ex : Petite Yourte) et son statut actuel (ex : Libre).

  • d'accĂ©der directement au planning de l'emplacement via le bouton “Voir le planning”.

  • de crĂ©er un nouveau sĂ©jour en un clic : il suffit d'indiquer le nombre de nuits souhaitĂ©, puis de valider avec le bouton + OK.

image-20260710-121011.png


Si l’emplacement est occupĂ©, la pastille est rouge, en cliquant dessus la fenĂȘtre s’ouvre affichant les principales informations :

image-20260902-083915.png



AccĂ©der au planning de l’emplacement

AccĂ©der aux informations dĂ©taillĂ©es de l’emplacement via le bouton “Voir le planning”.

image-20260710-121904.png
→ Actions disponibles en haut de page
image-20260710-124819.png

En haut de page, vous pouvez avoir accĂšs Ă  diffĂ©rentes fenĂȘtres

  • Le bouton “+” : vous arrivez alors sur l’écran de crĂ©ation d’un emplacement. Reportez-vous Ă  la documentation de l’écran ParamĂštres > Emplacements pour plus d’informations.

  • Le bouton “Modifier” : pour modifier les attributs de l’emplacement. Reportez-vous Ă  la documentation de l’écran ParamĂštres > Emplacements pour plus d’informations.

  • La liste des emplacements : vous arrivez alors sur l’écran de la liste des emplacements. Reportez-vous Ă  la documentation de l’écran ParamĂštres > Emplacements pour plus d’informations.


→ Onglets disponibles

Cet Ă©cran permet d’accĂ©der rapidement aux onglets de l’emplacement :

  • DĂ©tails de l’Emplacement,

  • SĂ©jours

  • Planning des sĂ©jours,

  • Historique des interventions.

image-20260710-124219.png


Onglet n°1 : DĂ©tails de l’emplacement

Les champs affichés sur la colonne de gauche

  • Nom Emplacement* : nom affichĂ© de l'emplacement

  • Type Emplacement* : catĂ©gorie d'hĂ©bergement (ex : Petite Yourte)

  • Description : texte libre

  • Type INSEE : classification INSEE (ex : Emplacement locatif)

  • Surface

  • Nb SDB

  • Nb Chambres

  • CapacitĂ© Max.

  • Tags : mots-clĂ©s libres pour la recherche/filtrage

Champs marqués * obligatoires.

edbd86ee-d23c-4e7c-9e45-0e124c29a21b.png

Les champs affichés sur la colonne de droite

  • Code comptable* : rattachement comptable de l'emplacement

  • Axe analytique 2 permet d’ajouter une seconde information Ă  l’opĂ©ration, par exemple le service ou l’activitĂ© concernĂ©(e), pour affiner l’analyse comptable.

Interrupteurs (bleu = activé, gris = désactivé)

  • INSEE

  • iCal

  • Actif

  • WC

  • Terrasse

  • Cuisine

  • Espace fumeurs

image-20260710-123924.png
Onglet n°2 : Séjours
image-20260902-080929.png

Cet onglet affiche la liste des réservations liées à l'emplacement, avec leur nombre entre parenthÚses dans le titre de l'onglet.

Les informations affichĂ©es sont :

  • N° RĂ©s. : numĂ©ro de la rĂ©servation, cliquable pour accĂ©der au dĂ©tail ; l'origine du sĂ©jour est affichĂ©e juste en dessous (ex : Ctoutvert, RĂ©ception).

  • PĂ©riode : dates d'arrivĂ©e et de dĂ©part du sĂ©jour.

  • Client : nom du client, avec son numĂ©ro de tĂ©lĂ©phone si renseignĂ© et une icĂŽne avion ouvre votre logiciel de messagerie pour envoyer un mail au client.

  • CrĂ©ation : date de crĂ©ation de la rĂ©servation.

  • Montant TTC : montant facturĂ©, accompagnĂ© d'une barre de progression indiquant le taux de paiement (verte = rĂ©glĂ©e, jaune/rouge = partiellement rĂ©glĂ©e, grise = non rĂ©glĂ©e) ;

  • GĂ©rer : actions disponibles sur la ligne en passant la souris. L’icĂŽne Ɠil permet d’accĂ©der Ă  la fiche du sĂ©jour, l’icĂŽne Modifier permet d’ouvrir le sĂ©jour en modification.


Onglet n°3 : Planning des séjours
image-20260710-132554.png

Cet onglet affiche le planning de l'emplacement sélectionné sous la forme d'un calendrier mensuel. Chaque séjour réservé sur cet emplacement apparaßt sous forme de bandeau coloré, positionné sur les jours correspondants à ses dates d'arrivée et de départ. Le nom du bandeau reprend le numéro du séjour (ex : Séjour 2123), ce qui permet d'identifier rapidement à quelle réservation appartient chaque période occupée.


En haut de l'écran, une barre de navigation permet de se déplacer dans le temps :

  • AnnĂ©e prĂ©cĂ©dente — recule d'une annĂ©e complĂšte

  • Mois prĂ©cĂ©dent — recule d'un mois

  • Aujourd'hui — revient directement au mois en cours

  • Mois suivant — avance d'un mois

  • AnnĂ©e suivante — avance d'une annĂ©e complĂšte

Le mois et l'année actuellement affichés sont indiqués en grand au-dessus de ces boutons (ex : « juillet 2026 »).


Création d'un nouveau séjour

Il est possible de créer également un nouveau séjour depuis cet écran.

Il suffit de cliquer sur le calendrier aux dates de dĂ©but jusqu’aux dates de fin souhaitĂ©es pour crĂ©er directement un nouveau sĂ©jour, sans avoir Ă  passer par un autre Ă©cran.

Vous arrivez alors sur l’écran de crĂ©ation d’un sĂ©jour. Reportez-vous Ă  la documentation de l’écran SĂ©jours > Nouveau SĂ©jour pour plus d’informations.

Légende des couleurs

En bas de l'écran, une légende précise la signification de chaque couleur de bandeau :

  • Vert — RĂ©servĂ© : le sĂ©jour est confirmĂ© sur cette pĂ©riode

  • Rouge — Interdiction de vente : la pĂ©riode est bloquĂ©e Ă  la vente sur cet emplacement

  • Jaune — En option : le sĂ©jour est en attente de confirmation


Onglet n°4 : Historique des interventions

Cet onglet permet de consulter l’historique des interventions rĂ©alisĂ©es pour l’emplacement concernĂ©.

Il s’agit du mĂȘme Ă©cran que celui accessible depuis Gestion > Planning des interventions.

Pour en savoir plus, consultez la documentation dédiée.


image-20260902-082855.png


V5.0.1 – 10/07/2026 – PropriĂ©tĂ© exclusive de HippoCamp

Toute reproduction, totale ou partielle est soumise à autorisation écrite préalable.