SimplyBook.me

Squarespace/da: Difference between revisions

VisualWikitext
Created page with "Squarespace"
 
No edit summary
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<languages/>
<languages/>
<div lang="en" dir="ltr" class="mw-content-ltr">
{{#seo: |title=Squarespace - SimplyBook.me |description=Integrer SimplyBook.me med Squarespace for at muliggøre problemfri onlinebookinger. Følg vejledningen for at forbinde din hjemmeside i dag! |titlemode=tilføj |keywords=faq, ofte stillede spørgsmål, bookingssoftware, spørgsmål om aftalesystem, onlineaftaler, kalendersoftware, bookingsystem, bookingkalender, planlægningssoftware, online aftaleplanlægning, online planlægning, plugins, tilpassede funktioner, link til tilpasset bookingside, domænenavn, tilpasset domænenavn, tilpasset url }}__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-administrationsside] finder du koden under <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Indstillinger</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Indstillinger for bookingwidgets</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]]
[[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. 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å din Squarespace-konto vælger du den side, hvor du planlægger at indsætte din bookingkalender. Vi anbefaler, at du bruger en ny side i hovednavigationen, der er designet specielt til online booking.  
:You can name it "Book Now", "Online Booking" or "Calendar."
:Du kan kalde den "Book nu", "Online booking" eller "Kalender".
[[File:Squarespace add new page.png | center]]
[[File:Squarespace add new page.png|center]]
<br><br>
<br><br>
:3. Open the page editor. Remove the default booking block.
:3. Åbn sideeditoren. Fjern standardbookingsblokken.
<br><br>
<br><br>
:4. Click on "+" in the top right corner and select ''Code'' from the Block Menu.
:4. Klik på "+" i øverste højre hjørne og vælg ''Kode'' i blokmenuen.
[[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. Insert the code received in [https://simplybook.me/ Simplybook] admin page, to the HTML code box and click "Apply".
:5. Indsæt den kode, du har modtaget på [https://simplybook.me/ Simplybook-administrationssiden], i HTML-kodeboksen og klik på "Anvend".
[[File:Squarespace add code.png | center]]
[[File:Squarespace add code.png|center]]
<br><br>
<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 får muligvis en besked om, at indlejrede scripts er deaktiveret - dette er gjort af Squarespace af sikkerhedsmæssige årsager, men du kan klikke på "Preview" for at se, om widgetten fungerer.
[[File:Squarespace preview.png | center]]
[[File:Squarespace preview.png|center]]
<br><br>
<br><br>
:7. Or you can publish the website and access it as a client to check the look.
:7. Du kan også offentliggøre hjemmesiden og åbne den som klient for at se, hvordan den ser ud.
[[File:Squarespace website look.png | center]]
[[File:Squarespace website look.png|center]]
<br><br>
<br><br>
</div>
= Widget til bookingknap =
<div lang="en" dir="ltr" class="mw-content-ltr">
:1.  På din [https://simplybook.me/ Simplybook-administrationsside] finder du koden under <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Indstillinger</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Indstillinger for bookingwidgets</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bookingknap</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]]
[[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. 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å til den side i din Squarespace-konto, hvor du vil tilføje koden, skift til redigeringsfunktionen, og vælg at tilføje "Kode"-blokken.
[[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. Insert the code received in [https://simplybook.me/ Simplybook] admin page, to your Squarespace page.
:3. Indsæt den kode, du har modtaget på [https://simplybook.me/ Simplybook-administrations] siden, på din Squarespace-side.
[[File:Squarespace add code.png | center]]
[[File:Squarespace add code.png|center]]
<br><br>
<br><br>
:4. Save the page and check the look.
:4. Gem siden, og tjek, hvordan den ser ud.
[[File:Squarespace booking button widget new.png | center]]
[[File:Squarespace booking button widget new.png|center]]
<br><br>
<br><br>
</div>
Retrieved from "https://help.simplybook.me/index.php?title=Squarespace/da"