From SimplyBook.me
No edit summary Tags: Mobile edit Mobile web edit |
Created page with ":4. Klik op <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">'Inhoud toevoegen'</span> en selecteer <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">'Aangepaste HTML'</span> border|center <br><br> :5. Ga naar uw <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me-account</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen<..." 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 op <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">'Inhoud toevoegen'</span> en selecteer <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">'Aangepaste HTML'</span> | |||
:4. | |||
[[File:Select html.png|border|center]] | [[File:Select html.png|border|center]] | ||
<br><br> | <br><br> | ||
:5. | :5. Ga naar uw <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me-account</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen voor boekingswidgets</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. Pas het ontwerp aan uw smaak en behoeften aan en <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">haal de widgetcode op.</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:08, 1 July 2025
Als u Shopify gebruikt en de mogelijkheid om te boeken aan uw website wilt toevoegen, hebben wij de juiste oplossing voor u!
Met onze iFrame-widget kunt u de Shopify-website koppelen aan SimplyBook.com, zodat uw klanten rechtstreeks vanaf de website kunnen boeken, zowel vanaf hun pc als vanaf hun mobiele apparaten. Deze oplossing maakt uw boekingsproces gemakkelijker en overzichtelijker.
- Hoe instellen
- 1. Ga naar Online Store -> Themes -> Customize in uw Shopify-account.
- 2. Selecteer de sectie die u wilt bewerken aan de linkerkant of voeg een nieuwe toe.
- 3. Kies voor Custom content toevoegen .
- 4. Klik op 'Inhoud toevoegen' en selecteer 'Aangepaste HTML'
- 5. Ga naar uw SimplyBook.me-account -> Instellingen -> Instellingen voor boekingswidgets -> iFrame-widget
- 6. Pas het ontwerp aan uw smaak en behoeften aan en haal de widgetcode op.
- 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.
