Smart Widget custom feature/nl: Difference between revisions

From SimplyBook.me
Created page with "{{#seo: |title=Custom Features - SimplyBook.me |titlemode=append |keywords=faq, veelgestelde vragen, boekingssoftware, afspraken systeem vragen, online afspraken, kalendersoftware, boekingssysteem, boekingskalender, planningssoftware, online afspraken plannen, online planning, plugins, aangepaste functies, extra functionaliteit, smart widget, react widget, website-integratie }}"
Created page with "Smart Widget (Beta) is een boekingswidget van de volgende generatie, gebouwd met React, gericht op een snelle, moderne en gebruiksvriendelijke ervaring. Het stelt klanten in staat om meerdere diensten binnen één tijdslot te boeken, waarbij de diensten na elkaar worden uitgevoerd — ideaal voor gestroomlijnde, opeenvolgende afspraken. De widget is volledig mobiel responsief, laadt snel en activeert geen pop-ups voor cookies van derden. Hoewel deze nog in bèta is, beva..."
Line 5: Line 5:
|keywords=faq, veelgestelde vragen, boekingssoftware, afspraken systeem vragen, online afspraken, kalendersoftware, boekingssysteem, boekingskalender, planningssoftware, online afspraken plannen, online planning, plugins, aangepaste functies, extra functionaliteit, smart widget, react widget, website-integratie
|keywords=faq, veelgestelde vragen, boekingssoftware, afspraken systeem vragen, online afspraken, kalendersoftware, boekingssysteem, boekingskalender, planningssoftware, online afspraken plannen, online planning, plugins, aangepaste functies, extra functionaliteit, smart widget, react widget, website-integratie
}}
}}
<div lang="en" dir="ltr" class="mw-content-ltr">
Smart Widget (Beta) is een boekingswidget van de volgende generatie, gebouwd met React, gericht op een snelle, moderne en gebruiksvriendelijke ervaring. Het stelt klanten in staat om meerdere diensten binnen één tijdslot te boeken, waarbij de diensten na elkaar worden uitgevoerd ideaal voor gestroomlijnde, opeenvolgende afspraken.
Smart Widget (Beta) is a next-generation booking widget built with React, focused on delivering a fast, modern, and user-friendly experience. It allows clients to book multiple services in a single timeslot, where services are performed one after another ideal for streamlined, sequential appointments.
De widget is volledig mobiel responsief, laadt snel en activeert geen pop-ups voor cookies van derden. Hoewel deze nog in bèta is, bevat hij basisstijlopties zoals het aanpassen van de lettergrootte en is hij eenvoudig in te sluiten via een simpele kopieer-en-plakcode.
The widget is fully mobile-responsive, quick to load, and does not trigger third-party cookie popups. While in beta, it includes basic style settings like font size adjustments and is easy to embed via a simple copy-paste of the code.
<br><br><br><br>
<br><br><br><br>
'''Please note!'''
'''Let op!'''
* When you enable this feature '''[[Special:MyLanguage/API_custom_feature |API]]''' will be enabled as well.<br><br>
Wanneer je deze functie inschakelt, wordt ook de '''[[Special:MyLanguage/API_custom_feature |API]]''' ingeschakeld.<br><br>
Smart Widget does not yet support all existing functionality.<br>
Smart Widget ondersteunt nog niet alle bestaande functionaliteiten.<br>
Some functionality may be unavailable:<br>
Sommige functies zijn mogelijk niet beschikbaar:<br>
* [[Special:MyLanguage/Client Rescheduling custom feature|Client Rescheduling]]
[[Special:MyLanguage/Client Rescheduling custom feature|Afspraken verplaatsen door klant]]
* [[Special:MyLanguage/Coupons and Gift Cards custom feature|Coupons & Gift cards]]
[[Special:MyLanguage/Coupons and Gift Cards custom feature|Kortingsbonnen & cadeaubonnen]]
* [[Special:MyLanguage/Custom CSS custom feature|Custom CSS]]
[[Special:MyLanguage/Custom CSS custom feature|Aangepaste CSS]]
* [[Special:MyLanguage/Display Remaining Spaces|Display Remaining Spaces]]
[[Special:MyLanguage/Display Remaining Spaces|Toon resterende plaatsen]]
* [[Special:MyLanguage/Membership custom feature|Membership]]
[[Special:MyLanguage/Membership custom feature|Lidmaatschap]]
* [[Special:MyLanguage/Packages custom feature|Packages]]
[[Special:MyLanguage/Packages custom feature|Pakketten]]
* [[Special:MyLanguage/Products for Sale custom feature|Products for sale]]
[[Special:MyLanguage/Products for Sale custom feature|Producten te koop]]
* [[Special:MyLanguage/Service Add-Ons custom feature|Service Add-ons]]
[[Special:MyLanguage/Service Add-Ons custom feature|Service-add-ons]]
* [[Special:MyLanguage/File Uploader - Google Drive custom feature|File Uploader - Google Drive]]
[[Special:MyLanguage/File Uploader - Google Drive custom feature|Bestandsuploader - Google Drive]]
* [[Special:MyLanguage/Loyalty System custom feature|Loyalty System]]
[[Special:MyLanguage/Loyalty System custom feature|Loyaliteitssysteem]]
* [[Special:MyLanguage/Waiting List custom feature|Waiting List]]
[[Special:MyLanguage/Waiting List custom feature|Wachtlijst]]
* [[Special:MyLanguage/Online Video Meetings Custom Feature|Online Video Meetings]]
[[Special:MyLanguage/Online Video Meetings Custom Feature|Online videomeetings]]
* [[Special:MyLanguage/Adjust your terminology/language|Custom wording & translations]] (the widget is automatically translated based on the metadata of page where it is placed)
[[Special:MyLanguage/Adjust your terminology/language|Aangepaste bewoording & vertalingen]] (de widget wordt automatisch vertaald op basis van de metadata van de pagina waarop deze is geplaatst)
* [[Special:MyLanguage/Where to change theme?|Themes & colors]]
[[Special:MyLanguage/Where to change theme?|Thema’s & kleuren]]
* [[Special:MyLanguage/I have clients in different time zones|Client timezone]]
[[Special:MyLanguage/I have clients in different time zones|Tijdzone van de klant]]
<br><br><br>
<br><br><br>
;How to use
;Hoe te gebruiken
1. To enable this feature please navigate to '''Custom Features''' page, '''For development''' section and either move the switcher to the '''On''' position or hit '''Enable''' button on the right side of the page.
Om deze functie in te schakelen, ga naar de pagina '''Custom Features''', sectie '''Voor ontwikkeling''', en zet de schakelaar op '''Aan''' of klik op de knop '''Inschakelen''' aan de rechterkant van de pagina.
[[File:Smart widget enable path.png|1200px|center|link=https://help.simplybook.me/images/a/a9/Smart_widget_enable_path.png]]
[[File:Smart widget enable path.png|1200px|center|link=https://help.simplybook.me/images/a/a9/Smart_widget_enable_path.png]]
<br><br>
<br><br>
2. Click on '''Settings''' near the feature to navigate to the options page.
Klik op '''Instellingen''' naast de functie om naar de optiespagina te gaan.
[[File:Smart widget settings path.png|1200px|center|link=https://help.simplybook.me/images/6/60/Smart_widget_settings_path.png]]
[[File:Smart widget settings path.png|1200px|center|link=https://help.simplybook.me/images/6/60/Smart_widget_settings_path.png]]
<br><br>
<br><br>
3. Adjust the parameters to your liking and click on '''Save & Get widget code'''.
Pas de parameters naar wens aan en klik op '''Opslaan & widgetcode ophalen'''.
[[File:Smart widget code path.png|1200px|center|link=https://help.simplybook.me/images/6/6a/Smart_widget_code_path.png]]
[[File:Smart widget code path.png|1200px|center|link=https://help.simplybook.me/images/6/6a/Smart_widget_code_path.png]]
<br><br>
<br><br>
4. Copy the code and paste to your website HTML body. That's it!
Kopieer de code en plak deze in de HTML-body van je website. Dat is alles!
[[File:Smart widget copy code.png|1200px|center|link=https://help.simplybook.me/images/e/e5/Smart_widget_copy_code.png]]
[[File:Smart widget copy code.png|1200px|center|link=https://help.simplybook.me/images/e/e5/Smart_widget_copy_code.png]]
<br><br><br><br>
<br><br><br><br>
</div>

Revision as of 08:45, 18 February 2026

Smart Widget (Beta) is een boekingswidget van de volgende generatie, gebouwd met React, gericht op een snelle, moderne en gebruiksvriendelijke ervaring. Het stelt klanten in staat om meerdere diensten binnen één tijdslot te boeken, waarbij de diensten na elkaar worden uitgevoerd — ideaal voor gestroomlijnde, opeenvolgende afspraken. De widget is volledig mobiel responsief, laadt snel en activeert geen pop-ups voor cookies van derden. Hoewel deze nog in bèta is, bevat hij basisstijlopties zoals het aanpassen van de lettergrootte en is hij eenvoudig in te sluiten via een simpele kopieer-en-plakcode.



Let op! Wanneer je deze functie inschakelt, wordt ook de API ingeschakeld.

Smart Widget ondersteunt nog niet alle bestaande functionaliteiten.
Sommige functies zijn mogelijk niet beschikbaar:
Afspraken verplaatsen door klant Kortingsbonnen & cadeaubonnen Aangepaste CSS Toon resterende plaatsen Lidmaatschap Pakketten Producten te koop Service-add-ons Bestandsuploader - Google Drive Loyaliteitssysteem Wachtlijst Online videomeetings Aangepaste bewoording & vertalingen (de widget wordt automatisch vertaald op basis van de metadata van de pagina waarop deze is geplaatst) Thema’s & kleuren Tijdzone van de klant


Hoe te gebruiken

Om deze functie in te schakelen, ga naar de pagina Custom Features, sectie Voor ontwikkeling, en zet de schakelaar op Aan of klik op de knop Inschakelen aan de rechterkant van de pagina.



Klik op Instellingen naast de functie om naar de optiespagina te gaan.



Pas de parameters naar wens aan en klik op Opslaan & widgetcode ophalen.



Kopieer de code en plak deze in de HTML-body van je website. Dat is alles!