Implementatie via code
Volg de volgende stappen om de widget te integreren op uw website. Enige kennis van HTML en JavaScript is vereist.
Als u geen kennis heeft van HTML of JavaScript, dan kunt u deze instructie tonen aan uw websitebeheerder of ontwikkelaar.
Als u geen kennis heeft van HTML of JavaScript, dan kunt u deze instructie tonen aan uw websitebeheerder of ontwikkelaar.
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.
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"></div>2. Voeg library toe
Dit bevat de programmacode; 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>3. Initialiseer de applicatie
Voeg deze code toe of integreer deze code met uw eigen JavaScript om de applicatie te starten.
<script>
window.addEventListener('DOMContentLoaded', () => {
window.mindd.init({
ApiKey: 'UW_API_SLEUTEL_HIER',
target: '#mindd_widget_embedded',
type: 'widget',
accent_color: '#16B4AD',
welcome_text: {
NL: '**Voordat u belt, doorloop eerst deze vragen.** \n\n Wij voorzien u direct van advies', // markdown support
EN: '**Before you call, first answer our questions.** \n\n We will give you an advice' // markdown support
},
open: false,
modalDisplayMode: 'full', // dialog, full (default)
widget_showWelcomeText: true,
showLanguageSelector: true,
defaultLanguageCode: 'NL',
getSessionSummaryUsingForm: false,
startQuestionType: 'gender', // age, gender (default)
startWithAbcdTriage: false,
labels: {
QuestionWhatGender: {
NL: "Bent u een man of een vrouw?",
EN: "Are you (the patient) a man or a woman?"
},
QuestionWhatSearchTriage: {
NL: "Waar heeft u last van?",
EN: "What is bothering you?"
}
},
branding: {
termsOfUseUrl: "https://www.moetiknaardedokter.nl/gebruikersvoorwaarden/", //(default)
name: "",
phone_label: "",
phone_number: "",
font_family: "Montserrat"
},
sessionTimeOutInSec: 0,
clickOutsideModalClosesModal: false
});
});
</script>
Op deze manier wordt de widget op de standaard manier op uw website getoond. Mocht u specifieke aanpassingen willen maken voor uw widget dan kunt u de pagina over Parameters instellen bekijken voor meer informatie.
Heeft u verdere vragen betreft de implementatie van de widget op uw website, dan mag u contact opnemen met support@moetiknaardedokter.nl.