Si vous utilisez déjà Booxi sur votre site web, vous vous demandez peut-être pourquoi vous devriez intégrer Booxi directement dans votre application mobile. La réponse est simple : les utilisateurs de votre application s'attendent à une expérience fluide, sans redirection vers un navigateur. En intégrant Booxi dans votre application, vous assurez une expérience de marque cohérente, des performances plus rapides et un engagement client plus fort.
Vous pouvez intégrer Booxi dans votre application mobile de l'une des manières suivantes : WebView, JavaScript, ou intégration API. Chaque option offre différents niveaux de personnalisation et d'effort, vous permettant de choisir celle qui correspond le mieux à vos besoins.
Comparaison des options intégrations
Fonctionnalité | Effort | Idéal pour | UX |
WebView | Faible | Configuration rapide | Web-in-app |
Widget JavaScript | Moyen | Frameworks hybrides | Semi-natif |
Intégration API | Élevé | Contrôle entièrement natif | Entièrement natif |
Option 1 : WebView
La manière la plus rapide d'intégrer Booxi dans votre application est d'utiliser un WebView. Un WebView est comme un mini-navigateur à l'intérieur de votre application qui charge votre page de réservation Booxi.
Comment implémenter :
Définir l'URL de la WebView : Définissez l'URL du WebView sur une page de destination où l'utilisateur interagira avec le widget. Cela peut être fait facilement en utilisant le générateur de code de Booxi ; suivez les étapes décrites ici.
Ouverture automatique du widget (facultatif) : Pour une expérience utilisateur fluide, il est généralement préférable de s'assurer que le widget s'ouvre automatiquement lors de la visite de la page ; voir ici pour les instructions.
Passer des paramètres (facultatif) : Vous pouvez configurer le widget en passant certains paramètres dans l'URL (par exemple, présélectionner un service ou des lieux spécifiques) ; voir ici pour les instructions.
Pré-remplir les informations client (facultatif) : Pour rendre l'expérience encore meilleure, vous pouvez configurer le widget de manière à ce que l'étape des informations client soit ignorée. Cela se fait en pré-remplissant des valeurs à partir des informations client que vous avez déjà dans votre application ; voir ici pour les détails.
Pour ce faire, vous devez passer les informations client dans l'URL de la page de destination pour qu'elles soient transmises au widget. Vous devrez encoder l'objet client ; Booxi suggère d'utiliser l'encodage base64 puis de le décoder dans votre page de destination.
*Note : Assurez-vous d'être conscient des notes mentionnées ici.
Option 2 : Widget JavaScript
Si votre application mobile est construite avec des frameworks hybrides comme React Native, Ionic ou Cordova, vous pouvez intégrer le widget de Booxi de la même manière que vous le feriez sur un site web.
Comment ça fonctionne : Vous insérez le widget JavaScript de Booxi dans votre application afin que les clients puissent réserver directement à l'intérieur de l'application. Pour plus d'informations, voir ici.
Option 3 : Intégration API
Pour l'intégration la plus avancée, vous pouvez utiliser l'API Booxi pour construire une expérience de réservation entièrement personnalisée à l'intérieur de votre application.
Comment ça fonctionne : Vous appelez l'API Booxi pour récupérer les services, les disponibilités du personnel et les détails de réservation, puis affichez ces données en utilisant l'interface native de votre propre application. Pour plus d'informations, voir ici.
Pourquoi choisir cette option : Vous obtenez un contrôle total sur la conception et le flux, de sorte que le processus de réservation soit fluide et corresponde parfaitement à votre marque.
À noter : Cette option nécessite plus d'effort de développement et de ressources techniques. Vous devez également être sur le plan Standard ou Custom.
Choisir la bonne option
Si vous avez besoin de quelque chose de rapide et facile, optez pour WebView.
Si votre application est construite avec des technologies hybrides, utilisez le widget JavaScript.
Si vous souhaitez une expérience entièrement native avec un contrôle maximal, utilisez l'API.