WordPress integration/nl: Difference between revisions
Updating to match new version of source page Tags: Reverted Mobile edit Mobile web edit |
No edit summary |
||
| (5 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<languages/> | <languages/> | ||
{{#seo: |title=WordPress-plug-in - SimplyBook.me |description= | {{#seo: |title=WordPress-plug-in - SimplyBook.me |description=Installeer de SimplyBook.me WordPress-plugin. Voeg boekingsfunctionaliteit toe aan WordPress-sites. Configureer instellingen, kies een lay-out en embed op pagina’s met een eenvoudig blok.|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, WordPress-plug-in }} | ||
__FORCETOC__ | __FORCETOC__ | ||
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 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. | ||
| Line 13: | 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> | 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> | 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> | 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]] | 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>. | 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> | Pas het uiterlijk van je widget aan.<br> | ||
| Line 28: | Line 23: | ||
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> | 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> | 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> | 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> | 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> | ||
| Line 35: | Line 28: | ||
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> | 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> | 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> | ||
| Line 59: | Line 51: | ||
:<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Voorbeeld</span> (kan er anders uitzien, afhankelijk van uw WP-thema en [https://simplybook.me/ SimplyBook.me-thema] en instellingen). | :<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Voorbeeld</span> (kan er anders uitzien, afhankelijk van uw WP-thema en [https://simplybook.me/ SimplyBook.me-thema] en instellingen). | ||
<div class="mw-translate-fuzzy"> | |||
[[File:Wp select location.png|center]] | [[File:Wp select location.png|center]] | ||
<br><br> | <br><br> | ||
<br><br> | <br><br> | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
With the AI Voice Booking widget, you can easily place an interactive AI widget button anywhere on your client’s website. Simply enable your feature on SimplyBook.me side, insert the widget code into an HTML section in your website builder and visitors will be able to book appointments just by messaging or speaking to the AI directly on the site. Please, check the [[Special:MyLanguage/AI Voice Booking|tutorial]] to setup the integration. | |||
</div> | |||