SimplyBook.me

Squarespace/fr: Difference between revisions

VisualWikitext
Created page with "Squarespace"
 
No edit summary
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<languages/>
<languages/>
<div lang="en" dir="ltr" class="mw-content-ltr">
{{#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, planification de rendez-vous en ligne, planification en ligne, plugins, fonctionnalités personnalisées, lien vers une page de réservation personnalisée, nom de domaine, nom de domaine personnalisé, URL personnalisée }}__FORCETOC__
{{#seo:
|title=Squarespace - SimplyBook.me
|description=Integrate SimplyBook.me with Squarespace to enable seamless online bookings. Follow the guide to connect your website today!
|titlemode=append
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, custom booking page link, domain name, custom domain name, custom url
}}
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
<br><br>
__FORCETOC__
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
= widget iFrame =
=iFrame widget=
: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> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres des widgets de réservation</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Widget iFrame</span>
:1. In your [https://simplybook.me/ Simplybook] admin page get the code in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame widget</span>
[[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. On your Squarespace account, choose the page where are planning to insert your booking calendar. We recommend using a new page in Main Navigation designed specifically for online booking.  
: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.  
:You can name it "Book Now", "Online Booking" or "Calendar."
: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. Open the page editor. Remove the default booking block.
:3. Ouvrez l'éditeur de page. Supprimez le bloc de réservation par défaut.
<br><br>
<br><br>
:4. Click on "+" in the top right corner and select ''Code'' from the Block Menu.
: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. Insert the code received in [https://simplybook.me/ Simplybook] admin page, to the HTML code box and click "Apply".
: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. You may get a message that embedded scripts are disabled  - it is done on Squarespace side due to security reasons but you can click on "Preview" to see if the widget is working.
: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. Or you can publish the website and access it as a client to check the look.
: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>
= Widget du bouton de réservation =
<div lang="en" dir="ltr" class="mw-content-ltr">
: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> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres des widgets de réservation</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bouton de réservation</span>
=Booking button widget=
:1.  In your [https://simplybook.me/ Simplybook] admin page get the code in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking button</span>
[[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. 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.
: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 » &gt; « 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. Insert the code received in [https://simplybook.me/ Simplybook] admin page, to your Squarespace page.
: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. Save the page and check the look.
: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>
</div>
Retrieved from "https://help.simplybook.me/index.php?title=Squarespace/fr"