Shopify/nl: Difference between revisions

Line 8:

;Hoe instellen

:1. ~~Please navigate to~~ Online Store -> Themes -> Customize in ~~your~~ Shopify account.

:1. Ga naar Online Store -> Themes -> Customize in uw Shopify-account.

[[File:Shopify customize theme.png|border|center]]

:2. ~~Select the section you would like to edit on the left or add a new one~~.

:2. Selecteer de sectie die u wilt bewerken aan de linkerkant of voeg een nieuwe toe.

[[File:Shopify add section.png|border|center]]

:3. ~~Choose to add~~ Custom content.

:3. Kies voor Custom content toevoegen .

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

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

:4. Klik op 'Add content' (In houd toevoegen) en selecteer 'Custom HTML' (Aangepaste HTML[[File:Select html.png|border|center]]

[[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 -> Settings (Instellingen ) -> Booking widgets settings (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]]iFrame-widget[[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]]

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

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

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

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

: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

[[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 8: / Line 8: @@
 ;Hoe instellen
-<div lang="en" dir="ltr" class="mw-content-ltr">
+<div class="mw-translate-fuzzy">
-:1. Please navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Online Store</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Themes</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Customize</span> in your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Shopify account.</span>
+:1. Ga naar <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> in uw <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Shopify-account.</span>
 [[File:Shopify customize theme.png|border|center]]
 <br><br>
-:2. Select the section you would like to edit on the left or add a new one.
+:2. Selecteer de sectie die u wilt bewerken aan de linkerkant of voeg een nieuwe toe.
 [[File:Shopify add section.png|border|center]]
 <br><br>
-:3. Choose to add <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom content.</span>
+:3. Kies voor <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom content</span> toevoegen <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">.</span>
 [[File:Shopify select custom content.png|border|center]]
 <br><br>
-: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. Klik op <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">'Add content'</span> (In <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">houd</span> toevoegen) en selecteer <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">'Custom HTML'</span> (Aangepaste <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span>[[File:Select html.png|border|center]]
 [[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;">Settings (Instellingen</span> ) -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> (Instellingen voor boekingswidgets) -&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]]iFrame-widget[[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>
-: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;">kopieer de widgetcode.</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. 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. Kopieer de volledige code uit het pop-upvenster en plak deze in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">het HTML-veld</span> 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>
 [[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>