WordPress integration/nl: Difference between revisions
No edit summary |
No edit summary Tags: Manual revert Mobile edit Mobile web edit |
||
| (12 intermediate revisions by 2 users not shown) | |||
| Line 12: | Line 12: | ||
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> | |||
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. 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]] | |||
6. Schakel over naar het tabblad <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Ontwerp</span>. | |||
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.<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> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen boekingswidgets</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame-widget</span> -> <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> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen boekingswidgets</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame-widget</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Widgetcode ophalen.</span> | ||