Intégration au site

Une fois vos véhicules et votre moyen de paiement configurés, la rubrique Intégration web vous donne tout le nécessaire pour afficher votre module de réservation sur votre site. Deux options : coller un code HTML là où le module doit apparaître, ou partager un lien direct si vous n’avez pas de site. L’aperçu se met à jour à chaque enregistrement.

Ajouter le module à votre site

Dans la rubrique Intégration web, copiez le Code HTML à insérer dans votre site web puis collez-le dans le HTML de votre page, à l’endroit exact où le module doit apparaître. Le code prend la forme d’une balise iframe :

<iframe src='https://app.clickchauffeur.com/module/votre-identifiant'
        width="600" height="950"></iframe>

• Le bouton Copier place le code dans votre presse-papiers ; un message « Code copié ! » confirme l’opération.
• L’identifiant est propre à votre compte : ne le modifiez pas.
• Les attributs width et height reprennent les Dimensions du module que vous avez enregistrées (voir plus bas).

Ce code fonctionne sur WordPress, Wix et tout autre site acceptant l’insertion de HTML.

• WordPress : ajoutez un bloc HTML personnalisé dans l’éditeur de la page, puis collez le code.
• Wix : ajoutez un élément Intégrer un code / HTML (embed) et collez le code à l’intérieur.
• Autres sites : collez le code dans la zone HTML de la page, à l’emplacement voulu.

Partager un lien direct

Si vous n’avez pas de site web, ou pour communiquer votre module par message, e-mail ou réseaux sociaux, utilisez le Lien direct vers votre module de réservation. Ce lien ouvre le module de réservation sans avoir à l’intégrer à un site. Le bouton Copier confirme par « Lien direct copié ! ».

Personnaliser le module

Sous Personnalisation du module, plusieurs réglages permettent d’adapter l’apparence et le comportement du module. Après chaque modification, cliquez sur Enregistrer : l’aperçu se met à jour.

Design du module

Choisissez le design du module :

• Classique — la présentation historique du module.
• Moderne — un design qui s’adapte automatiquement à la largeur de l’iframe (carte à droite sur grand écran, éléments empilés sur mobile).

Titre et description

• Titre — le titre du formulaire. Il ne s’affiche pas si une image est chargée.
• Texte — le texte affiché sous le titre ; utilisez-le pour donner des informations utiles à vos clients.
• Image du formulaire — une image d’en-tête (elle remplace le titre à l’affichage). Vous pouvez supprimer l’image actuelle à tout moment.

Affichage

Activez ou désactivez les champs proposés à vos clients dans le module :

• Afficher la carte — affiche une carte dans le module.
• Nombre de passagers — si désactivé, le nombre de passagers n’est pas pris en compte dans le calcul des tarifs, même si le prix par passager d’un véhicule est paramétré.
• Nombre de bagages — si désactivé, le champ de saisie du nombre de bagages n’apparaît pas dans le module.
• Type de véhicule — si désactivé, la liste déroulante des véhicules n’apparaît pas et le véhicule par défaut est utilisé.
• Type de trajet — si désactivé, le client ne peut pas choisir un trajet aller/retour.

Dimensions du module — définissez la largeur et la hauteur (en pixels) du module. Ces valeurs alimentent les attributs width et height du code HTML.

Couleurs

• Couleur des icônes — la couleur des icônes affichées dans le module.
• Couleur du bouton — la couleur du bouton d’action du module.

Redirection

URL de redirection après réservation — l’adresse vers laquelle le client est renvoyé une fois sa réservation effectuée (par exemple une page de remerciement de votre site).

Carte et Google Maps

Si vous activez Afficher la carte, deux réglages complémentaires deviennent utiles :

• Coordonnées du centre de la carte — définissez la Latitude, la Longitude et le Niveau de zoom du centre affiché par défaut. Le bouton Sélectionner sur la carte permet de choisir ce point visuellement.
• Google Maps API — renseignez votre clé API Google Maps pour bénéficier de Google Maps dans votre module de réservation.

Vérifier avant de publier

Avant de coller le code sur votre site, utilisez l’Aperçu de la rubrique Intégration web : il affiche votre module tel que le verront vos clients, avec vos dimensions, vos couleurs et vos réglages. Ajustez, Enregistrez, vérifiez l’aperçu, puis copiez le code.

Formule gratuite

Le module de réservation et son intégration (code HTML et lien direct) sont disponibles dès la formule gratuite. Rappel des limites du plan gratuit : 5 réservations par mois, 1 véhicule, et pas de paiement en ligne (paiement au chauffeur uniquement). Pour un module sans limite et le paiement en ligne, passez à une formule payante. Voir la page Tarifs.