Widget

Voorbeeld als Widget

Voorbeeld als button

Click hier! om te bepalen of u naar de dokter moet

Met deze widget kunt u zelf de de digitale zelf triage tool van Moet Ik Naar De Dokter integreren in uw eigen website

Hiervoor heeft u wel een toegangssleutel nodig. Om een sleutel aan te vragen kunt u contact opnemen met ons.

Voorwaarde

De widget wordt direct op uw website geintegreerd, dus niet via een iframe. Dat betekent dat de styling en layout invloed heeft op de widget. Andersom heeft de widget geen invloed op uw website.

U dient zelf zorg te dragen dat de integratie zo optimaal mogelijk is. Mocht u toch vragen hebben of advies nodig hebben neem dan contact op met ons.

De code

Volg de volgende stappen om de widget te integreren op uw website. Enig kennis van HTML en Javascript is vereist.

Stap 1; voeg de container toe.

Dit is de plek waar de widget wordt ingeladen op uw website. Kies een eigen id wanneer nodig en voeg styling inline of via uw eigen css toe.

<div id="mindd_widget_embedded" style="height:300px;"></div>

Stap 2; voeg library toe.

Dit bevat de programma code; ter informatie dit is een ReactJS UMD applicatie. Voeg deze onder aan uw pagina toe of in de <head >

<script src="https://moetiknaardedokter.azurewebsites.net/embed/index.js" type="text/javascript"></script>

Stap 3; initialiseer de applicatie.

Voeg deze code toe of integreer deze code met uw eigen javascript om de applicatie te starten.

<script type="text/javascript"> window.addEventListener('DOMContentLoaded', function() { window.mindd.init({ ApiKey: '%%UW_API_SLEUTEL_HIER%%', target: '#mindd_widget_embedded', type:'widget', accent_color: '#16B4AD', welcome_text: '**Voordat u belt, doorloop eerst deze vragen.**', open: false, modalDisplayMode : 'full', // dialog, full (default) widget_showWelcomeText : true, widget_background: 'transparent', widget_foreground: '#fff', labels : { QuestionWhatGender : null }, branding : { termsOfUseUrl :"https://www.moetiknaardedokter.nl/gebruiksvoorwaarden/", //(default) layout: "top", name : "Huisartsenpost MINDD", phone_label : "0123 - 456789", phone_number : "012356789", } }); }); </script>

Er moeten een aantal paramaters ingesteld worden:

ApiKey Uw eigen sleutel zoals deze aan u verstrekt is vanuit ons.
Type Het type integratie die u wil gebruiken; 'button' of 'widget' (zie ook voorbeelden op deze pagina). In het geval van van een 'button' gebruik dan volgende voorbeeld; <a href="#test" id="mindd_button" class="button"> Start triage </a> <script type="text/javascript"></script> window.addEventListener('DOMContentLoaded', function() { window.mindd.init({ ApiKey: '%%UW_API_SLEUTEL_HIER%%', target: '#mindd_button', type:'button', accent_color: '#16B4AD', welcome_text: '**Voordat u belt, doorloop eerst deze vragen.**', open: false, modalDisplayMode : 'full', // dialog, full (default) widget_showWelcomeText : true, widget_background: 'transparent', widget_foreground: '#fff', labels : { QuestionWhatGender : null }, branding : { termsOfUseUrl :"https://www.moetiknaardedokter.nl/gebruiksvoorwaarden/", // (default) layout: "top", name : "Huisartsenpost MINDD", phone_label : "0123 - 456789", phone_number : "012356789", } }); }); </script>
target De id van het element zoals u deze heeft toegevoegd in stap 1
accent_color De hex code van de kleur die u in de widget wil gebruiken. let erop dat deze voldoende contrast heeft met de achtergrond kleur.
welcome_text De tekst van de eerste zin kunt u aanpassen naar eigen inzicht. Standaard is (voor nu) Hallo, ik kan u helpen met bepalen of u naar de dokter moet.

Deze optie ondersteunt Markdown opmaak. dus wanneer u het volgende invult ;**Voordat u belt, doorloop eerst deze vragen.** \n\n Wij voorzien u direct van advies dan wordt dit

<strong>Voordat u belt, doorloop eerst deze vragen.</strong> <p>Wij voorzien u direct van advies</p>

open Boolean (true/false) of de app bij laden van de pagina meteen moet openen of niet.
modalDisplayMode Een waarde die instelt of de widget start als fullscreen applicatie of als modal dialog met doorzichtige achtergrond. De waarde kunnen "dialog" of "full" zijn (standaard is "full").
widget_showWelcomeText Boolean (true/false), default true. U kunt er voor kiezen dat de widget, zodra deze nog niet geopend is de welcome_text niet toont; bijvoorbeeld wanneer u dit zelf in uw eigen website regelt.
widget_background U kunt er voor kiezen dat de widget, zodra deze nog niet geopend is een bepaalde achtergrond kleur moet hebben. Standaard is achtergrond.
widget_foreground U kunt er voor kiezen dat de widget, zodra deze nog niet is geopend een bepaalde tekstkleur heeft. Standaard is donkergrijs.
Labels Moet ik naar de dokter zorgt ervoor dat de woorden en zinnen zo optimaal en correct mogelijk worden gebruikt. Voor sommige labels (op dit moment alleen QuestionWhatGender!) is het mogelijk om zelf uw eigen variatie aan te brengen bv: labels : { QuestionWhatGender : "Bent u geboren als man of vrouw?" }
Branding U kunt uw eigen naam en telefoonnummer laten tonen boven in het moet-ik-naar-de-dokter venster. U kunt ook uw eigen gebruikersvoorwaarden tonen ipv de algemene van moetiknaardedokter. branding : { termsOfUseUrl :"https://www.moetiknaardedokter.nl/gebruiksvoorwaarden/", (default) layout: "top", // null of "top" name : "Huisartsenpost MINDD", // naam van uw organisatie phone_label : "0123 - 456789", // telefoonnummer dat getoond wordt (leesbaar formaat) phone_number : "012356789", // telefoonnummer om de draaien (nodig voor als de gebruiker er op drukt) }