From SimplyBook.me
No edit summary Tags: Mobile edit Mobile web edit |
Created page with ":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>border|center border|center <br><br> :5. Gå til din <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me-konto</span> -> <span style="background-color:#d4f8e5; padding:5px; bord..." Tags: Mobile edit Mobile web edit |
||
| Line 16: | 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</span>[[File:Select html.png|border|center]] | |||
:4. | |||
[[File:Select html.png|border|center]] | [[File:Select html.png|border|center]] | ||
<br><br> | <br><br> | ||
:5. | :5. Gå til din <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me-konto</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Indstillinger</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Indstillinger for bookingwidgets</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]] | [[File:Booking widget path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]] | ||
<br><br> | <br><br> | ||
:6. | :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]] | [[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"> | <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 | :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 | ||
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. 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.
