From SimplyBook.me
Created page with "= 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> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">„Buchungs-Widget-Einstellungen“</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">„iFrame-Widget“</span> abFile:Booking widget path redesig..." |
No edit summary |
||
| (2 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__ | ||
__FORCETOC__ | |||
= iFrame-Widget = | = iFrame-Widget = | ||
| Line 30: | Line 28: | ||
[[File:Squarespace website look.png|center]] | [[File:Squarespace website look.png|center]] | ||
<br><br> | <br><br> | ||
= Widget für die Buchungsschaltfläche = | |||
= | :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> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">„Buchungswidget-Einstellungen“</span> -> <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]] | ||
:1. | |||
[[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. | :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. | :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. | :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> | ||
Latest revision as of 11:07, 14 October 2025
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.
