WordPress integration/nl: Difference between revisions

From SimplyBook.me
No edit summary
No edit summary
Line 17: Line 17:
: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>  
: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>  
: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>
: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>
:De pagina met de boekingswidget is al voor u aangemaakt - u kunt deze bewerken, verwijderen of behouden zoals hij is.<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>  
:U kunt ook een nieuwe pagina aanmaken, de tag <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[simplybook_widget]</span> in de tekst invoegen en de pagina publiceren.<br><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>  
:Van hieruit kunt u ook gemakkelijk verschillende pagina's op SimplyBook.me openen om uw diensten en aanbieders toe te voegen of te bewerken, en extra functionaliteiten voor het boekingsproces inschakelen met de aangepaste functies.
: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>
[[File:Wordress plugin general tab useful links.png|1200px|center|link=https://help.simplybook.me/images/7/7d/Wordress_plugin_general_tab_useful_links.png]]
<br><br><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>

Revision as of 09:39, 29 May 2025


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).