SimplyBook.me

Squarespace/nl: Difference between revisions

VisualWikitext
Created page with "Squarespace"
 
No edit summary
Tags: Mobile edit Mobile web edit
 
(5 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=Integreer SimplyBook.me met Squarespace voor naadloze online boekingen. Volg de handleiding om uw website vandaag nog te koppelen! |titlemode=toevoegen |keywords=faq, veelgestelde vragen, boekingssoftware, vragen over het afspraken systeem, online afspraken, kalendersoftware, boekingssysteem, boekingskalender, planningssoftware, online afspraken plannen, online planning, plug-ins, aangepaste functies, aangepaste boekingspagina link, domeinnaam, aangepaste domeinnaam, aangepaste url }}__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">
= iFrame-widget =
=iFrame widget=
:1. Ga in uw [https://simplybook.me/ Simplybook-beheerderspagina] naar <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen voor boekingswidgets</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame-widget</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. Kies in uw Squarespace-account de pagina waar u uw boekingskalender wilt invoegen. We raden u aan een nieuwe pagina in de hoofdnavigatie te gebruiken die speciaal is ontworpen voor online boekingen.  
:You can name it "Book Now", "Online Booking" or "Calendar."
:U kunt deze pagina 'Nu boeken', 'Online boeken' of 'Kalender' noemen.
[[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. Open de pagina-editor. Verwijder het standaard boekingsblok.
<br><br>
<br><br>
:4. Click on "+" in the top right corner and select ''Code'' from the Block Menu.
:4. Klik op '+' in de rechterbovenhoek en selecteer '''Code''' in het blokmenu.
[[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. Voeg de code die u op [https://simplybook.me/ de Simplybook-] beheerderspagina hebt ontvangen in het HTML-codevak in en klik op 'Toepassen'.
[[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. Mogelijk krijgt u een bericht dat ingesloten scripts zijn uitgeschakeld. Dit is om veiligheidsredenen gedaan door Squarespace, maar u kunt op 'Preview' klikken om te zien of de widget werkt.
[[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. U kunt ook de website publiceren en deze als klant openen om het resultaat te bekijken.
[[File:Squarespace website look.png | center]]
[[File:Squarespace website look.png|center]]
<br><br>
<br><br>
</div>
= Widget voor boekingsknop =
<div lang="en" dir="ltr" class="mw-content-ltr">
:1.  Ga in uw [https://simplybook.me/ Simplybook-] beheerderspagina naar <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen voor boekingswidgets</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Boekingsknop</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. Ga in uw Squarespace-account naar de pagina waaraan u de code wilt toevoegen, schakel over naar de bewerkingsmodus en selecteer "Code" blok toevoegen.
[[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. Voeg de code die u in de [https://simplybook.me/ Simplybook-be] heerderspagina hebt ontvangen, in uw Squarespace-pagina in.
[[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. Sla de pagina op en controleer het resultaat.
[[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/nl"