From SimplyBook.me
Created page with "= iFrame-widget = :1. På din [https://simplybook.me/ Simplybook-administratörssida] hämtar du koden i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar för bokningswidgets</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame-widget</span> File:Booking widget path redesigned.png|1200px | cente..." |
Created page with "= Widget för bokningsknapp = :1. På din [https://simplybook.me/ Simplybook-] administratörssida hämtar du koden i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar för bokningswidgets</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bokningsknapp</span> File:Booking widget path redesigned.png|..." |
||
| Line 30: | Line 30: | ||
[[File:Squarespace website look.png|center]] | [[File:Squarespace website look.png|center]] | ||
<br><br> | <br><br> | ||
= Widget för bokningsknapp = | |||
:1. På din [https://simplybook.me/ Simplybook-] administratörssida hämtar du koden i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar för bokningswidgets</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bokningsknapp</span> | |||
: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. Gå till den sida i ditt Squarespace-konto där du vill lägga till koden, växla till redigeringsläge och välj att lägga till ett "Kod"-block. | ||
[[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. Infoga koden som du fick på [https://simplybook.me/ Simplybooks] administratörssida på din Squarespace-sida. | ||
[[File:Squarespace add code.png | center]] | [[File:Squarespace add code.png|center]] | ||
<br><br> | <br><br> | ||
:4. | :4. Spara sidan och kontrollera att allt ser bra ut. | ||
[[File:Squarespace booking button widget new.png | center]] | [[File:Squarespace booking button widget new.png|center]] | ||
<br><br> | <br><br> | ||
Revision as of 08:56, 18 June 2025
iFrame-widget
- 1. På din Simplybook-administratörssida hämtar du koden i Inställningar -> Inställningar för bokningswidgets -> iFrame-widget
- 2. På ditt Squarespace-konto väljer du den sida där du planerar att infoga din bokningskalender. Vi rekommenderar att du använder en ny sida i huvudnavigeringen som är speciellt utformad för onlinebokningar.
- Du kan namnge den "Boka nu", "Onlinebokning" eller "Kalender".
- 3. Öppna sidredigeraren. Ta bort standardbokningsblocket.
- 4. Klicka på "+" i det övre högra hörnet och välj Kod från blockmenyn.
- 5. Infoga koden som du fick på Simplybooks administratörssida i HTML-kodrutan och klicka på "Apply".
- 6. Du kan få ett meddelande om att inbäddade skript är inaktiverade – detta görs av Squarespace av säkerhetsskäl, men du kan klicka på "Preview" för att se om widgeten fungerar.
- 7. Du kan också publicera webbplatsen och öppna den som kund för att kontrollera hur den ser ut.
Widget för bokningsknapp
- 1. På din Simplybook- administratörssida hämtar du koden i Inställningar -> Inställningar för bokningswidgets -> Bokningsknapp
- 2. Gå till den sida i ditt Squarespace-konto där du vill lägga till koden, växla till redigeringsläge och välj att lägga till ett "Kod"-block.
- 3. Infoga koden som du fick på Simplybooks administratörssida på din Squarespace-sida.
- 4. Spara sidan och kontrollera att allt ser bra ut.
