From SimplyBook.me
Created page with "{{#seo: |title=Squarespace - SimplyBook.me |description=Intégrez SimplyBook.me à Squarespace pour permettre des réservations en ligne fluides. Suivez le guide pour connecter votre site web dès aujourd'hui ! |titlemode=ajouter |keywords=faq, questions fréquemment posées, logiciel de réservation, questions sur le système de rendez-vous, rendez-vous en ligne, logiciel de calendrier, système de réservation, calendrier de réservation, logiciel de planification, pla..." Tags: Mobile edit Mobile web edit |
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..." |
||
| Line 4: | Line 4: | ||
__FORCETOC__ | __FORCETOC__ | ||
= widget iFrame = | |||
=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> | ||
: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> | ||
[[File:Copy widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]] | [[File:Copy widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]] | ||
<br><br> | <br><br> | ||
:2. | :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 ». | ||
[[File:Squarespace add new page.png | center]] | [[File:Squarespace add new page.png|center]] | ||
<br><br> | <br><br> | ||
:3. | :3. Ouvrez l'éditeur de page. Supprimez le bloc de réservation par défaut. | ||
<br><br> | <br><br> | ||
:4. | :4. Cliquez sur « + » dans le coin supérieur droit et sélectionnez ''« Code »'' dans le menu « Bloc ». | ||
[[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> | ||
:5. | :5. Insérez le code reçu dans la page d'administration [https://simplybook.me/ de Simplybook] dans la zone de code HTML, puis cliquez sur « Appliquer ». | ||
[[File:Squarespace add code.png | center]] | [[File:Squarespace add code.png|center]] | ||
<br><br> | <br><br> | ||
:6. | :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. | ||
[[File:Squarespace preview.png | center]] | [[File:Squarespace preview.png|center]] | ||
<br><br> | <br><br> | ||
:7. | :7. Vous pouvez également publier le site web et y accéder en tant que client pour vérifier son apparence. | ||
[[File:Squarespace website look.png | center]] | [[File:Squarespace website look.png|center]] | ||
<br><br> | <br><br> | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
=Booking button widget= | =Booking button widget= | ||
Revision as of 08:58, 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.
Booking button widget
- 1. In your Simplybook admin page get the code in Settings -> Booking widgets settings -> Booking button
- 2. In your Squarespace account go to the page you wish to add the code to, switch to editing mode and select to add "Code" block.
- 3. Insert the code received in Simplybook admin page, to your Squarespace page.
- 4. Save the page and check the look.
