Shopify/sv: Difference between revisions

From SimplyBook.me
FuzzyBot (talk | contribs)
Updating to match new version of source page
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
Line 7: Line 7:
;Hur man ställer in
;Hur man ställer in


<div class="mw-translate-fuzzy">
:1. Gå till <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Onlinebutik</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Teman</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Anpassa</span> i ditt <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Shopify-konto.</span>
:1. Gå till <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Online Store</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Themes</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Customize</span> i ditt <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]]
<br><br>
<br><br>
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. Klicka på <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Lägg till innehåll</span> och välj <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Anpassad HTML</span>
[[File:Select html.png|border|center]]
<br><br>
:5. Gå till ditt <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;">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>
[[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. Anpassa designen efter dina önskemål och behov, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">hämta 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. Kopiera hela koden från popup-fönstret och klistra in den i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML-fältet</span> på Shopify-sidan. Justera behållarens bredd om det behövs. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Spara</span> ändringarna
[[File:Insert html to shopify side.png|border|center]]
<br><br>
:8. Som resultat ser du direkt hur bokningswidgeten ser ut.
[[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:06, 1 July 2025

Om du använder Shopify och vill lägga till möjligheten att boka på din webbplats har vi rätt lösning för dig!


Vår iFrame-widget låter dig koppla Shopify-webbplatsen till SimplyBook.com så att dina kunder kan boka direkt från webbplatsen, både från sin dator och från sina mobila enheter. Denna lösning gör din bokningsprocess mer bekväm och enkel.

Hur man ställer in
1. Gå till Onlinebutik -> Teman -> Anpassa i ditt Shopify-konto.



2. Välj den sektion du vill redigera till vänster eller lägg till en ny.



3. Välj att lägga till anpassat innehåll.



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.