Votre site web est la vitrine numérique de votre entreprise. C'est là que les premières impressions se font et que votre emploi du temps commence à se remplir. Pour vous aider à offrir une expérience fluide à vos clients, Salonized propose des moyens flexibles d'intégrer votre widget de réservation, que vous préfériez un bouton pop-up ou une version ouverte (inline). Suivez les guides ci-dessous et découvrez comment l'ajouter aux plateformes de sites web les plus courantes.
Comment puis-je ajouter le bouton pop-up du widget de réservation à mon site web ?
L'ajout du bouton du widget de réservation à votre site web est simple et rapide. Pour ce faire, veuillez suivre les étapes suivantes :
Étape 1 : Ajustez les paramètres de votre widget de réservation
Connectez-vous à Salonized.
Cliquez sur l'icône de l'engrenage (Paramètres) en bas à gauche.
Sélectionnez Réservations en ligne.
Cliquez sur « Personnalisation et partage » et ajustez les paramètres suivants si nécessaire:
Couleur : Utilisez celle par défaut ou choisissez votre propre couleur de widget.
Vue du calendrier : Affichez vos disponibilités par semaine ou par mois. Vous pouvez également afficher une option permettant aux clients de vérifier leurs rendez-vous ou ajouter une alerte personnalisée dans votre widget.
Étape 2 : Copiez le code
Faites défiler jusqu'au bas de la page.
Sous « Partage », sélectionnez « Code pour ajouter le bouton sur mon site web ».
Choisissez la position du bouton (aligné à gauche ou à droite).
Cliquez sur « Copier » pour copier l'intégralité du script.
Étape 3 : Ajoutez le code au pied de page (footer) de votre site web
Connectez-vous au système de gestion de votre site web.
Ajoutez le code copié au pied de page de votre site web.
Publiez les modifications. Le widget est maintenant ajouté à votre site web.
Important : Si vous mettez à jour la couleur ou la position de votre widget dans Salonized, un nouveau code sera généré. Pour voir ces changements sur votre site, remplacez simplement l'ancien script par la version mise à jour.
Comment puis-je ajouter le bouton pop-up du widget de réservation à mon site web WordPress ?
Copiez le code du widget de réservation depuis Salonized comme décrit ci-dessus.
Connectez-vous à votre site web WordPress.
Cliquez sur « Extensions » dans le menu de gauche. (Si vous ne voyez pas cette option, votre compte n'a peut-être pas les autorisations d'administrateur—le gestionnaire de votre site web peut vous aider pour cela !)
Cliquez sur « Ajouter une extension »
Dans la barre de recherche, tapez « WPCode ».
Cliquez sur « Installer maintenant » > « Activer ».
Vous verrez maintenant un nouvel élément de menu sur la gauche appelé « Code Snippets ». Survolez-le et sélectionnez « Header & Footer ».
Faites défiler vers le bas jusqu'à la section Footer et collez votre code Salonized dans la zone de texte.
Cliquez sur « Enregistrer » en haut, et c'est terminé.
Comment puis-je ajouter le bouton pop-up du widget de réservation à mon site web WIX ?
Copiez le code du widget de réservation depuis Salonized comme décrit ci-dessus.
Connectez-vous à votre site web WIX.
Allez dans Paramètres dans le menu de gauche.
Faites défiler jusqu'à la section Avancé.
Sélectionnez Code personnalisé.
Trouvez la section Body - End et cliquez sur « Ajouter un code ».
Collez le code de Salonized dans la case du haut (« Collez le fragment de code ici »).
Nommez l'outil (par exemple, « Widget de réservation Salonized »).
Vérifiez que les options par défaut sont correctes (« Ajouter le code à : Toutes les pages », « Charger le code une fois » et « Placer le code dans : Body - fin »).
Cliquez sur « Appliquer » pour publier vos modifications.
Comment puis-je ajouter le bouton pop-up du widget de réservation à mon site web Jimdo Creator ?
Copiez le code du widget de réservation depuis Salonized comme décrit ci-dessus.
Connectez-vous à votre site web Jimdo.
Choisissez le bon site.
Cliquez sur « Modifier ».
Faites défiler tout en bas jusqu'à la zone grise et survolez-la avec votre souris.
Cliquez sur « Ajouter du contenu » > « Plus d'éléments et d'extensions ».
Sélectionnez l'élément HTML.
Collez le code Salonized dans l'élément HTML.
Cliquez sur « Enregistrer ».
Comment puis-je ajouter le bouton pop-up du widget de réservation à mon site web Weebly ?
Copiez le code du widget de réservation depuis Salonized comme décrit ci-dessus.
Connectez-vous à votre site web Weebly.
Cliquez sur « Modifier le site web ».
Dans la barre supérieure, allez dans « Paramètres ».
Cliquez sur « SEO » dans le menu de gauche.
Allez dans « Footer code » et collez-y votre code Salonized.
Cliquez sur « Enregistrer » > « Publier ».
Comment lier un bouton personnalisé au widget de réservation en utilisant WordPress ?
Vous pouvez déclencher le widget de réservation à partir de n'importe quel élément de menu ou bouton de votre site en utilisant un « lien d'ancrage » unique. Vous disposez de plusieurs options pour le configurer :
Option A : L'ajouter à votre menu principal :
Connectez-vous à votre compte WordPress.
Allez dans Apparence > Menus.
Sélectionnez Liens personnalisés dans la colonne de gauche.
Dans le champ URL (https://static-widget.salonized.com/loader.js), tapez : #sz-booking-toggle.
Dans Texte du lien, tapez le nom du bouton souhaité (par exemple, « Réserver »).
Cliquez sur « Ajouter au menu » puis sur « Enregistrer le menu ».
Option B : L'ajouter à un bouton sur une page :
Ouvrez l'éditeur de page contenant l'ancien bouton.
Sélectionnez votre bouton ou surlignez le texte que vous souhaitez lier.
Cliquez sur l'icône de lien hypertexte.
Dans le champ URL (https://static-widget.salonized.com/loader.js), entrez : #sz-booking-toggle
Cliquez sur « Mettre à jour » ou « Enregistrer » pour confirmer vos modifications.
Comment ajouter le widget de réservation ouvert (Inline) à mon site web ?
La version « ouverte » ou « inline » vous permet d'intégrer l'expérience de réservation complète directement dans le corps d'une page web. Contrairement à un bouton pop-up, cette version reste visible sur la page (par exemple, votre page d'accueil ou une page de réservation dédiée), permettant aux clients de commencer la planification immédiatement sans clics supplémentaires. Pour l'ajouter, veuillez suivre ces étapes :
Étape 1 : Ajustez les paramètres
Connectez-vous à Salonized Allez dans « Paramètres » > « Réservations en ligne » > « Personnalisation et partage » :
Choisissez votre couleur.
Choisissez l'option de partage « Code pour ajouter un widget de réservation ouvert sur mon site web ».
Choisissez la taille : vous pouvez laisser « Ajuster automatiquement » activé ou choisir « Largeur personnalisée ».
Ajustez la hauteur si nécessaire.
Étape 2 : Copiez le code
Cliquez sur « Copier » au bas de la page.
Remarque : Ces paramètres affectent le script. Définissez vos préférences avant de copier le code. Si vous modifiez les paramètres, vous devrez remplacer le code sur votre site.
Étape 3 : Ajoutez le code à votre site web
Pour ajouter le widget de réservation ouvert à Weebly :
Connectez-vous à Weebly et cliquez sur « Modifier le site web ».
Allez dans « Pages » et sélectionnez la page souhaitée.
Cliquez sur </> (Code d'intégration) et faites-le glisser vers la position souhaitée.
Cliquez sur « Modifier le HTML personnalisé » et collez votre code.
Cliquez sur « Publier » pour enregistrer vos modifications.
Pour ajouter le widget de réservation ouvert à Mijndomein :
Connectez-vous à Mijndomein
Allez dans « Produits ».
Sélectionnez « Gérer » à côté de Websitemaker
Cliquez sur « Connexion Websitemaker ».
Allez sur la page où vous souhaitez ajouter le widget.
Dans le menu « Widgets », cliquez sur « HTML » et faites-le glisser sur la page.
Cliquez sur « Ajoutez votre propre code HTML ici », supprimez le texte générique, collez votre code et cliquez sur « Mettre à jour ».
Cliquez sur « Republier » en haut à droite.
Et voilà ! Vous avez ajouté avec succès votre widget de réservation ouvert à votre site web.
Si vous avez des questions ou avez besoin d'aide supplémentaire, veuillez nous contacter via le chat ou au (+31) 020 893 2386.
Pour plus d'informations sur le widget de réservation en ligne, veuillez consulter cet article.