Med Muntras bookingwidget kan patienter booke tider direkte fra klinikkens hjemmeside. Widgeten vises enten som en knap, der åbner et bookingvindue, eller som en indlejret formular direkte på siden.
\n\nKlinikkens domæne skal hvidlistes af Muntra, før widgeten virker. Kontakt Muntras support og angiv præcis, hvilket domæne widgeten skal bruges på.
\n\nWidgeten kræver to ting: et <div>-element, hvor widgeten skal vises, og et <script>-element, der indlæser widgetens kode.
<body>\n <!-- Placer div-elementet, hvor widgeten skal vises -->\n <div\n class="muntra-widget"\n key="0"\n muntra_clinic_id="DIN_KLINIK_ID"\n muntra_referral_source="dinklinik.dk"\n ></div>\n\n <!-- Scriptet skal placeres lige før </body> -->\n <script type="text/javascript" src="https://muntra-dev.github.io/index.js"></script>\n</body>Angiv attributterne direkte på <div>-elementet.
| Attribut | Obligatorisk | Beskrivelse |
|---|---|---|
class | Ja | Skal indeholde muntra-widget. Tilføj primary, secondary eller without-modal for at lette CSS-styling af individuelle widgeter. |
key | Ja | Unikt ID per widget på siden (f.eks. 0, 1, 2). Kræves, hvis du har flere widgeter på samme side. |
muntra_clinic_id | Ja | Klinikkens ID i Muntra. |
muntra_referral_source | Nej | Domænenavnet, som bookingkilden skal registreres under (f.eks. dinklinik.dk). Bruges til sporing. |
muntra_caregiver_id | Nej | Viser kun en specifik behandler. |
muntra_role_id | Nej | Filtrerer behandlere efter rolle (f.eks. tandlæge, tandplejer). |
muntra_procedure_id | Nej | Forudvælger en behandling i bookingflowet. |
muntra_button_text | Nej | Tilpasset tekst på bookingknappen. Standard: Boka tid. |
muntra_without_modal | Nej | Sæt til true for at vise widgeten direkte på siden, uden knap og uden popup-vindue. |
show_caregiver | Nej | Sæt til false for at skjule behandlervalg i widgeten. |
muntra_locale | Nej | Sprog for widgeten (f.eks. da-dk for dansk). Standard: klinikkens sprog. |
goal_page_url | Nej | Webadresse, som patienten sendes til efter en gennemført booking. |
Du kan placere flere widgeter på samme side. Giv hver widget en unik key-værdi og kombiner attributter for at vise forskellige behandlere, roller eller behandlinger.
<!-- Widget for tandlæge -->\n<div class="muntra-widget" key="0"\n muntra_clinic_id="DIN_KLINIK_ID"\n muntra_role_id="3"\n muntra_button_text="Book tandlægetid"></div>\n\n<!-- Widget for tandplejer -->\n<div class="muntra-widget" key="1"\n muntra_clinic_id="DIN_KLINIK_ID"\n muntra_role_id="4"\n muntra_button_text="Book tandplejertid"></div>\n\n<script type="text/javascript" src="https://muntra-dev.github.io/index.js"></script>Når en patient booker via widgeten, sendes en e-mail med et link i formatet:
\nhttps://www.dinklinik.dk?m_id=XXXXXXXXXXHvis linket fører til en side med bookingwidgeten, vises bookingdetaljer med knapper til bekræftelse og ombooking. (Hvorvidt ombooking er tilladt, styres af klinikkens bookingindstillinger i Muntra.)
\n\nKnappens udseende tilpasses via CSS-klassen .muntra-widget-button:
.muntra-widget-button {\n border-radius: 100px;\n color: #ffffff;\n font-size: 18px;\n font-weight: 700;\n}Brug de ekstra klasser på <div>-elementet (f.eks. secondary) for at style individuelle knapper:
.secondary .muntra-widget-button {\n background-color: #fff;\n border-color: #52a8ff;\n color: #52a8ff;\n}Widgetvinduet (når muntra_without_modal="true") styles via .muntra-widget:
.muntra-widget.without-modal {\n width: 100%;\n max-width: 720px;\n height: 500px;\n border: 1px solid lightgrey;\n border-radius: 15px;\n}muntra_clinic_id — er det det rigtige klinik-ID?muntra_referral_source — matcher det præcis det domænenavn, der er hvidlistet?<script>-taggen skal stå efter alle <div>-elementer, helst lige før </body>.<iframe>.muntra.<div> ligger inde i et <iframe>-element.<iframe>-taggen og erstat den med en almindelig <div>.