From SimplyBook.me
Created page with "= widget iFrame = :1. Dans votre page d'administration [https://simplybook.me/ Simplybook], récupérez le code dans <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres des widgets de réservation</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Widget iFrame</span> File:Booking widget path redesigned.png|1..." |
Created page with "= Widget du bouton de réservation = :1. Dans votre page d'administration [https://simplybook.me/ Simplybook], récupérez le code dans <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres des widgets de réservation</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bouton de réservation</span> File:Booking..." |
||
| Line 30: | Line 30: | ||
[[File:Squarespace website look.png|center]] | [[File:Squarespace website look.png|center]] | ||
<br><br> | <br><br> | ||
= Widget du bouton de réservation = | |||
= | :1. Dans votre page d'administration [https://simplybook.me/ Simplybook], récupérez le code dans <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres des widgets de réservation</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bouton de réservation</span> | ||
:1. | |||
[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]] | [[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]] | ||
<br><br> | <br><br> | ||
:2. | :2. Dans votre compte Squarespace, accédez à la page à laquelle vous souhaitez ajouter le code, passez en mode édition et sélectionnez « Ajouter un bloc » > « Code ». | ||
[[File:Squarespace add new block.png | center]] | [[File:Squarespace add new block.png|center]] | ||
<br><br> | <br><br> | ||
[[File:Squarespace select code block.png | center]] | [[File:Squarespace select code block.png|center]] | ||
<br><br> | <br><br> | ||
:3. | :3. Insérez le code reçu dans la page d'administration [https://simplybook.me/ Simplybook] dans votre page Squarespace. | ||
[[File:Squarespace add code.png | center]] | [[File:Squarespace add code.png|center]] | ||
<br><br> | <br><br> | ||
:4. | :4. Enregistrez la page et vérifiez le résultat. | ||
[[File:Squarespace booking button widget new.png | center]] | [[File:Squarespace booking button widget new.png|center]] | ||
<br><br> | <br><br> | ||
Revision as of 08:59, 18 June 2025
widget iFrame
- 1. Dans votre page d'administration Simplybook, récupérez le code dans Paramètres -> Paramètres des widgets de réservation -> Widget iFrame
- 2. Sur votre compte Squarespace, choisissez la page où vous souhaitez insérer votre calendrier de réservation. Nous vous recommandons d'utiliser une nouvelle page dans la navigation principale spécialement conçue pour les réservations en ligne.
- Vous pouvez la nommer « Réserver maintenant », « Réservation en ligne » ou « Calendrier ».
- 3. Ouvrez l'éditeur de page. Supprimez le bloc de réservation par défaut.
- 4. Cliquez sur « + » dans le coin supérieur droit et sélectionnez « Code » dans le menu « Bloc ».
- 5. Insérez le code reçu dans la page d'administration de Simplybook dans la zone de code HTML, puis cliquez sur « Appliquer ».
- 6. Vous pouvez recevoir un message indiquant que les scripts intégrés sont désactivés. Cela est fait par Squarespace pour des raisons de sécurité, mais vous pouvez cliquer sur « Aperçu » pour voir si le widget fonctionne.
- 7. Vous pouvez également publier le site web et y accéder en tant que client pour vérifier son apparence.
Widget du bouton de réservation
- 1. Dans votre page d'administration Simplybook, récupérez le code dans Paramètres -> Paramètres des widgets de réservation -> Bouton de réservation
- 2. Dans votre compte Squarespace, accédez à la page à laquelle vous souhaitez ajouter le code, passez en mode édition et sélectionnez « Ajouter un bloc » > « Code ».
- 3. Insérez le code reçu dans la page d'administration Simplybook dans votre page Squarespace.
- 4. Enregistrez la page et vérifiez le résultat.
