Squarespace/sv: Difference between revisions

(5 intermediate revisions by 2 users not shown)

Line 1:

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

{{#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__

{{#seo:

|title=Squarespace - SimplyBook.me

|description=~~Integrate~~ SimplyBook.me ~~with~~ Squarespace ~~to enable seamless online bookings~~. ~~Follow the guide to connect your website today~~!

|titlemode=~~append~~

|keywords=faq, ~~frequently asked questions~~, ~~booking software~~, ~~appointment system questions~~, ~~appointments online~~, ~~calendar software~~, ~~booking system~~, ~~booking calendar~~, ~~scheduling software~~, ~~online appointment scheduling~~, ~~online scheduling~~, plugins, ~~custom features~~, ~~custom booking page link~~, ~~domain name~~, ~~custom domain name~~, ~~custom url~~

}}

~~</div>~~

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

~~ ~~

__FORCETOC__

~~</div>~~

~~<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/>
-<div lang="en" dir="ltr" class="mw-content-ltr">
+{{#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__
-{{#seo:
-|title=Squarespace - SimplyBook.me
-|description=Integrate SimplyBook.me with Squarespace to enable seamless online bookings. Follow the guide to connect your website today!
-|titlemode=append
-|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, custom booking page link, domain name, custom domain name, custom url
-}}
-</div>
-<div lang="en" dir="ltr" class="mw-content-ltr">
-<br><br>
-__FORCETOC__
-</div>
-<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>