Mise en page de réservation et éditeur de thème

Vos clients réservent sur votre page de réservation timum ou dans un widget sur votre site web. Vous définissez la structure et l'apparence de cette vue sous Paramètres → Mise en page de réservation – une seule fois pour toutes les ressources et tous les canaux de votre calendrier de fournisseur.

Mise en page de réservation : choisir la vue

La Mise en page de réservation détermine comment les rendez-vous disponibles sont affichés :

Mise en pageÀ quoi cela ressembleConvient à
ListeCréneaux disponibles listés par jour, les uns sous les autrespeu de rendez-vous par semaine, clients mobiles
CondenséColonnes de jour compactesde nombreux rendez-vous par jour, par ex. heures de consultation sur une grille de 15 minutes
Semaine calendaireVue hebdomadaire avec chronologieheures de consultation régulières tout au long de la semaine
MoisCalendrier mensuel, rendez-vous affichés après un clic sur le jourrendez-vous à long terme, par ex. visites dans quelques semaines

Sélectionnez la mise en page dans le menu déroulant Mise en page de réservation (1). Ce paramètre est la valeur par défaut pour votre page de réservation ; les différents Booking Channels peuvent avoir leur propre mise en page.

Paramètres → Mise en page de réservation · (1) Mise en page de réservation
Paramètres → Mise en page de réservation · (1) Mise en page de réservation

Identité visuelle : couleurs, forme et police

Fonctionnalité Professional

L'éditeur de thème est inclus dans les forfaits Professional. Dans les autres forfaits, vous voyez cette section avec la mention Get PRO, mais vous ne pouvez rien modifier ; votre page de réservation conserve alors le design timum par défaut.

Dans la section Thème, vous adaptez l'apparence à votre marque. Les modifications s'appliquent immédiatement à votre page de réservation et à tous les widgets intégrés – aucune modification du snippet de code d'intégration sur votre site web n'est nécessaire pour les personnaliser.

Personnaliser le design

Le mode Simple propose les options de réglage les plus importantes. Les ajustements à ce niveau sont rapides et ont déjà un effet impressionnant. Le mode Expert entre dans le détail des paramètres de design réglables. Si un modèle a été chargé comme point de départ, vous pouvez encore l'adapter à l'aide de ces paramètres.

Les paramètres sont répartis en deux groupes :

Partout – concerne la mise en page du formulaire de réservation proprement dit, qui apparaît sur les pages de réservation timum et dans les widgets de réservation intégrés :

  • Couleurs : couleur principale et texte des boutons, arrière-plans pour la page, la fenêtre et les cartes, lignes, couleur au survol de la souris, texte principal. À côté du texte principal, timum affiche la valeur de contraste afin que le texte reste lisible.
  • Forme : marge intérieure (Min à Large), ombre des cartes (Plate à Forte), coins (Anguleux à Pill) et densité des créneaux de rendez-vous (Compacte à Généreuse).
  • Police : police de caractères et taille de police.

Page de réservation uniquement – concerne le cadre extérieur de vos pages de réservation timum individuelles :

  • Arrière-plan et texte de l'en-tête (Header) et du pied de page (Footer)
  • Hauteur de l'en-tête, largeur du contenu et taille des titres

N'oubliez pas de cliquer sur Enregistrer après vos modifications.

Pour les développeurs et les utilisateurs bêta, vous trouverez en dessous la Configuration avancée (BETA), qui permet de contrôler les champs de formulaire, les langues et le comportement du widget – décrite dans la documentation du widget.

Utiliser un modèle comme design de base

Le moyen le plus rapide est un modèle prêt à l'emploi :

  1. Cliquez sur Charger un design (1). La boîte de dialogue « Charger un design » s'ouvre avec six modèles.
  2. Choisissez un modèle. timum l'affiche en mode aperçu : votre design précédent reste enregistré jusqu'à ce que vous vous décidiez.
  3. Cliquez sur Appliquer le modèle (2) pour conserver le modèle, ou sur Rejeter le modèle pour revenir au design précédent.
  4. Ajustez si nécessaire certaines valeurs, puis cliquez sur Enregistrer (3).
Mise en page de réservation → Charger un design : les six modèles
Mise en page de réservation → Charger un design : les six modèles

Un modèle remplace vos paramètres

L'application d'un modèle écrase vos paramètres de couleur, de police et de forme existants. Si vous avez défini vos propres couleurs, notez les valeurs au préalable.

Les six modèles en un coup d'œil

Chaque modèle est un design complet associant couleurs, police et forme. Bien sûr, chaque modèle peut être combiné avec nos autres vues (calendrier, mois, compact, etc.) ; avec ou sans texte de description dans la colonne de gauche. Les images montrent la même page de réservation avec un texte d'exemple, une fois par modèle – pour que vous voyiez ce que donnent ensemble les paramètres ci-dessous avant d'en charger un.

Mappe — soigné & sérieux. Calme, précis, digne de confiance. Lignes nettes, couleurs discrètes, police à empattements.

Modèle « Mappe — soigné & sérieux » sur la page de réservation (texte d'exemple)
Modèle « Mappe — soigné & sérieux » sur la page de réservation (texte d'exemple)

Werkbank — direct & robuste. Anguleux, puissant, sans fioritures. Arêtes vives, capitales étroites, ombres marquées.

Modèle « Werkbank — direct & robuste » sur la page de réservation (texte d'exemple)
Modèle « Werkbank — direct & robuste » sur la page de réservation (texte d'exemple)

Feierabend — accueillant. Chaleureux et hospitalier. Tons terreux, coins arrondis, empattements discrets – comme une carte de restaurant.

Modèle « Feierabend — accueillant » sur la page de réservation (texte d'exemple)
Modèle « Feierabend — accueillant » sur la page de réservation (texte d'exemple)

Pigment — avec une touche personnelle. Expressif et doux. Coins arrondis, ton prune, ombre délicate et colorée.

Modèle « Pigment — avec une touche personnelle » sur la page de réservation (texte d'exemple)
Modèle « Pigment — avec une touche personnelle » sur la page de réservation (texte d'exemple)

Kadenz — clair & en mouvement. Clair, rapide, énergique. Police système qui ne charge rien en plus, forts écarts de taille.

Modèle « Kadenz — clair & en mouvement » sur la page de réservation (texte d'exemple)
Modèle « Kadenz — clair & en mouvement » sur la page de réservation (texte d'exemple)

Nocturne — sombre & moderne. Un design sombre et apaisé. Tons indigo profonds, blanc cassé chaud, accent violet avec un ambre chaud.

Modèle « Nocturne — sombre & moderne » sur la page de réservation (texte d'exemple)
Modèle « Nocturne — sombre & moderne » sur la page de réservation (texte d'exemple)

Sujets connexes