From SimplyBook.me
Created page with "<br><br> __FORCETOC__" Tags: Mobile edit Mobile web edit |
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..." |
||
| Line 4: | Line 4: | ||
__FORCETOC__ | __FORCETOC__ | ||
= 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> | |||
: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> | ||
[[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. | :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". | ||
[[File:Squarespace add new page.png | center]] | [[File:Squarespace add new page.png|center]] | ||
<br><br> | <br><br> | ||
:3. | :3. Öppna sidredigeraren. Ta bort standardbokningsblocket. | ||
<br><br> | <br><br> | ||
:4. | :4. Klicka på "+" i det övre högra hörnet och välj ''Kod'' från blockmenyn. | ||
[[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. | :5. Infoga koden som du fick på [https://simplybook.me/ Simplybooks] administratörssida i HTML-kodrutan och klicka på "Apply". | ||
[[File:Squarespace add code.png | center]] | [[File:Squarespace add code.png|center]] | ||
<br><br> | <br><br> | ||
:6. | :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. | ||
[[File:Squarespace preview.png | center]] | [[File:Squarespace preview.png|center]] | ||
<br><br> | <br><br> | ||
:7. | :7. Du kan också publicera webbplatsen och öppna den som kund för att kontrollera hur den ser ut. | ||
[[File:Squarespace website look.png | center]] | [[File:Squarespace website look.png|center]] | ||
<br><br> | <br><br> | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
=Booking button widget= | =Booking button widget= | ||
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.
Booking button widget
- 1. In your Simplybook admin page get the code in Settings -> Booking widgets settings -> Booking button
- 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.
- 3. Insert the code received in Simplybook admin page, to your Squarespace page.
- 4. Save the page and check the look.
