WordPress integration/nl: Difference between revisions

From SimplyBook.me
← Older edit
VisualWikitext
No edit summary
No edit summary
Tags: Manual revert Mobile edit Mobile web edit
 
(16 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 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>
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 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.
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>  
[[File:Wordpress new login or register.png|1200px|center|link=https://help.simplybook.me/images/9/95/Wordpress_new_login_or_register.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>  
<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. 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>
6. Schakel over naar het tabblad <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Ontwerp</span>.
[[File:Sb login page.png|1200px|center|link=https://help.simplybook.me/images/f/f3/Sb_login_page.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>  
:5. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bevestig de verbinding</span> tussen uw SimplyBook.me-account en uw WordPress-systeem.
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>
:U ontvangt een eenmalige code om de verbinding te voltooien.
Open de pagina waarop je de boekingsfunctionaliteit wilt toevoegen of maak een nieuwe aan.<br>
[[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]]
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>
<br><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>
:6. Ga naar het tabblad '''Ontwerp'''.<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>
:Pas de <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">ontwerp</span> -instellingen voor uw widget aan.<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 de gewenste kalenderindeling selecteren, het thema wijzigen, de kleuren aanpassen en nog veel meer.
9. Als alternatief kun je de functionaliteit aan de pagina toevoegen met behulp van de shortcode.<br>
:Hier kunt u indien nodig ook enkele vooraf gedefinieerde opties voor de plug-in selecteren.
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>  
[[File:Wordpress design settings overview.png|1200px|center|link=https://help.simplybook.me/images/5/54/Wordpress_design_settings_overview.png]]
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>
<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.
[[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]]
<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

Other languages:


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





Retrieved from "https://help.simplybook.me/index.php?title=WordPress_integration/nl&oldid=40364"