Squarespace/de: Difference between revisions

From SimplyBook.me
← Older edit
VisualWikitext
Created page with "{{#seo: |title=Squarespace – SimplyBook.me |description=Integrieren Sie SimplyBook.me in Squarespace, um nahtlose Online-Buchungen zu ermöglichen. Folgen Sie der Anleitung, um Ihre Website noch heute zu verbinden! |titlemode=anhängen |keywords=fAQ, häufig gestellte Fragen, Buchungssoftware, Fragen zum Terminsystem, Online-Termine, Kalender-Software, Buchungssystem, Buchungskalender, Terminplanungs-Software, Online-Terminplanung, Online-Terminplanung, Plugins, benutz..."
Tags: Mobile edit Mobile web edit
No edit summary
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<languages/>
<languages/>
{{#seo: |title=Squarespace – SimplyBook.me |description=Integrieren Sie SimplyBook.me in Squarespace, um nahtlose Online-Buchungen zu ermöglichen. Folgen Sie der Anleitung, um Ihre Website noch heute zu verbinden! |titlemode=anhängen |keywords=fAQ, häufig gestellte Fragen, Buchungssoftware, Fragen zum Terminsystem, Online-Termine, Kalender-Software, Buchungssystem, Buchungskalender, Terminplanungs-Software, Online-Terminplanung, Online-Terminplanung, Plugins, benutzerdefinierte Funktionen, Link zur benutzerdefinierten Buchungsseite, Domainname, benutzerdefinierter Domainname, benutzerdefinierte URL }}
{{#seo: |title=Squarespace – SimplyBook.me |description=Integrieren Sie SimplyBook.me in Squarespace, um nahtlose Online-Buchungen zu ermöglichen. Folgen Sie der Anleitung, um Ihre Website noch heute zu verbinden! |titlemode=anhängen |keywords=fAQ, häufig gestellte Fragen, Buchungssoftware, Fragen zum Terminsystem, Online-Termine, Kalender-Software, Buchungssystem, Buchungskalender, Terminplanungs-Software, Online-Terminplanung, Online-Terminplanung, Plugins, benutzerdefinierte Funktionen, Link zur benutzerdefinierten Buchungsseite, Domainname, benutzerdefinierter Domainname, benutzerdefinierte URL }}__FORCETOC__
<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. 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]]
[[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. 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>
<br><br>
:3. Open the page editor. Remove the default booking block.
:3. Öffnen Sie den Seiteneditor. Entfernen Sie den Standard-Buchungsblock.
<br><br>
<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>
<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. 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>
<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>
<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>
<br><br>
</div>
= Widget für die Buchungsschaltfläche =
<div lang="en" dir="ltr" class="mw-content-ltr">
:1.  Rufen Sie in Ihrer [https://simplybook.me/ Simplybook-Verwaltungsseite] 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;">„Buchungswidget-Einstellungen“</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">„Buchungsbutton“</span> auf[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
=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. Gehen Sie in Ihrem Squarespace-Konto auf die Seite, zu der Sie den Code hinzufügen möchten, wechseln Sie in den Bearbeitungsmodus und wählen Sie „Code-Block hinzufügen”.
[[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. Fügen Sie den in [https://simplybook.me/ der Simplybook-Ver] waltungsseite erhaltenen Code in Ihre Squarespace-Seite ein.
[[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. Speichern Sie die Seite und überprüfen Sie das Aussehen.
[[File:Squarespace booking button widget new.png | center]]
[[File:Squarespace booking button widget new.png|center]]
<br><br>
<br><br>
</div>

Latest revision as of 11:07, 14 October 2025

Other languages:

iFrame-Widget

1. Rufen Sie auf Ihrer Simplybook-Administrationsseite den Code unter „Einstellungen“ -> „Buchungs-Widget-Einstellungen“ -> „iFrame-Widget“ ab





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.
Sie können sie „Jetzt buchen”, „Online-Buchung” oder „Kalender” nennen.



3. Öffnen Sie den Seiteneditor. Entfernen Sie den Standard-Buchungsblock.



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





5. Fügen Sie den Code, den Sie auf der Simplybook- Admin-Seite erhalten haben, in das HTML-Codefeld ein und klicken Sie auf „Übernehmen“.



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.



7. Oder Sie können die Website veröffentlichen und als Kunde darauf zugreifen, um das Aussehen zu überprüfen.



Widget für die Buchungsschaltfläche

1. Rufen Sie in Ihrer Simplybook-Verwaltungsseite den Code unter „Einstellungen“ -> „Buchungswidget-Einstellungen“ -> „Buchungsbutton“ auf



2. Gehen Sie in Ihrem Squarespace-Konto auf die Seite, zu der Sie den Code hinzufügen möchten, wechseln Sie in den Bearbeitungsmodus und wählen Sie „Code-Block hinzufügen”.





3. Fügen Sie den in der Simplybook-Ver waltungsseite erhaltenen Code in Ihre Squarespace-Seite ein.



4. Speichern Sie die Seite und überprüfen Sie das Aussehen.



Retrieved from "https://help.simplybook.me/index.php?title=Squarespace/de&oldid=40107"