Shopify/sv: Difference between revisions

From SimplyBook.me
Created page with ":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</span>border|center border|center <br><br> :5. Gå till ditt <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me-konto</span> -> <span style="background-color:#d4f8e5; padding:5px; b..."
Tags: Mobile edit Mobile web edit
Created page with ":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 border|center <br><br> :8. Som resultat ser du direkt hur bokningswidgeten ser ut. File:Shopify widget result.png|..."
 
Line 25: 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>
<div lang="en" dir="ltr" class="mw-content-ltr">
: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> Shopify-sidan. Justera behållarens bredd om det behövs. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Spara</span> ändringarna
: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]]
[[File:Insert html to shopify side.png|border|center]]
<br><br>
<br><br>
:8. As the result you will see how the booking widget looks like right away.
:8. Som resultat ser du direkt hur bokningswidgeten ser ut.
[[File:Shopify widget result.png|border|center]]
[[File:Shopify widget result.png|border|center]]
<br><br><br><br>
<br><br><br><br>
</div>

Latest 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. Klicka på Lägg till innehåll och välj Anpassad



5. Gå till ditt SimplyBook.me-konto -> Inställningar -> Inställningar för bokningswidgets -> iFrame-widget



6. Anpassa designen efter dina önskemål och behov, hämta widgetkoden.



7. Kopiera hela koden från popup-fönstret och klistra in den i HTML-fältet på Shopify-sidan. Justera behållarens bredd om det behövs. Spara ändringarna



8. Som resultat ser du direkt hur bokningswidgeten ser ut.