Squarespace/sv: Difference between revisions

Line 4:

__FORCETOC__

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

= iFrame-widget =

~~=iFrame~~ widget=

:1. På din [https://simplybook.me/ Simplybook-administratörssida] hämtar du koden i Inställningar -> Inställningar för bokningswidgets -> iFrame-widget

: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. 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.

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

:Du kan namnge den "Boka nu", "Onlinebokning" eller "Kalender".

[[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. Öppna sidredigeraren. Ta bort standardbokningsblocket.

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

: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]]

[[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. 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]]

: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. 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]]

:7. ~~Or you can publish the website and access it as a client to check the look~~.

: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]]

~~</div>~~

=Booking button widget=

@@ Line 4: / Line 4: @@
 __FORCETOC__
-<div lang="en" dir="ltr" class="mw-content-ltr">
+= iFrame-widget =
-=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> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar för bokningswidgets</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame-widget</span>
-: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. 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.
-:You can name it "Book Now", "Online Booking" or "Calendar."
+: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>
-:3. Open the page editor. Remove the default booking block.
+:3. Öppna sidredigeraren. Ta bort standardbokningsblocket.
 <br><br>
-:4. Click on "+" in the top right corner and select ''Code'' from the Block Menu.
+: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>
-[[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. 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>
-: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. 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>
-:7. Or you can publish the website and access it as a client to check the look.
+: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>
-</div>
 <div lang="en" dir="ltr" class="mw-content-ltr">
 =Booking button widget=