Squarespace/sv: Difference between revisions

(3 intermediate revisions by 2 users not shown)

Line 1:

{{#seo: |title=Squarespace – SimplyBook.me |description=Integrera SimplyBook.me med Squarespace för att möjliggöra smidiga onlinebokningar. Följ guiden för att ansluta din webbplats idag! |titlemode=lägg till |keywords=faq, vanliga frågor, bokningsprogramvara, frågor om bokningssystem, onlinebokningar, kalenderprogramvara, bokningssystem, bokningskalender, schemaläggningsprogramvara, onlinebokning, onlinebokning, plugins, anpassade funktioner, anpassad bokningssida, domännamn, anpassat domännamn, anpassad webbadress }}

{{#seo: |title=Squarespace – SimplyBook.me |description=Integrera SimplyBook.me med Squarespace för att möjliggöra smidiga onlinebokningar. Följ guiden för att ansluta din webbplats idag! |titlemode=lägg till |keywords=faq, vanliga frågor, bokningsprogramvara, frågor om bokningssystem, onlinebokningar, kalenderprogramvara, bokningssystem, bokningskalender, schemaläggningsprogramvara, onlinebokning, onlinebokning, plugins, anpassade funktioner, anpassad bokningssida, domännamn, anpassat domännamn, anpassad webbadress }}__FORCETOC__

~~ ~~

__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>~~

= Widget för bokningsknapp =

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

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

~~=Booking button widget~~=

:1. ~~In your~~ [https://simplybook.me/ Simplybook] ~~admin page get the code in~~ ~~Settings~~ -> ~~Booking widgets settings~~ -> ~~Booking button~~

[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]

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

[[File:Squarespace select code block.png | center]]

[[File:Squarespace select code block.png|center]]

:3. ~~Insert the code received in~~ [https://simplybook.me/ ~~Simplybook~~] ~~admin page, to your~~ Squarespace ~~page~~.

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

:4. ~~Save the page and check the look~~.

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

~~</div>~~

@@ Line 1: / Line 1: @@
 <languages/>
-{{#seo: |title=Squarespace – SimplyBook.me |description=Integrera SimplyBook.me med Squarespace för att möjliggöra smidiga onlinebokningar. Följ guiden för att ansluta din webbplats idag! |titlemode=lägg till |keywords=faq, vanliga frågor, bokningsprogramvara, frågor om bokningssystem, onlinebokningar, kalenderprogramvara, bokningssystem, bokningskalender, schemaläggningsprogramvara, onlinebokning, onlinebokning, plugins, anpassade funktioner, anpassad bokningssida, domännamn, anpassat domännamn, anpassad webbadress }}
+{{#seo: |title=Squarespace – SimplyBook.me |description=Integrera SimplyBook.me med Squarespace för att möjliggöra smidiga onlinebokningar. Följ guiden för att ansluta din webbplats idag! |titlemode=lägg till |keywords=faq, vanliga frågor, bokningsprogramvara, frågor om bokningssystem, onlinebokningar, kalenderprogramvara, bokningssystem, bokningskalender, schemaläggningsprogramvara, onlinebokning, onlinebokning, plugins, anpassade funktioner, anpassad bokningssida, domännamn, anpassat domännamn, anpassad webbadress }}__FORCETOC__
-<br><br>
-__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>
+= Widget för bokningsknapp =
-<div lang="en" dir="ltr" class="mw-content-ltr">
+: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;">Bokningsknapp</span>
-=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]]
 <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. 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>
-[[File:Squarespace select code block.png | center]]
+[[File:Squarespace select code block.png|center]]
 <br><br>
-:3. Insert the code received in [https://simplybook.me/ Simplybook] admin page, to your Squarespace page.
+: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>
-:4. Save the page and check the look.
+: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>
-</div>