Bookingwidget — teknisk implementering

Med Muntras bookingwidget kan pasienter booke timer direkte fra klinikkens nettside. Widgeten vises enten som en knapp som åpner et bookingvindu, eller som et innebygd skjema direkte på siden.

\n\n

Forutsetninger

Klinikkens domene må hvitelistes av Muntra før widgeten fungerer. Kontakt Muntras support og oppgi nøyaktig hvilket domene widgeten skal brukes på.

\n\n

Installasjon

Widgeten krever to ting: et

-element der widgeten skal vises, og et \n\n\n

Attributter

Angi attributtene direkte på

-elementet.

\n\n

Attributt	Obligatorisk	Beskrivelse
`class`	Ja	Må inneholde `muntra-widget`. Legg til `primary`, `secondary` eller `without-modal` for å lette CSS-styling av enkeltstående widgeter.
`key`	Ja	Unik ID per widget på siden (f.eks. `0`, `1`, `2`). Kreves hvis du har flere widgeter på samme side.
`muntra_clinic_id`	Ja	Klinikkens ID i Muntra.
`muntra_referral_source`	Nei	Domenenavnet som bookingkilden skal registreres under (f.eks. `dinklinikk.no`). Brukes til sporing.
`muntra_caregiver_id`	Nei	Viser kun en spesifikk behandler.
`muntra_role_id`	Nei	Filtrerer behandlere etter rolle (f.eks. tannlege, tannpleier).
`muntra_procedure_id`	Nei	Forhåndsvelger en behandling i bookingflyten.
`muntra_button_text`	Nei	Tilpasset tekst på bookingknappen. Standard: `Boka tid`.
`muntra_without_modal`	Nei	Sett til `true` for å vise widgeten direkte på siden, uten knapp og uten popup-vindu.
`show_caregiver`	Nei	Sett til `false` for å skjule behandlervalg i widgeten.
`muntra_locale`	Nei	Språk for widgeten (f.eks. `nb-no` for norsk). Standard: klinikkens språk.
`goal_page_url`	Nei	Nettadresse dit pasienten sendes etter en gjennomført booking.

\n\n

Flere widgeter på samme side

Du kan plassere flere widgeter på samme side. Gi hver widget en unik key-verdi og kombiner attributter for å vise ulike behandlere, roller eller behandlinger.

\n\n

\n
\n\n\n
\n\n

\n\n

Ombooking og bekreftelse

Når en pasient booker via widgeten sendes en e-post med en lenke i formatet:

https://www.dinklinikk.no?m_id=XXXXXXXXXX

Hvis den lenken fører til en side med bookingwidgeten, vises bookingdetaljer med knapper for bekreftelse og ombooking. (Hvorvidt ombooking er tillatt styres av klinikkens bookinginnstillinger i Muntra.)

\n\n

CSS-styling

Knappens utseende 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}

\n\n

Bruk de ekstra klassene på

-elementet (f.eks. secondary) for å style enkeltknapper:

.secondary .muntra-widget-button {\n  background-color: #fff;\n  border-color: 

#52a8ff;\n  color: 

#52a8ff;\n}

\n\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}

\n\n

Feilsøking

Sjekk muntra_clinic_id — er det riktig klinikk-ID?
Sjekk muntra_referral_source — samsvarer det nøyaktig med domenenavnet som er hvitelistet?
Sjekk skriptets plassering —