WordPress integration/nl: Difference between revisions

From SimplyBook.me
Created page with "{{#seo: |title=WordPress-plug-in - SimplyBook.me |description=Integreer SimplyBook.me met WordPress voor moeiteloze online boekingen. Stel het eenvoudig in met onze uitgebreide handleiding! |titlemode=toevoegen |keywords=faq, veelgestelde vragen, boekingssoftware, vragen over afspraken, online afspraken, kalendersoftware, boekingssysteem, boekingskalender, planningssoftware, online afspraken plannen, online planning, plug-in, WordPress-integratie, widget, website-widget,..."
 
No edit summary
Tags: Manual revert Mobile edit Mobile web edit
 
(17 intermediate revisions by 2 users not shown)
Line 4: Line 4:
__FORCETOC__
__FORCETOC__


== Met behulp van de WordPress-plugin ==
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>
:1. Ga in uw WordPress-beheerdersinterface naar <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Plugins</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Nieuwe plugin toevoegen</span> en zoek naar '''Simplybook'''.<br>
Installeer en activeer het.
:Installeer deze en activeer hem.
[[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 sb plugin to wp new.png|1200px|center|link=https://help.simplybook.me/images/c/c5/Add_sb_plugin_to_wp_new.png]]
<br><br>
<br><br>
:2. Ga naar <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">plugin-instellingen.</span>
[[File:Activate new wp plugin.png|1200px|center|link=https://help.simplybook.me/images/3/32/Activate_new_wp_plugin.png]]
[[File:Wp plugin settings new.png|1200px|center|link=https://help.simplybook.me/images/2/25/Wp_plugin_settings_new.png]]
<br><br>
<br><br>
:3. Als u al een account hebt bij SimplyBook.me, kies dan daar de optie <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Hier aanmelden</span>.<br>
2. Ga naar de <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen</span> van de plugin.
:Als u nog geen account hebt, klikt u op de optie <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">'Gratis account aanmaken'</span> en volgt u de aangegeven stappen om u aan te melden.
[[File:Wordpress new login or register.png|1200px|center|link=https://help.simplybook.me/images/9/95/Wordpress_new_login_or_register.png]]
<br><br>
<br><br>
:4. Log in met <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">uw bedrijfslogin</span>, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">gebruikerslogin</span> en <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">wachtwoord.</span>
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>
[[File:Sb login page.png|1200px|center|link=https://help.simplybook.me/images/f/f3/Sb_login_page.png]]
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>
<br><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>  
:5. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bevestig de verbinding</span> tussen uw SimplyBook.me-account en uw WordPress-systeem.
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]]
:U ontvangt een eenmalige code om de verbinding te voltooien.
6. Schakel over naar het tabblad <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Ontwerp</span>.
[[File:Sb confirm connection to wp new.png|1200px|center|link=https://help.simplybook.me/images/c/c1/Sb_confirm_connection_to_wp_new.png]]
Pas het uiterlijk van je widget aan.<br>
<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>  
:6. Ga naar het tabblad '''Ontwerp'''.<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>
:Pas de <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">ontwerp</span> -instellingen voor uw widget aan.<br>
Open de pagina waarop je de boekingsfunctionaliteit wilt toevoegen of maak een nieuwe aan.<br>
:U kunt de gewenste kalenderindeling selecteren, het thema wijzigen, de kleuren aanpassen en nog veel meer.
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>
:Hier kunt u indien nodig ook enkele vooraf gedefinieerde opties voor de plug-in selecteren.
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>
[[File:Wordpress design settings overview.png|1200px|center|link=https://help.simplybook.me/images/5/54/Wordpress_design_settings_overview.png]]
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>
<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>
:7. Sla uw instellingen op en ga naar het tabblad <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Algemeen</span> van de plug-in-interface.
9. Als alternatief kun je de functionaliteit aan de pagina toevoegen met behulp van de shortcode.<br>
[[File:Wordpress plugin general tab page options.png|1200px|center|link=https://help.simplybook.me/images/d/d6/Wordpress_plugin_general_tab_page_options.png]]
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>  
<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>
:De pagina met de boekingswidget is al voor u aangemaakt - u kunt deze bewerken, verwijderen of behouden zoals hij is.<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>
: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.
[[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>

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