WordPress integration/nl: Difference between revisions

From SimplyBook.me
No edit summary
No edit summary
Tags: Manual revert Mobile edit Mobile web edit
 
(13 intermediate revisions by 2 users not shown)
Line 4: Line 4:
__FORCETOC__
__FORCETOC__


Ga in je WordPress-beheerinterface naar <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Plugins</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Nieuwe plugin toevoegen</span> en zoek naar '''Simplybook'''.<br>
1. Ga in je WordPress-beheerinterface naar <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Plugins</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Nieuwe plugin toevoegen</span> en zoek naar '''Simplybook'''.<br>
:Installeer en activeer het.
Installeer en activeer het.
[[File:Add simplybook to wp new.png|1200px|center|link=https://help.simplybook.me/images/4/47/Add_simplybook_to_wp_new.png]]
[[File:Add simplybook to wp new.png|1200px|center|link=https://help.simplybook.me/images/4/47/Add_simplybook_to_wp_new.png]]
<br><br>
<br><br>
[[File:Activate new wp plugin.png|1200px|center|link=https://help.simplybook.me/images/3/32/Activate_new_wp_plugin.png]]
[[File:Activate new wp plugin.png|1200px|center|link=https://help.simplybook.me/images/3/32/Activate_new_wp_plugin.png]]
<br><br>
<br><br>
:2. Ga naar de <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen</span> van de plugin.
2. Ga naar de <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen</span> van de plugin.
<br><br>
<br><br>
:3. Als je al een account hebt bij SimplyBook.me, kies dan voor de optie <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Hier inloggen</span> daar.<br> :Als je er nog geen hebt aangemaakt, volg dan eenvoudigweg de stappen bij <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Gratis account aanmaken</span>. [[File:Create account or sign up in wp.png|1200px|center|link=https://help.simplybook.me/images/2/2f/Create_account_or_sign_up_in_wp.png]] <br><br>  
3. Als je al een account hebt bij SimplyBook.me, kies dan voor de optie <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Hier inloggen</span> daar.<br>
:4. Na een korte registratie-/inlogprocedure kom je bij het overzicht van je <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Dashboard</span>. [[File:Wp new dashboard overview.png|1200px|center|link=https://help.simplybook.me/images/a/ab/Wp_new_dashboard_overview.png]] <br><br>  
Als je er nog geen hebt aangemaakt, volg dan eenvoudigweg de stappen bij <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Gratis account aanmaken</span>. [[File:Create account or sign up in wp.png|1200px|center|link=https://help.simplybook.me/images/2/2f/Create_account_or_sign_up_in_wp.png]] <br><br>  
:5. Navigeer naar het tabblad <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen</span> en kies het tabblad "Diensten" of "Aanbieders" om de lijst met bestaande items in je account te bekijken en ze eenvoudig te beheren of nieuwe toe te voegen. [[File:Wp new see the list of services and providers.png|1200px|center|link=https://help.simplybook.me/images/9/97/Wp_new_see_the_list_of_services_and_providers.png]]
4. Na een korte registratie-/inlogprocedure kom je bij het overzicht van je <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Dashboard</span>. [[File:Wp new dashboard overview.png|1200px|center|link=https://help.simplybook.me/images/a/ab/Wp_new_dashboard_overview.png]] <br><br>  
:6. Schakel over naar het tabblad <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Ontwerp</span>.<br> :Pas het uiterlijk van je widget aan.<br> :Je kunt de gewenste kalenderindeling kiezen, de kleuren aanpassen en nog veel meer. [[File:Wp new design settings path.png|1200px|center|link=https://help.simplybook.me/images/b/ba/Wp_new_design_settings_path.png]] <br><br>  
5. Navigeer naar het tabblad <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen</span> en kies het tabblad "Diensten" of "Aanbieders" om de lijst met bestaande items in je account te bekijken en ze eenvoudig te beheren of nieuwe toe te voegen. [[File:Wp new see the list of services and providers.png|1200px|center|link=https://help.simplybook.me/images/9/97/Wp_new_see_the_list_of_services_and_providers.png]]
:7. Sla je instellingen op en navigeer naar het tabblad <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pagina's</span> in de WordPress-interface.<br> :Open de pagina waarop je de boekingsfunctionaliteit wilt toevoegen of maak een nieuwe aan. :Klik daar op de "+"-knop en zoek naar de optie '''Simplybook'''. Klik erop om het toe te voegen aan de pagina. Sla de pagina op. :Nadat de website is gepubliceerd, kunnen klanten je diensten boeken. [[File:Wp new add plugin to page.png|1200px|center|link=https://help.simplybook.me/images/7/7e/Wp_new_add_plugin_to_page.png]] <br><br>
6. Schakel over naar het tabblad <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Ontwerp</span>.
:8. (optioneel) Als je de boekingsfunctionaliteit alleen voor een bepaalde dienst/aanbieder/locatie/categorie nodig hebt, kun je daar de optie <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Vooraf gedefinieerde parameters bewerken</span> gebruiken. [[File:Wp edit predefined path.png|1200px|center|link=https://help.simplybook.me/images/d/d7/Wp_edit_predefined_path.png]] <br><br> :En selecteer de benodigde optie(s) in het pop-upvenster dat verschijnt. [[File:Wp new predefined options.png|1200px|center|link=https://help.simplybook.me/images/7/70/Wp_new_predefined_options.png]] <br><br>  
Pas het uiterlijk van je widget aan.<br>
:9. Als alternatief kun je de functionaliteit aan de pagina toevoegen met behulp van de shortcode. :Kopieer de kalender-shortcode van de pluginpagina <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen</span>. [[File:Wp new shortcode for widget.png|1200px|center|link=https://help.simplybook.me/images/e/e5/Wp_new_shortcode_for_widget.png]] <br><br>  
Je kunt de gewenste kalenderindeling kiezen, de kleuren aanpassen en nog veel meer. [[File:Wp new design settings path.png|1200px|center|link=https://help.simplybook.me/images/b/ba/Wp_new_design_settings_path.png]] <br><br>  
:En plak deze eenvoudig in het HTML-gedeelte van de gewenste pagina [[File:Wp new paste shortcode.png|1200px|center|link=https://help.simplybook.me/images/0/0a/Wp_new_paste_shortcode.png]] <br><br>
7. Sla je instellingen op en navigeer naar het tabblad <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pagina's</span> in de WordPress-interface.<br>
Open de pagina waarop je de boekingsfunctionaliteit wilt toevoegen of maak een nieuwe aan.<br>
Klik daar op de "+"-knop en zoek naar de optie '''Simplybook'''. Klik erop om het toe te voegen aan de pagina. Sla de pagina op.<br>
Nadat de website is gepubliceerd, kunnen klanten je diensten boeken. [[File:Wp new add plugin to page.png|1200px|center|link=https://help.simplybook.me/images/7/7e/Wp_new_add_plugin_to_page.png]] <br><br>
8. (optioneel) Als je de boekingsfunctionaliteit alleen voor een bepaalde dienst/aanbieder/locatie/categorie nodig hebt, kun je daar de optie <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Vooraf gedefinieerde parameters bewerken</span> gebruiken. [[File:Wp edit predefined path.png|1200px|center|link=https://help.simplybook.me/images/d/d7/Wp_edit_predefined_path.png]] <br><br>
En selecteer de benodigde optie(s) in het pop-upvenster dat verschijnt. [[File:Wp new predefined options.png|1200px|center|link=https://help.simplybook.me/images/7/70/Wp_new_predefined_options.png]] <br><br>  
9. Als alternatief kun je de functionaliteit aan de pagina toevoegen met behulp van de shortcode.<br>
Kopieer de kalender-shortcode van de pluginpagina <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen</span>. [[File:Wp new shortcode for widget.png|1200px|center|link=https://help.simplybook.me/images/e/e5/Wp_new_shortcode_for_widget.png]] <br><br>  
En plak deze eenvoudig in het HTML-gedeelte van de gewenste pagina [[File:Wp new paste shortcode.png|1200px|center|link=https://help.simplybook.me/images/0/0a/Wp_new_paste_shortcode.png]] <br><br>
== Als widget ==
== Als widget ==
:1. Kopieer de code uit <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen boekingswidgets</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame-widget</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Widgetcode ophalen.</span>
:1. Kopieer de code uit <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen boekingswidgets</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame-widget</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Widgetcode ophalen.</span>

Latest revision as of 12:56, 17 October 2025


1. Ga in je WordPress-beheerinterface naar Plugins -> Nieuwe plugin toevoegen en zoek naar Simplybook.
Installeer en activeer het.





2. Ga naar de Instellingen van de plugin.

3. Als je al een account hebt bij SimplyBook.me, kies dan voor de optie Hier inloggen daar.

Als je er nog geen hebt aangemaakt, volg dan eenvoudigweg de stappen bij Gratis account aanmaken.



4. Na een korte registratie-/inlogprocedure kom je bij het overzicht van je Dashboard.



5. Navigeer naar het tabblad Instellingen en kies het tabblad "Diensten" of "Aanbieders" om de lijst met bestaande items in je account te bekijken en ze eenvoudig te beheren of nieuwe toe te voegen.

6. Schakel over naar het tabblad Ontwerp. Pas het uiterlijk van je widget aan.

Je kunt de gewenste kalenderindeling kiezen, de kleuren aanpassen en nog veel meer.



7. Sla je instellingen op en navigeer naar het tabblad Pagina's in de WordPress-interface.
Open de pagina waarop je de boekingsfunctionaliteit wilt toevoegen of maak een nieuwe aan.
Klik daar op de "+"-knop en zoek naar de optie Simplybook. Klik erop om het toe te voegen aan de pagina. Sla de pagina op.

Nadat de website is gepubliceerd, kunnen klanten je diensten boeken.



8. (optioneel) Als je de boekingsfunctionaliteit alleen voor een bepaalde dienst/aanbieder/locatie/categorie nodig hebt, kun je daar de optie Vooraf gedefinieerde parameters bewerken gebruiken.



En selecteer de benodigde optie(s) in het pop-upvenster dat verschijnt.



9. Als alternatief kun je de functionaliteit aan de pagina toevoegen met behulp van de shortcode.

Kopieer de kalender-shortcode van de pluginpagina Instellingen.



En plak deze eenvoudig in het HTML-gedeelte van de gewenste pagina



Als widget

1. Kopieer de code uit Instellingen -> Instellingen boekingswidgets -> iFrame-widget -> Widgetcode ophalen.







2. Ga naar uw WordPress-beheerderspagina en maak een nieuwe pagina aan of ga naar een reeds aangemaakte pagina waar u de widget wilt toevoegen. Klik op het + -pictogram.



3. Zoek naar de HTML- optie.



4. Plak de eerder gekopieerde code.



5. Publiceer uw wijzigingen.



Voorbeeld (kan er anders uitzien, afhankelijk van uw WP-thema en SimplyBook.me-thema en instellingen).