Shopify/da: Difference between revisions

From SimplyBook.me
FuzzyBot (talk | contribs)
Updating to match new version of source page
No edit summary
Tags: Mobile edit Mobile web edit
Line 7: Line 7:
;Sådan indstilles
;Sådan indstilles


<div class="mw-translate-fuzzy">
:1. Gå til <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Onlinebutik</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Temaer</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Tilpas</span> i din <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Shopify-konto.</span>
:1. Gå til <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Onlinebutik</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Temaer</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Tilpas</span> i din <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Shopify-konto.</span>
[[File:Shopify customize theme.png|border|center]]
[[File:Shopify customize theme.png|border|center]]
Line 17: Line 16:
[[File:Shopify select custom content.png|border|center]]
[[File:Shopify select custom content.png|border|center]]
<br><br>
<br><br>
:4. Klik på <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Tilføj indhold</span> og vælg <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Brugerdefineret HTML</span>
[[File:Select html.png|border|center]]
<br><br>
:5. Gå til din <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me-konto</span> -&gt; <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>
[[File:Booking widget path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
<br><br>
:6. Tilpas designet efter din smag og dine behov, og <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">hent widgetkoden.</span>
[[File:Copy widget code redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]]
<br><br>
:7. Kopier hele koden fra pop op-vinduet og indsæt den i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML-feltet</span> på Shopify-siden. Juster containerbredden, hvis det er nødvendigt. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Gem</span> ændringerne
[[File:Insert html to shopify side.png|border|center]]
<br><br>
:8. Som resultat vil du straks kunne se, hvordan booking-widgeten ser ud.
[[File:Shopify widget result.png|border|center]]
<br><br><br><br>
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
:4. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add content</span> and select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom HTML</span>
:4. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add content</span> and select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom HTML</span>

Revision as of 08:05, 1 July 2025

Hvis du bruger Shopify og ønsker at tilføje muligheden for bookinger til din hjemmeside, har vi den rigtige løsning til dig!


Vores iFrame-widget giver dig mulighed for at forbinde Shopify-webstedet med SimplyBook.com og lade dine kunder booke direkte fra webstedet, både fra deres pc og fra deres mobile enheder. Denne løsning gør din bookingproces mere bekvem og nem.

Sådan indstilles
1. Gå til Onlinebutik -> Temaer -> Tilpas i din Shopify-konto.



2. Vælg det afsnit, du vil redigere, til venstre, eller tilføj et nyt.



3. Vælg at tilføje Brugerdefineret indhold.



4. Click on Add content and select Custom HTML



5. Navigate to your SimplyBook.me account -> Settings -> Booking widgets settings -> iFrame widget



6. Adjust the design to your taste and needs, get widget code.



7. Copy the whole code from the popup and insert it to HTML field on Shopify side. Adjust container width if necessary. Save the changes



8. As the result you will see how the booking widget looks like right away.