Shopify/da: Difference between revisions

From SimplyBook.me
FuzzyBot (talk | contribs)
Updating to match new version of source page
Created page with ":7. Kopier hele koden fra pop op-vinduet og indsæt den i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML-</span> feltet på Shopify-siden. Juster containerbredden, hvis det er nødvendigt. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Gem</span> ændringerne border|center <br><br> :8. Som resultat vil du straks kunne se, hvordan booking-widgeten ser ud. File:Shopify widget..."
 
(2 intermediate revisions by the same user not shown)
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>
: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</span>[[File:Select html.png|border|center]]
[[File:Select html.png|border|center]]
[[File:Select html.png|border|center]]
<br><br>
<br><br>
Line 26: Line 25:
[[File:Copy widget code redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]]
[[File:Copy widget code redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]]
<br><br>
<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
:7. Kopier hele koden fra pop op-vinduet og indsæt den i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML-</span> feltet 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]]
[[File:Insert html to shopify side.png|border|center]]
<br><br>
<br><br>
Line 32: Line 31:
[[File:Shopify widget result.png|border|center]]
[[File:Shopify widget result.png|border|center]]
<br><br><br><br>
<br><br><br><br>
</div>
<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>
[[File:Select html.png|border|center]]
<br><br>
:5. Navigate to your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me account</span> -> <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|border|center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
<br><br>
:6. Adjust the design to your taste and needs, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">get widget code.</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>
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
:7. Copy the whole code from the popup and insert it to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span> field on Shopify side. Adjust container width if necessary. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Save</span> the changes
[[File:Insert html to shopify side.png|border|center]]
<br><br>
:8. As the result you will see how the booking widget looks like right away.
[[File:Shopify widget result.png|border|center]]
<br><br><br><br>
</div>

Latest 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. Klik på Tilføj indhold og vælg Brugerdefineret



5. Gå til din SimplyBook.me-konto -> Indstillinger -> Indstillinger for bookingwidgets -> iFrame-widget



6. Tilpas designet efter din smag og dine behov, og hent widgetkoden.



7. Kopier hele koden fra pop op-vinduet og indsæt den i HTML- feltet på Shopify-siden. Juster containerbredden, hvis det er nødvendigt. Gem ændringerne



8. Som resultat vil du straks kunne se, hvordan booking-widgeten ser ud.