Table des matières
Le plugin de réservation de rendez-vous Amelia WorddPress Booking propose une gamme de shortcodes (« codes courts« ) qui servent à intégrer automatiquement une interface de réservation sur les pages et les articles de votre site WordPress.
Les réglages de chaque shortcode permettent de définir des options pour afficher sélectivement les informations sous divers angles : par employé, par événement, par service, etc.
Rappels
En bref, rappelons qu’Amelia utilise des concepts précis pour nommer ses fonctionnalités :
« Employé » : ce terme désigne un travailleur en charge d’un ou plusieurs « services » réservables. Il ne désigne donc pas un employé au sens propre, puisqu’il peut s’agir d’un travailleur indépendant, micro-entrepreneur, profession libérale etc.
« Services » : ce terme désigne une activité réservable : par exemple un cours de guitare, une consultation médicale, une table de restaurant.
Les services peuvent appartenir à des catégories : par exemple une catégorie « cours d’anglais » pourrait contenir 3 services : cours d’anglais pour débutants, cours d’anglais niveau moyen, cours d’anglais avancé.
Les services peuvent être groupés en « packages » ou « packs« , traduit par le terme « offres » en français : par exemple, 10 séances de salon de beauté, comprenant 3 massages, 4 soins du visage, 3 séances de relaxation.
Les services ont une « location« , c’est à dire un lieu, un « emplacement » géographique : soit un lieu physique, soit un endroit sur Internet (une vidéoconférence Zoom, un entretien par téléphone).
Les services et les packages font également partie d’un « catalogue« , c’est-à-dire d’une gamme de services.
La documentation d’Amelia WordPress Booking sur les shortcodes, en anglais
La documentation de Amelia WordPress Booking sur les shortcodes se trouve ici :
!!! IMPORTANT !!!
N’essayez pas d’enchaîner les shortcodes DU MÊME TYPE sur la même page, sinon ça provoquera des erreurs de javascript (JS error du style « Uncaught TypeError: Cannot read properties of null (reading ‘replaceChild’)« ).
Par exemple, vous ne pouvez pas mettre deux codes courts « ameliabooking », l’un sans paramètre et l’autre avec un paramètre, sur la même page, sinon le 2è ne marchera pas.
Tenez-vous-en à cette règle :
1 shortcode d’un type = 1 page ou 1 article.
Vous pouvez mettre 2 shortcodes sur la même page, à condition qu’ils ne soient pas du même type : par exemple, 1 « ameliabooking » et 1 « ameliacatalog ».
!!! SYNTAXE !!!
Dans la liste de shortcodes qui suit, je suis obligé d’insérer UN ESPACE après le crochet ouvrant [ et UN ESPACE avant le crochet fermant ].
Sinon, évidemment, Amelia WordPress Booking interprète cette instruction et remplace le shortcode par son interface.
Donc, avant d’utiliser ces shortcodes, supprimez les deux espaces après et avant les crochets :
[ shortcode ]
doit devenir
[shortcode]
Notez aussi que les shortcodes d’Amelia s’écrivent toujours en minuscules. Avec des majuscules, le code court ne s’exécute pas.
L’interface de réservation de services
Voici les shortcodes de Amelia WordPress Booking pour proposer une interface de réservation à vos clients :
[ ameliabooking ] et [ ameliastepbooking ]
Ce code affiche l’interface de réservation, sans options.
La première version, [ ameliabooking ], affiche l’interface dans sa version d’origine.
La seconde version, [ ameliastepbooking ], affiche une interface améliorée. Elle a été développée plus récemment par les créateurs de Amelia WordPress Booking. Elle est compatible avec toutes les variantes suivantes : donc au lieu de [ ameliabooking category=1 ] on pourrait écrire [ ameliastepbooking category=1 ]
[ ameliabooking category=1 ] ou [ ameliastepbooking category=1 ]
Avec ce paramètre, l’interface affichera l’interface de réservation pour les services de la catégorie 1.
[ ameliabooking service=1 ] ou [ ameliastepbooking service=1 ]
Ce code affichera l’interface uniquement pour ce service possédant l’identifiant numéro 1. C’est utile pour proposer la réservation sur une page produit, propre à ce service.
[ ameliabooking package=1 ] ou [ ameliastepbooking package=1 ]
Ce shortcode va afficher l’interface de réservation du package ayant l’identifiant numéro 1.
Je rappelle que package est traduit en français sous le terme ambigu d’offre. Un package est un groupe de services vendus ensemble.
Pour en savoir plus, voir : les packages / offres d’Amelia Booking WordPress
[ ameliabooking employee=1 ] ou [ ameliastepbooking employee=1 ]
Ce code va proposer de réserver les divers services pris en charge par l’employé possédant l’id numéro 1.
[ ameliabooking location=1 ] ou [ ameliastepbooking location=1 ]
Même logique, pour afficher uniquement les services qui se déroulent dans le lieu / emplacement numéro 1.
Les options sont cumulables
Maintenant que vous êtes familiers de ces paramètres, sachez qu’on peut les cumuler :
- le shortcode [ ameliabooking category=1 employee=1 ] affichera les services de la catégorie 1 gérés par l’employé 1
- [ ameliabooking category=1 location=1 ] affichera les services de la catégorie 1 ayant lieu dans l’emplacement 1
[ ameliabooking show=services ]
Utilisez ce shortcode si vous avez défini des « packages » (« offres« ) mais que vous souhaitez, sur une page, n’afficher que les services.
[ ameliabooking show=packages ]
Même logique, dans l’ordre inverse : ce code n’affichera que vos packages / offres, pas vos services.
[ ameliacatalog ]
Ce shortcode affiche vos services en mode catalogue.
[ ameliacatalog category=1 ]
Ce code affiche vos services de la catégorie 1 en mode catalogue.
[ ameliacatalog service=1 ]
Ce code affiche le service qui a l’identifiant 1 en mode catalogue.
[ ameliacatalog employee=1 ]
Ce code affiche en mode catalogue les services de l’employé 1.
[ ameliacatalog location=1 ]
Même logique : les services de l’emplacement 1.
Les paramètres sont cumulables
Comme précédemment, on peut additionner les paramètres pour créer un filtre plus précis :
- [ ameliacatalog category=1 employee=1 ] affichera au format catalogue les services de la catégorie 1 fournis par l’employé 1
- [ ameliacatalog category=1 location=1 ] affichera au format catalogue les services de la catégorie 1 se déroulant à l’emplacement 1
[ ameliacatalog show=services ] et [ ameliacatalog show=packages ]
Si vous avez défini des packages, ce paramètre permet de n’afficher soit que les services, soit que les packages / offres.
L’interface de réservation d’évènements
[ ameliaevents ] et [ ameliaevents type=list ]
Ce shortcode affiche les événements définis dans Amelia WordPress Booking.
[ ameliaevents type=calendar ]
Ce code affiche tous les événements sous la forme d’un calendrier.
[ ameliaevents tag=’name’ ]
Ce code sélectionne uniquement les événements qui correspondent au tag dont le nom est « name ».
[ ameliaevents event=1 ]
Ce code affiche l’évènement dont l’ID est 1, sans afficher les autres occurrences, dans le cadre d’un événement récurrent.
[ ameliaevents event=1 recurring=1 ]
Ce code affiche l’évènement 1 et tous ses événements récurrents.
L’interface de recherche
[ ameliasearch ]
Ce shortcode affiche une interface de recherche simple.
[ ameliasearch today=1 ]
Ce code affiche l’interface de recherche pour trouver les services qui se déroulent aujourd’hui.
[ ameliasearch show=services ] et [ ameliasearch show=packages ]
Avec ces paramètres, vous sélectionnez uniquement l’affichage soit des services soit des packages / offres dans l’interface de recherche.
L’interface de gestion côté clients
[ ameliacustomerpanel ]
Ce code affiche le tableau de bord du client et ne s’utilise qu’avec des paramètres :
[ ameliacustomerpanel events=1 ]
Ce shortcode montre au client l’événement 1 sur son tableau de bord.
[ ameliacustomerpanel appointments=1 ]
Ce shortcode montre au client le rendez-vous 1 sur son tableau de bord.
[ ameliacustomerpanel appointments=1 events=1 ]
Les paramètres sont cumulables.
L’interface de gestion côté employé
[ ameliaemployeepanel ]
Ce shortcode affiche en front-end (c’est à dire sur le site, et non pas dans l’interface d’administration de WordPress) le tableau de bord d’un employé.
[ ameliaemployeepanel events=1 ]
Ce code affichera uniquement l’événement à l’ID 1 dans le tableau de bord de l’employé.
[ ameliaemployeepanel appointments=1 ]
Ce code affichera uniquement le rendez-vous à l’ID 1 dans le tableau de bord de l’employé.
[ ameliaemployeepanel appointments=1 events=1 ]
Comme d’habitude, les paramètres sont cumulables.
Bon courage
Voilà, j’espère que ce petit récapitulatif des shortcodes de Amelia WordPress Booking vous aura été utile.
Si vous avez un souci n’hésitez pas à poser votre question en commentaire.
Si vous avez besoin d’assistance ponctuelle payable à l’heure ou pour une installation et une configuration complète, avec la licence d’Amelia illimitée à vie, vous pouvez m’acheter ces services :
Amelia WordPress Booking
le meilleur plugin pour réserver des services
Efficace
Amelia WordPress Booking gère vos prises de rendez-vous, prend les paiements, envoie des notifications à vos clients et contribue à éviter les rendez-vous manqués
Complet
Amelia WordPress Booking multiplie les possibilités : packs de services, travailleurs multiples, intégration avec Stripe, Zoom, Google Calendar, etc
Beau
Tout le design d’Amelia WordPress Booking est personnalisable, et plusieurs styles d’interface sont proposés.
Nom d’un chien ! J’ai cherché pendant si longtemps comment intégré UN événement sur une page, et non pas la liste. Elementor ne propose pas cette possibilité et je ne code pas, grande débutant que je suis. Et voici que je tombe sur cette page par hasard avec TOUT ce qu’il faut ! Oh joie ! Merci à vous pour ces informations !!!
Bonjour,
J’ai tenté d’intégrer Amelia Step Booking, mais quand je prévisualise sur le site en lui même, l’interface du step booking n’est pas exactement le même que je retrouve dans « personnaliser » d’Amelia. De plus, quand je teste et que j’arrive à l’étape de réservation d’un jour, le calendrier ne s’affiche pas. Impossible de réserver … Je ne comprends pas
Difficile de vous aider comme ça. Si vous voulez vous me prenez 1h à 40e et je devrais pouvoir régler le problème.