Squarespace/nl: Difference between revisions

Line 4:

__FORCETOC__

~~<div lang~~=~~"en" dir="ltr" class="mw-content~~-~~ltr">~~

= iFrame-widget =

~~=iFrame~~ widget=

:1. Ga in uw [https://simplybook.me/ Simplybook-beheerderspagina] naar Instellingen -> Instellingen voor boekingswidgets -> iFrame-widget

:1. ~~In your~~ [https://simplybook.me/ Simplybook] ~~admin page get the code in~~ ~~Settings~~ -> ~~Booking widgets settings~~ -> iFrame widget

[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]

[[File:Copy widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]]

: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]]

:3. Open ~~the page~~ editor. ~~Remove the default booking block~~.

:3. Open de pagina-editor. Verwijder het standaard boekingsblok.

: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]]

[[File:Squarespace select code block.png | center]]

[[File:Squarespace select code block.png|center]]

: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]]

: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]]

: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]]

~~</div>~~

=Booking button widget=

@@ Line 4: / Line 4: @@
 __FORCETOC__
-<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]]
 <br><br>
 [[File:Copy widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]]
 <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>
-:3. Open the page editor. Remove the default booking block.
+:3. Open de pagina-editor. Verwijder het standaard boekingsblok.
 <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>
-[[File:Squarespace select code block.png | center]]
+[[File:Squarespace select code block.png|center]]
 <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>
-: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>
-: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>
-</div>
 <div lang="en" dir="ltr" class="mw-content-ltr">
 =Booking button widget=