Widget de reservation en ligne et installation
Permettez a vos clients de prendre rendez-vous directement depuis votre site web -- 24 heures sur 24, 7 jours sur 7. Le widget de reservation en ligne autoGMS offre a votre garage une experience de reservation professionnelle qui correspond a votre marque et alimente directement les reservations dans votre tableau de bord. Plus besoin d'appels telephoniques, plus de double saisie, plus d'opportunites manquees.
Ce guide couvre tout ce que vous devez savoir : la configuration, la personnalisation, l'installation sur votre site web et la gestion des reservations qui arrivent.
Apercu
Le widget de reservation en ligne est un formulaire de reservation en libre-service que vous pouvez ajouter a n'importe quel site web. Lorsqu'un client visite votre site, il peut selectionner un type de vehicule, choisir des services, saisir ses coordonnees et soumettre une demande de reservation -- le tout sans quitter votre page.
Voici ce qu'il apporte a votre garage :
- Accepte les reservations 24h/24, meme lorsque vous etes ferme
- Affiche votre menu de services en temps reel avec tarification optionnelle
- Collecte les coordonnees du client, les informations sur le vehicule et les dates souhaitees
- Cree automatiquement une nouvelle reservation dans votre tableau de bord autoGMS
- Fonctionne sur ordinateur et appareils mobiles
- S'adapte aux couleurs et au style de votre marque
Il existe deux facons pour les clients d'utiliser votre formulaire de reservation :
- Page de reservation -- Une experience de reservation dediee, en pleine page, hebergee par autoGMS. Vous obtenez un lien unique (comme
book.myautogms.com/votre-garage) que vous pouvez partager partout : reseaux sociaux, Google Business, signatures d'e-mail, et plus encore. - Ajouter au site -- Un widget compact que vous collez dans votre site web existant. Il se charge directement dans votre page afin que les clients n'aient jamais a quitter votre site.
Les deux options sont gerees depuis un seul endroit : la page Installation dans le tableau de bord de votre garage.
Comment y acceder
- Connectez-vous a votre tableau de bord autoGMS.
- Assurez-vous d'avoir le bon garage selectionne (si vous en gerez plus d'un).
- Ouvrez Reservation en ligne dans la section Reservations & Taches de la barre laterale. Vous pouvez aussi ouvrir Widget de reservation depuis le menu Parametres.
Avant de copier le code d'integration, ajoutez et faites approuver le domaine du site ou le widget sera installe. Cela se fait directement dans l'onglet Ajouter au site.
Configuration du domaine : autoriser votre site
Avant que votre widget de reservation puisse etre mis en ligne, autoGMS doit savoir quel(s) site(s) web sont autorises a l'afficher. Cela protege votre garage contre l'integration de votre formulaire sur un site non autorise.
Ce que vous verrez
Dans l'onglet Ajouter au site, la carte Domaines du site autorises a afficher le formulaire vous permet d'ajouter l'adresse de votre site web et de consulter le statut d'approbation de chaque domaine.
Etape par etape : ajouter votre premier domaine
- Dans la carte Domaines du site autorises a afficher le formulaire, tapez l'adresse de votre site web dans le champ de texte (par exemple,
www.mongarage.comoumongarage.fr). - Vous n'avez pas besoin d'inclure
https://-- le systeme le supprime automatiquement. - Cliquez sur Ajouter le domaine.
- Vous verrez un message de confirmation. Selon votre configuration, le domaine peut etre approuve instantanement ou apparaitre comme "En attente" jusqu'a sa verification.
- Une fois qu'au moins un domaine est approuve, le bouton Copier le code du site devient disponible.
Bon a savoir : Vous pouvez ajouter plusieurs domaines si votre garage possede plus d'un site web. Chaque domaine apparait dans la liste des domaines autorises avec un badge indiquant s'il est "Approuve" ou "En attente".
Si vous devez verifier ou actualiser le statut de votre domaine, cliquez sur Actualiser dans la carte domaines du site autorises.
La page Installation : quatre onglets
La page Installation comporte quatre onglets en haut : Page de reservation, Formulaire de reservation, Apercu et Ajouter au site. Cela separe la personnalisation de la page, la configuration du formulaire, la verification visuelle et l'installation sur votre site.
Onglet 1 : Page de reservation
Cet onglet concerne votre page de reservation autonome -- l'experience de reservation dediee, en plein ecran, hebergee par autoGMS.
Ce que vous verrez
Cet onglet est une page de reglages en pleine largeur. Il regroupe les controles pour personnaliser la section hero, les emplacements, les panneaux visibles, la galerie, les badges et les avis.
Ce que vous pouvez personnaliser
L'editeur a gauche est organise en sections clairement etiquetees :
Identite visuelle
- Couleur d'arriere-plan -- Choisissez la couleur principale du hero de votre page de reservation a l'aide d'un selecteur de couleur. Cela definit le ton et l'ambiance generale.
- Utiliser un degrade -- Activez cette option pour ajouter un effet de degrade fluide a votre couleur d'arriere-plan, lui donnant un aspect plus soigne et moderne. Desactivez-la pour une couleur unie et plate.
- Intensite du degrade -- Si les degrades sont actives, choisissez l'intensite de l'effet : Subtil, Leger, Moyen ou Fort.
- Description -- Redigez un court slogan ou appel a l'action qui apparait sous le nom de votre garage (par exemple, "Des soins automobiles experts en qui vous pouvez avoir confiance" ou "Reservez votre prochain entretien en 60 secondes").
Visibilite des panneaux
Utilisez ces boutons pour afficher ou masquer des sections specifiques sur votre page de reservation :
- Caracteristiques -- Affiche une rangee de badges mettant en valeur les atouts de votre garage (comme "Techniciens certifies" ou "Service le jour meme").
- Galerie -- Affiche un carrousel de photos de votre atelier, de votre equipe ou de travaux realises.
- Carte -- Affiche une carte interactive Google Maps avec l'adresse de votre garage et un lien "Itineraire".
- Fiche d'information -- Affiche une fiche avec vos horaires d'ouverture, numero de telephone, e-mail et coordonnees WhatsApp.
Badges de caracteristiques (apparait lorsque le bouton Caracteristiques est active)
- Cliquez sur Ajouter une caracteristique pour creer un nouveau badge.
- Pour chaque badge, choisissez une icone dans le menu deroulant (les options incluent coche, etoile, bouclier, horloge, recompense, cle, voiture, coeur, pouce en l'air et verifie) et tapez le texte que vous souhaitez afficher.
- Vous pouvez ajouter autant de badges que vous le souhaitez. Supprimez n'importe quel badge en cliquant sur le bouton X a cote.
Galerie (apparait lorsque le bouton Galerie est active)
- Cliquez sur Ajouter une image pour ajouter un nouvel emplacement dans la galerie.
- Collez l'URL de chaque image que vous souhaitez afficher. Vous pouvez ajouter jusqu'a 6 images.
- Les clients les verront dans un carrousel avec des fleches de navigation et des indicateurs a points.
- Supprimez n'importe quelle image en cliquant sur le bouton X a cote.
Integration des avis
- Si vous utilisez un widget d'avis tiers (comme Google Reviews ou Trustpilot), vous pouvez coller son code d'integration ici. Il apparaitra sur votre page de reservation pour renforcer la confiance des nouveaux clients.
Copier le lien de votre page de reservation
Ouvrez l'onglet Apercu, choisissez Page de reservation, puis cliquez sur Ouvrir dans un nouvel onglet pour ouvrir l'URL unique de votre page de reservation. Vous pouvez ensuite partager cette URL n'importe ou :
- Dans votre bio Instagram ou Facebook
- Dans votre profil Google Business
- Dans les signatures d'e-mail
- Dans les messages WhatsApp aux clients
- Sur des flyers imprimes ou des cartes de visite (pensez a generer un QR code a partir du lien)
Ajouter le lien de reservation a Google Maps ou Google Business
Si vous avez besoin du lien pour Google Maps, Google Business Profile ou un bouton "Reserver en ligne", utilisez votre lien de page de reservation. Ouvrez Installation > Apercu > Page de reservation > Ouvrir dans un nouvel onglet, copiez l'URL de la page, puis collez-la dans le champ reservation, rendez-vous, site web ou lien de Google Business Profile.
N'utilisez pas l'URL Google Maps de vos reglages de localisation pour cela. Ce lien de carte aide les clients a obtenir l'itineraire vers le garage ; ce n'est pas le lien de reservation en ligne.
Enregistrer vos modifications
En bas de la page, une barre fixe indique si vous avez des modifications non enregistrees :
- Si vous voyez "Modifications non enregistrees", cliquez sur Enregistrer pour appliquer vos personnalisations.
- Cliquez sur Reinitialiser si vous souhaitez tout remettre aux parametres par defaut. On vous demandera de confirmer avant la reinitialisation.
Bon a savoir : Vos modifications s'appliquent a la fois a la page de reservation autonome et a la version bureau que les clients voient. L'apercu en direct a droite se met a jour en temps reel au fur et a mesure de vos modifications, vous pouvez donc voir exactement a quoi les choses ressembleront avant d'enregistrer.
Onglet 2 : Formulaire de reservation
Cet onglet sert a definir ce que les clients voient dans le formulaire avant de partager le lien ou d'integrer le widget.
Ce que vous verrez
Cet onglet est une page de reglages en pleine largeur. Il regroupe les controles des champs, du texte client, de la mise en page et de l'apparence du widget.
Personnalisation du formulaire
Cette section vous permet de controler l'apparence du formulaire de reservation et les champs que vos clients doivent remplir.
Champs
Definissez chaque champ client comme Masque, Optionnel ou Obligatoire selon les informations que vous souhaitez collecter :
- Nom du client -- Le prenom et le nom restent obligatoires pour creer la reservation.
- Telephone -- Le numero de telephone reste obligatoire. Le formulaire utilise automatiquement l'indicatif pays de votre garage en arriere-plan, de sorte que le client peut simplement saisir son numero local.
- E-mail -- Adresse e-mail du client.
- Date -- Date de rendez-vous souhaitee avec un selecteur de calendrier.
- Notes / description du probleme -- Une zone de texte libre ou les clients peuvent decrire leur probleme ou ajouter des demandes speciales.
- Plaque / immatriculation -- Numero d'immatriculation du vehicule. Les services de controle technique peuvent toujours le demander automatiquement si necessaire.
- VIN / numero de chassis -- Champ d'identification du vehicule pour les garanties, imports ou recherches.
- Kilometrage actuel -- Releve compteur, en kilometres ou miles.
- Marque du vehicule et modele du vehicule -- Details supplementaires si vous voulez les obtenir avant l'arrivee.
- Creneau d'arrivee -- Apparait seulement lorsque les creneaux horaires sont actives dans les Parametres de reservation.
- Afficher les prix -- Indique si les prix des services doivent etre affiches dans le formulaire de reservation (active par defaut).
- Autoriser plusieurs services -- Permet aux clients de choisir plusieurs services principaux dans le widget de reservation public.
Mise en page
Ajustez finement l'integration du widget dans votre page :
- Largeur maximale -- La largeur maximale du widget (par defaut : 480px). Augmentez cette valeur si vous souhaitez un formulaire plus large sur les grands ecrans.
- Hauteur maximale -- La hauteur maximale du widget (par defaut : 720px).
- Rayon de bordure -- L'arrondi des coins du widget (par defaut : 12px). Definissez a 0px pour des coins droits.
- Espacement interieur -- Espace supplementaire autour de l'interieur du widget (par defaut : 0px).
Apparence
Controlez le style visuel du formulaire :
- Couleur principale -- La couleur d'accent utilisee dans tout le formulaire (services selectionnes, mise en evidence du type de vehicule, etc.).
- Couleur du bouton -- La couleur des boutons d'action principaux ("Continuer" et "Reserver maintenant").
- Texte d'en-tete -- Le titre principal du formulaire utilise dans les apercus et les mises en page desktop.
- Texte du bouton -- Le libelle du bouton de soumission final (par defaut "Reserver maintenant").
Bon a savoir : Utilisez l'onglet Apercu pour verifier le formulaire cote client apres vos changements. Rien n'est enregistre tant que vous ne cliquez pas sur le bouton Enregistrer en bas.
Onglet 3 : Apercu
Cet onglet sert a verifier l'experience client avant de partager le lien ou d'installer le widget.
- Page de reservation -- Affiche la page de reservation autonome telle que les clients la voient, avec l'action Ouvrir dans un nouvel onglet.
- Formulaire sur site -- Affiche le formulaire integre depuis le script reel du widget en deux ecrans distincts : selection du service et coordonnees client.
Onglet 4 : Ajouter au site
Cet onglet permet d'ajouter le formulaire de reservation directement dans votre propre site web. Il contient le code du site et les guides d'installation par plateforme.
Code du site
Cette carte vous fournit l'extrait de code necessaire pour integrer le widget de reservation sur votre site web.
Etape par etape : obtenir le code de votre widget
- Verifiez la zone Domaines du site autorises a afficher le formulaire en haut de la carte.
- Si aucun domaine n'est approuve, ajoutez d'abord le domaine de votre site. Copier le code du site reste desactive jusqu'a ce qu'au moins un domaine soit approuve.
- Lorsque vous voyez Domaine du site pret, cliquez sur Copier le code du site. Le code est copie dans votre presse-papiers instantanement.
- Si vous souhaitez voir le code reel avant de le copier, cliquez sur Afficher le code. Cela deploie une zone d'apercu du code.
- Cliquez n'importe ou sur l'apercu du code pour le copier egalement.
Le code du site est un petit extrait HTML qui charge automatiquement le formulaire de reservation lorsque votre page web s'ouvre. Vous n'avez pas besoin de comprendre le code -- collez-le simplement la ou vous voulez que le formulaire de reservation apparaisse sur votre site.
Voici a quoi ressemble l'extrait (l'identifiant de votre garage sera different) :
<!-- autoGMS InstantBook Widget -->
<div id="auto-gms-booking-widget"></div>
<script
src="https://autogms.onrender.com/static/js/booking-widget.js"
data-garage-id="YOUR_GARAGE_ID"
data-container-id="auto-gms-booking-widget"
data-mode="embedded"
async
defer
></script>
Vous n'aurez jamais besoin de modifier cet extrait. Copiez-le simplement depuis le tableau de bord et collez-le dans votre site web.
Bon a savoir : Si aucun domaine n'est encore approuve, la zone domaines du site autorises affiche un avertissement, le champ de domaine et une note indiquant que la copie sera deverrouillee apres approbation. Une fois approuve, l'affichage devient plus discret avec Domaine du site pret et les actions de copie sont disponibles.
Bon a savoir : Le widget est concu pour un domaine de site web publie et autorise dans autoGMS. Les apercus de developpement sur
localhostsont autorises, mais l'ouverture directe d'un fichier HTML local depuis votre ordinateur peut ne pas fonctionner, car il n'a pas de domaine web normal.
Guides d'installation par plateforme
Cette section en accordeon depliable fournit des instructions etape par etape pour installer InstantBook sur les plateformes de sites web les plus populaires. Cliquez sur le nom d'une plateforme pour deplier son guide.
Avant de commencer :
- Ajoutez le domaine de votre site dans la zone Domaines du site autorises a afficher le formulaire de l'onglet Ajouter au site et assurez-vous qu'il est approuve.
- Attendez que la carte affiche Domaine du site pret.
- Cliquez sur Copier le code du site.
- Collez l'extrait complet exactement comme il a ete copie. Il inclut le conteneur
<div>et le script de chargement<script>. - Publiez la page, puis testez le parcours de reservation depuis le site en ligne.
Utilisez le code du Ajouter au site lorsque la plateforme accepte les blocs HTML ou scripts personnalises. Utilisez le lien de Page de reservation dans un iframe uniquement si votre plateforme bloque les scripts ou n'autorise que les embeds iframe.
Les editeurs de plateformes changent avec le temps. Si le libelle d'un bouton differe legerement du texte ci-dessous, cherchez l'equivalent de Custom HTML, Code, Embed, Custom Liquid ou Code Embed.
WordPress
Utilisez un bloc HTML personnalise sur la page ou les clients doivent reserver.
- Connectez-vous a votre tableau de bord WordPress.
- Ouvrez Pages ou Articles, puis modifiez la page ou le formulaire de reservation doit apparaitre.
- Si vous utilisez l'editeur de blocs (Gutenberg), cliquez sur +, recherchez Custom HTML, puis ajoutez ce bloc.
- Si vous utilisez l'editeur classique, passez de Visual a Text ou HTML.
- Collez l'extrait autoGMS complet dans le bloc HTML personnalise ou dans l'editeur HTML.
- Si vous utilisez Elementor, Divi, WPBakery ou un constructeur de pages similaire, ajoutez un widget HTML, Code ou Custom Code et collez-y l'extrait.
- Mettez a jour ou publiez la page.
- Visitez la page publique dans une fenetre de navigateur normale et envoyez une reservation de test.
Si WordPress supprime la balise script, verifiez si votre role utilisateur peut ajouter des scripts personnalises. WordPress nettoie le HTML pour les utilisateurs qui n'ont pas la capacite unfiltered_html, et certains plugins de securite ou hebergeurs geres limitent les embeds de scripts. Demandez a un administrateur du site d'ajouter le widget ou utilisez un plugin de code personnalise fiable si votre compte ne peut pas enregistrer le script.
Shopify
Utilisez une section Custom Liquid ou Custom HTML sur la page ou le formulaire doit apparaitre.
- Connectez-vous a Shopify Admin.
- Allez dans Online Store > Themes.
- Sur votre theme actuel, cliquez sur Customize.
- Ouvrez le modele de page ou vous voulez afficher InstantBook.
- Ajoutez une section ou un bloc nomme Custom Liquid, Custom HTML ou similaire.
- Collez l'extrait autoGMS complet dans ce champ.
- Enregistrez le theme.
- Ouvrez la page de votre boutique et confirmez que le widget se charge.
Si votre theme ne propose pas de section Custom Liquid sur cette page, creez un modele de page dedie a la reservation ou demandez a votre developpeur Shopify de placer l'extrait dans le bon modele. Evitez de placer le widget dans un Header ou Footer partage, sauf si vous voulez afficher le formulaire de reservation sur de nombreuses pages.
Wix
Utilisez l'element Embed HTML de Wix. C'est l'approche recommandee pour Wix.
- Ouvrez votre site dans l'editeur Wix.
- Si vous utilisez l'editeur Wix classique, cliquez sur + Add Elements a gauche. Si vous utilisez le nouvel editeur Wix Harmony, cliquez sur + Add en haut a gauche.
- Choisissez Embed Code ou Embed.
- Selectionnez Embed HTML ou Embed code.
- Placez la zone HTML la ou le formulaire de reservation doit apparaitre.
- Cliquez sur Enter Code.
- Collez l'extrait autoGMS complet, y compris le
<div>et le<script>. - Redimensionnez la zone HTML pour donner suffisamment d'espace au formulaire. Une hauteur d'environ
720pxest un bon point de depart. - Si Wix demande un nom accessible ou une categorie de cookies, utilisez un nom clair comme
autoGMS booking formet choisissez la categorie qui correspond a la configuration cookies/confidentialite de votre site. - Previsualisez la page, puis publiez-la.
- Testez le site en ligne apres publication.
Si Wix bloque le script ou si le formulaire ne se redimensionne pas correctement, utilisez plutot le lien de Page de reservation :
<iframe src="YOUR_BOOKING_PAGE_LINK" width="100%" height="720" style="border:0;"></iframe>
Collez ce code iframe dans le meme element Embed HTML et remplacez YOUR_BOOKING_PAGE_LINK par l'URL de votre Page de reservation.
Squarespace
Utilisez un Code Block sur la page ou vous voulez afficher le widget.
- Connectez-vous a Squarespace.
- Ouvrez la page ou vous voulez ajouter InstantBook.
- Cliquez sur Edit.
- Ajoutez un bloc de contenu et choisissez Code.
- Assurez-vous que le bloc est regle sur HTML.
- Supprimez tout contenu d'exemple.
- Collez l'extrait autoGMS complet dans le Code Block.
- Si une option Display Source apparait, laissez-la desactivee.
- Cliquez sur Apply, puis Save.
- Ouvrez la page publique et testez le parcours de reservation.
Si le widget ne se charge pas parce que les scripts sont limites par votre formule ou votre template, utilisez le lien de Page de reservation dans un iframe :
<iframe src="YOUR_BOOKING_PAGE_LINK" width="100%" height="720" style="border:0;"></iframe>
Les Code Blocks Squarespace prennent en charge le HTML sur toutes les formules, mais JavaScript et les embeds iframe peuvent dependre de la formule du site. Si votre Code Block affiche l'extrait comme du texte ou supprime l'iframe/script, verifiez votre formule Squarespace et assurez-vous que le type du bloc est regle sur HTML avec Display Source desactive.
Webflow
Utilisez l'element Code Embed de Webflow.
- Ouvrez la page dans Webflow Designer.
- Ouvrez le panneau Add.
- Ajoutez un element Code Embed la ou le formulaire de reservation doit apparaitre.
- Collez l'extrait autoGMS complet dans l'editeur d'embed.
- Enregistrez et fermez la fenetre.
- Publiez le site.
- Ouvrez la page publiee et envoyez une reservation de test.
Webflow Code Embed prend en charge le HTML, le CSS dans des balises <style> et JavaScript dans des balises <script>. Il n'execute pas de code cote serveur comme PHP ou Python. Webflow impose aussi une limite de taille pour un embed unique, mais l'extrait autoGMS est assez petit pour un usage normal.
HTML personnalise / Autres constructeurs de sites
Utilisez cette approche pour les sites codes a la main, les embeds Framer, les generateurs de sites statiques ou toute plateforme permettant de coller du HTML personnalise.
- Ouvrez la page ou le template ou le formulaire de reservation doit apparaitre.
- Ajoutez un bloc HTML/embed/code personnalise a l'endroit exact ou les clients doivent voir le formulaire.
- Collez l'extrait autoGMS complet dans ce bloc.
- Assurez-vous que l'ID du conteneur dans l'extrait reste identique au
data-container-iddu script. - Si vous placez plusieurs widgets sur une meme page, donnez un ID unique a chaque conteneur et mettez a jour le
data-container-idcorrespondant. - Publiez ou deployez la page sur le domaine de votre site.
- Visitez la page en ligne et effectuez une reservation de test.
Pour une page codee a la main, l'extrait peut etre place dans le <body> la ou le formulaire doit apparaitre. Il n'a pas besoin d'etre place dans le <head>.
L'apercu en direct du widget
Dans l'onglet Apercu, choisissez Formulaire sur site pour voir le formulaire integre depuis le script reel du widget. L'apercu est separe en deux ecrans afin de verifier cote a cote les principales etapes client.
Ce que vous verrez :
Deux panneaux d'apercu affichent les deux etapes du formulaire :
-
Selection des services -- Le premier ecran que vos clients voient. Il affiche :
- Votre texte d'en-tete en haut
- Un selecteur de type de vehicule (Voiture, SUV, Camion, Sport)
- Votre liste de services avec des cases a cocher
- Un bouton "Continuer" en bas
-
Details de la reservation -- Le deuxieme ecran ou les clients saisissent leurs informations :
- Champs prenom et nom
- Numero de telephone, avec l'indicatif pays du garage gere automatiquement
- Les champs optionnels ou obligatoires que vous avez actives, comme l'e-mail, la marque/modele, l'immatriculation, le VIN, le kilometrage, la date, le creneau ou les notes
- Le bouton final de soumission, avec le texte defini dans le reglage du bouton
Comme cet apercu utilise le script reel du widget, soumettre des donnees de test peut creer une vraie reservation en attente dans votre tableau de bord. Utilisez des donnees de test sans risque si vous completez le formulaire depuis l'apercu.
Bon a savoir : L'apercu dans l'onglet Formulaire de reservation reflete vos parametres de personnalisation en temps reel. Changez une couleur, activez un champ ou modifiez le texte du bouton et observez l'apercu se mettre a jour instantanement.
L'experience de reservation cote client
Voici ce que vos clients voient et font reellement lorsqu'ils utilisent votre formulaire de reservation, que ce soit sur votre page de reservation dediee ou via le widget integre.
Sur ordinateur (Page de reservation)
Lorsqu'un client visite le lien de votre page de reservation sur un ordinateur, il voit une mise en page soignee a deux panneaux :
- Panneau gauche (Hero) : Votre zone de marque avec votre logo, le nom du garage, la description, les badges de caracteristiques, la galerie photo, la carte, les horaires d'ouverture et les coordonnees -- selon ce que vous avez active.
- Panneau droit (Formulaire) : Le formulaire de reservation multi-etapes.
Sur mobile (Page de reservation)
Sur les telephones et tablettes, la mise en page passe automatiquement a une vue plein ecran optimisee pour mobile. Le contenu du hero est condense et le formulaire prend la place centrale pour un remplissage facile au pouce.
Sur tout appareil (Ajouter au site)
Lorsqu'il est integre dans votre site web, le widget apparait comme un formulaire compact et autonome au sein de votre page. Il s'adapte a la taille du conteneur et s'affiche parfaitement sur ordinateur comme sur mobile.
Le flux de reservation (tous les appareils)
Etape 1 : Selectionner un vehicule et des services
- Le client choisit son type de vehicule (Voiture, SUV, Camion, Sport ou autres selon les parametres de votre garage).
- Il parcourt votre liste de services et clique pour selectionner un ou plusieurs services.
- Optionnellement, il peut deployer une section "Decrivez votre probleme" pour taper une note de diagnostic en texte libre.
- Il clique sur Continuer.
Etape 2 : Saisir les details et reserver
- Le client remplit son prenom et son nom (obligatoire).
- Il saisit son numero de telephone. Le formulaire applique automatiquement l'indicatif pays par defaut de votre garage en arriere-plan.
- Il remplit les champs que vous avez rendus optionnels ou obligatoires, comme l'e-mail, la marque/modele, l'immatriculation, le VIN, le kilometrage, la date, le creneau ou les notes.
- Pour les services de controle technique, le numero d'immatriculation peut toujours apparaitre meme s'il est normalement masque.
- Il clique sur Reserver maintenant pour soumettre.
Etape 3 : Confirmation
Apres une soumission reussie, le client voit un ecran de succes avec :
- Un message de confirmation le remerciant et mentionnant le nom de votre garage
- Un recapitulatif montrant la date selectionnee, le vehicule et le service
- Un message de suivi rassurant (par exemple, que votre equipe le contactera)
- Un bouton de fermeture
Bon a savoir : Le client voit egalement une breve note indiquant qu'en soumettant le formulaire, il accepte de recevoir des mises a jour et des rappels de reservation par SMS. Cela vous permet de rester conforme aux exigences de consentement de communication.
Prise en charge des langues
Le formulaire de reservation prend en charge plusieurs langues sur la page de reservation hebergee et dans le widget integre. Si la langue preferee de votre garage est l'arabe, ou si le nom du garage utilise du texte arabe, un selecteur de langue apparait pour que les clients puissent basculer entre l'anglais et l'arabe. L'ensemble du formulaire, y compris les libelles, les boutons et le texte d'espace reserve, s'adapte a la langue selectionnee. Le mode arabe passe egalement la mise en page de droite a gauche.
Comment les reservations en ligne apparaissent dans votre tableau de bord
Lorsqu'un client soumet une reservation via le widget ou la page de reservation, elle apparait dans votre tableau de bord autoGMS comme n'importe quelle autre reservation.
- Vous recevrez une notification en temps reel (si les notifications sont activees) vous alertant de la nouvelle reservation.
- La reservation apparait dans votre liste de Reservations avec le statut En attente.
- Le nom du client, le numero de telephone, l'e-mail, les details du vehicule, les services selectionnes, la date souhaitee, le creneau selectionne (si utilise) et les eventuelles notes sont tous pre-remplis a partir de la soumission du formulaire.
- A partir de la, vous suivez le flux de reservation normal : examinez les details, confirmez la reservation, assignez-la a une baie et un technicien, et faites-la progresser dans le cycle de vie (Confirmee, En service, Terminee).
Aucune saisie manuelle de donnees necessaire -- tout ce que le client a tape dans le formulaire est directement integre dans la fiche de reservation.
Bon a savoir : Le formulaire de reservation cree automatiquement une fiche client dans votre systeme si le client est nouveau. Si un client existant reserve a nouveau, ses informations sont liees a son profil existant. Cela signifie que votre base de donnees clients grandit naturellement au fur et a mesure des reservations.
Conseils et bonnes pratiques
Obtenir le maximum de reservations
- Mettez votre lien de reservation partout. Ajoutez-le a votre profil Google Business, vos biographies sur les reseaux sociaux, vos signatures d'e-mail et vos reponses automatiques WhatsApp. Plus il est facile a trouver, plus vous obtiendrez de reservations.
- Maintenez votre liste de services a jour. Les clients ne peuvent reserver que les services presents dans votre menu de services autoGMS. Si vous ajoutez un nouveau service, il apparait automatiquement sur le formulaire de reservation.
- Activez Afficher les prix si votre tarification est competitive. La transparence inspire confiance et aide les clients a prendre des decisions rapides.
- Desactivez Afficher les prix si votre tarification varie beaucoup selon le vehicule ou l'etat. Vous pouvez toujours etablir un devis apres la reservation du client.
Faire une excellente premiere impression
- Choisissez une couleur de marque qui correspond a votre logo. La couleur d'arriere-plan du hero et les couleurs d'accent du formulaire doivent etre coherentes avec la marque de votre garage.
- Redigez une description convaincante. Votre slogan est la premiere chose que les clients lisent. Gardez-le court, specifique et oriente sur les avantages (par exemple, "Controle technique le jour meme avec repassage gratuit" plutot que "Bienvenue dans notre garage").
- Ajoutez des badges de caracteristiques pour mettre en avant ce qui vous distingue : "15 ans d'experience", "Pieces d'origine uniquement", "Collecte et livraison gratuites", etc.
- Telechargez des photos dans la galerie de votre atelier, de votre equipe ou de clients satisfaits. Les vraies photos inspirent plus confiance que les images de banque.
- Activez la carte et la fiche d'information pour que les clients puissent facilement trouver votre garage et voir vos horaires d'ouverture en un coup d'oeil.
Maintenir un fonctionnement fluide
- Verifiez vos reservations regulierement. Les reservations en ligne arrivent en statut En attente et doivent etre confirmees. Plus vous repondez rapidement, plus le client est satisfait.
- Testez votre widget apres l'installation. Visitez votre site web comme le ferait un client et parcourez le flux de reservation complet. Assurez-vous que tout s'affiche correctement et que la reservation apparait dans votre tableau de bord.
- Maintenez vos horaires d'ouverture a jour. Le formulaire de reservation utilise les horaires d'ouverture de votre garage pour generer les dates disponibles et, si active, les creneaux horaires. Si vos horaires changent, mettez-les a jour dans les parametres du garage pour que le planning reste precis.
- Verifiez vos domaines autorises si vous changez d'adresse de site web. Utilisez la zone domaines du site autorises de l'onglet Ajouter au site pour ajouter ou verifier les domaines approuves.
Questions frequemment posees
Ai-je besoin d'un site web pour utiliser le formulaire de reservation ? Non. L'onglet Page de reservation vous donne un lien autonome qui fonctionne sans site web. Vous pouvez le partager sur les reseaux sociaux, les applications de messagerie, par e-mail ou meme sous forme de QR code sur des supports imprimes.
Puis-je avoir a la fois le lien de la page de reservation et le widget integre en meme temps ? Oui, absolument. De nombreux garages utilisent le lien de la page de reservation pour les reseaux sociaux et le widget integre sur leur site web. Ils sont tous deux connectes au meme garage et creent des reservations au meme endroit.
Que se passe-t-il si un client reserve quand mon garage est ferme ? La reservation est quand meme creee avec le statut En attente. Vous la verrez dans votre tableau de bord lors de votre prochaine connexion (ou plus tot, si vous avez les notifications activees sur votre telephone). Le client choisit une date souhaitee, vous pouvez donc l'examiner et la confirmer a votre retour.
Les clients peuvent-ils choisir une heure precise ? Oui, si vous activez les creneaux horaires dans les Parametres de reservation et affichez le champ Creneau d'arrivee dans la personnalisation du formulaire. Le client verra un champ horaire a cote de la date.
Puis-je desactiver temporairement les reservations en ligne ? Oui. Si votre garage est defini avec un statut inactif dans autoGMS, la page de reservation affichera un message "hors ligne" aux clients avec vos coordonnees. Ils ne pourront pas soumettre de reservations tant que vous ne reactiverez pas.
Le widget va-t-il ralentir mon site web ? Non. Le code du site se charge de maniere asynchrone, ce qui signifie qu'il ne bloque pas le chargement du reste de votre page. Votre site web fonctionnera aussi bien qu'avant.
Le formulaire de reservation fonctionne-t-il sur les telephones mobiles ? Oui. Le formulaire est entierement responsive. Sur la page de reservation autonome, il passe automatiquement a une mise en page optimisee pour mobile. Lorsqu'il est integre dans votre site web, il s'adapte a la taille du conteneur disponible.
Quelles informations le client doit-il fournir ? Au minimum, son prenom, son nom, son numero de telephone, le type de vehicule et le service selectionne. Les autres informations dependent des champs que vous marquez comme obligatoires dans la personnalisation du formulaire et des regles de reservation, comme l'immatriculation MOT ou les creneaux horaires.
Puis-je modifier l'apparence du formulaire apres qu'il soit deja installe sur mon site web ? Oui. Toute modification que vous apportez sur la page Installation est enregistree dans votre garage et prend effet immediatement. Vous n'avez pas besoin de mettre a jour le code sur votre site web -- le widget recupere ses parametres depuis autoGMS a chaque chargement.
Dois-je mettre a jour le code sur mon site web si autoGMS publie de nouvelles fonctionnalites ? Non. Le code du site que vous collez est un chargeur leger qui recupere toujours automatiquement la derniere version. Les nouvelles fonctionnalites, corrections de bugs et ameliorations sont appliquees sans que vous ayez a toucher a votre site web.
Puis-je integrer le formulaire de reservation sur plus d'un site web ? Oui. Autorisez simplement chaque domaine et collez le meme code de widget sur chaque site. Toutes les reservations arriveront dans le meme garage de votre tableau de bord.
Et si je veux des formulaires differents pour differents garages ? Chaque garage dans autoGMS possede sa propre page Installation avec son propre code de widget et lien de page de reservation. Si vous gerez plusieurs garages, basculez d'abord vers le bon garage dans le tableau de bord, puis visitez sa page Installation.
Pourquoi mon widget ne s'affiche-t-il pas sur mon site web ? Verifiez d'abord ces points :
- Assurez-vous que le domaine de votre site web est autorise (ouvrez Installation > Ajouter au site et verifiez la zone domaines du site autorises).
- Assurez-vous d'avoir colle le code dans une zone de votre page qui autorise le HTML (pas dans un bloc de texte brut).
- Essayez de vider le cache de votre navigateur et de rafraichir la page.
- Si vous utilisez un constructeur de site, assurez-vous que le bloc HTML est publie et pas en mode brouillon.
Les clients peuvent-ils reserver plusieurs services en une fois ? Oui. A l'etape de selection des services, les clients peuvent cocher autant de services qu'ils le souhaitent. Tous les services selectionnes sont inclus dans la reservation qui apparait dans votre tableau de bord.
Reference rapide
| Ce que vous voulez faire | Ou aller |
|---|---|
| Obtenir le lien de votre page de reservation | Installation > Onglet Apercu > Page de reservation > Ouvrir dans un nouvel onglet |
| Personnaliser le hero de la page de reservation | Installation > Onglet Page de reservation |
| Personnaliser les champs et les couleurs du formulaire | Installation > Onglet Formulaire de reservation |
| Verifier l'experience client | Installation > Onglet Apercu > Page de reservation ou Formulaire sur site |
| Obtenir le code de votre widget integre | Installation > Onglet Ajouter au site > Bouton Copier le code du site |
| Voir les etapes d'installation par plateforme | Installation > Onglet Ajouter au site > Carte Guides par plateforme |
| Ajouter ou gerer les domaines autorises | Installation > Onglet Ajouter au site > Zone domaines du site autorises |
| Voir les reservations en ligne | Page Reservations dans votre tableau de bord (statut : En attente) |