Shopify/nl: Difference between revisions

(One intermediate revision by the same user not shown)

Line 16:

[[File:Shopify select custom content.png|border|center]]

~~<div lang="en" dir="ltr" class="mw-content-ltr">~~

:4. Klik op 'Inhoud toevoegen' en selecteer 'Aangepaste HTML'

:4. ~~Click on~~ ~~Add content~~ ~~and select~~ ~~Custom~~ HTML

[[File:Select html.png|border|center]]

:5. ~~Navigate to your~~ SimplyBook.me account -> ~~Settings~~ -> ~~Booking widgets settings~~ -> iFrame widget

:5. Ga naar uw SimplyBook.me-account -> Instellingen -> Instellingen voor boekingswidgets -> iFrame-widget

[[File:Booking widget path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]

:6. ~~Adjust the design to your taste and needs,~~ ~~get widget code~~.

:6. Pas het ontwerp aan uw smaak en behoeften aan en haal de widgetcode op.

[[File:Copy widget code redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]]

~~</div>~~

:7. Kopieer de volledige code uit het pop-upvenster en plak deze in het HTML- veld aan de Shopify-kant. Pas indien nodig de breedte van de container aan. Sla de wijzigingen op.

~~<div lang="en" dir="ltr" class="mw-content-ltr">~~

: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~~

[[File:Insert html to shopify side.png|border|center]]

:8. ~~As the result you will see how the booking widget looks like right away~~.

:8. Het resultaat is dat u meteen kunt zien hoe de boekingswidget eruitziet.

[[File:Shopify widget result.png|border|center]]

~~</div>~~

@@ Line 16: / Line 16: @@
 [[File:Shopify select custom content.png|border|center]]
 <br><br>
-<div lang="en" dir="ltr" class="mw-content-ltr">
+: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. 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>
+:5. Ga naar uw <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me-account</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen voor boekingswidgets</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. Adjust the design to your taste and needs, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">get widget code.</span>
+: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]]
 <br><br>
-</div>
+:7. Kopieer de volledige code uit het pop-upvenster en plak deze in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">het HTML-</span> veld aan de Shopify-kant. Pas indien nodig de breedte van de container aan. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Sla</span> de wijzigingen <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">op.</span>
-<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.
+:8. Het resultaat is dat u meteen kunt zien hoe de boekingswidget eruitziet.
 [[File:Shopify widget result.png|border|center]]
 <br><br><br><br>
-</div>