Squarespace/de: Difference between revisions

Line 4:

__FORCETOC__

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

= iFrame-Widget =

~~=iFrame widget~~=

:1. Rufen Sie auf Ihrer [https://simplybook.me/ Simplybook-Administrationsseite] den Code unter „Einstellungen“ -> „Buchungs-Widget-Einstellungen“ -> „iFrame-Widget“ ab[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]

: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. Wählen Sie in Ihrem Squarespace-Konto die Seite aus, auf der Sie Ihren Buchungskalender einfügen möchten. Wir empfehlen, eine neue Seite in der Hauptnavigation zu verwenden, die speziell für Online-Buchungen vorgesehen ist.

:~~You can name it "Book Now"~~, ~~"Online Booking" or "Calendar~~."

:Sie können sie „Jetzt buchen”, „Online-Buchung” oder „Kalender” nennen.

[[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. Öffnen Sie den Seiteneditor. Entfernen Sie den Standard-Buchungsblock.

:4. ~~Click on "~~+~~" in the top right corner and select~~ ''~~Code~~'' ~~from the Block Menu~~.

:4. Klicken Sie oben rechts auf „+“ und wählen Sie ''„Code“'' aus dem Blockmenü.

[[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. Fügen Sie den Code, den Sie auf [https://simplybook.me/ der Simplybook-] Admin-Seite erhalten haben, in das HTML-Codefeld ein und klicken Sie auf „Übernehmen“.

[[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. Möglicherweise erhalten Sie eine Meldung, dass eingebettete Skripte deaktiviert sind. Dies geschieht aus Sicherheitsgründen auf der Seite von Squarespace, aber Sie können auf „Vorschau” klicken, um zu sehen, ob das Widget funktioniert.

[[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. Oder Sie können die Website veröffentlichen und als Kunde darauf zugreifen, um das Aussehen zu überprüfen.

[[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. Rufen Sie auf Ihrer [https://simplybook.me/ Simplybook-Administrationsseite] den Code unter <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">„Einstellungen“</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">„Buchungs-Widget-Einstellungen“</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">„iFrame-Widget“</span> ab[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
-: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. Wählen Sie in Ihrem Squarespace-Konto die Seite aus, auf der Sie Ihren Buchungskalender einfügen möchten. Wir empfehlen, eine neue Seite in der Hauptnavigation zu verwenden, die speziell für Online-Buchungen vorgesehen ist.
-:You can name it "Book Now", "Online Booking" or "Calendar."
+:Sie können sie „Jetzt buchen”, „Online-Buchung” oder „Kalender” nennen.
-[[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. Öffnen Sie den Seiteneditor. Entfernen Sie den Standard-Buchungsblock.
 <br><br>
-:4. Click on "+" in the top right corner and select ''Code'' from the Block Menu.
+:4. Klicken Sie oben rechts auf „+“ und wählen Sie ''„Code“'' aus dem Blockmenü.
-[[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. Fügen Sie den Code, den Sie auf [https://simplybook.me/ der Simplybook-] Admin-Seite erhalten haben, in das HTML-Codefeld ein und klicken Sie auf „Übernehmen“.
-[[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. Möglicherweise erhalten Sie eine Meldung, dass eingebettete Skripte deaktiviert sind. Dies geschieht aus Sicherheitsgründen auf der Seite von Squarespace, aber Sie können auf „Vorschau” klicken, um zu sehen, ob das Widget funktioniert.
-[[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. Oder Sie können die Website veröffentlichen und als Kunde darauf zugreifen, um das Aussehen zu überprüfen.
-[[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=