# Website-Widget einrichten

> So bieten Sie Terminanfrage, Online-Buchung, Digitales Wartezimmer, das Senden von Dokumenten und die Warteliste mit einem einzigen Script-Tag auf Ihrer Website an.

Quelle: https://help.meetone.io/organizations-admins/set-up-website-widget
Aktualisiert: 2026-10-23

---

Mit dem Website-Widget bringen Sie den Terminservice Ihrer Organisation auf Ihre eigene Website: Besucher:innen klicken auf eine Schaltfläche, und das passende Formular öffnet sich in einem Fenster direkt auf Ihrer Seite – ohne Weiterleitung. Eingebunden wird es mit einem einzigen Script-Tag.

## Voraussetzungen

- Sie sind Organisationsinhaber:in. Das Widget wird für die ganze Organisation eingerichtet.
- Das Website-Widget ist – sofern für Ihr Konto aktiviert – unter **Organisation › Integrationen › Website-Widget** verfügbar.
- Welche Funktionen das Widget anbieten kann, hängt von Ihrem Paket ab. Fehlt eine Funktion, erscheint auf der Seite der Hinweis **Weitere Funktionen sind je nach Paket verfügbar**.

## Das Widget einrichten

1. Öffnen Sie **Organisation › Integrationen › Website-Widget**.
2. Wählen Sie unter **Angebotene Funktionen**, was das Widget anbietet:
   - **Terminanfrage** – Besucher:innen schlagen Wunschtermine vor, Sie bestätigen anschließend.
   - **Direkt buchen** – Besucher:innen wählen selbst einen freien Termin aus Ihrem Kalender.
   - **Digitales Wartezimmer** – Besucher:innen checken ohne Termin ein und warten online im Wartezimmer. Wie Ihr Team sie dort abholt, lesen Sie unter [Das Digitale Wartezimmer nutzen](https://help.meetone.io/professionals/use-digital-waiting-room).
   - **Dokumente senden** – Besucher:innen senden Ihnen Dokumente über den Sicheren Eingang, bestätigt per E-Mail-Code.
   - **Warteliste** – Besucher:innen setzen sich auf die Warteliste Ihrer Organisation, um später zur Terminbuchung eingeladen zu werden. Siehe [Warteliste einrichten](https://help.meetone.io/organizations-admins/set-up-waitlist).
3. Unter **Darstellung** legen Sie fest:
   - **Profilbilder des Teams anzeigen** – zeigt die Fachkräfte Ihrer Organisation im Widget; ohne Profilbild erscheinen die Initialen. Ist die Option ausgeschaltet, zeigt das Widget nur Initialen, und die Auswahl listet die Fachkräfte nicht auf.
   - **Beschriftung der Schaltfläche** – ersetzt den Standardtext. Standard ist „Termin vereinbaren"; bietet das Widget nur eine Funktion an, ist es der Name dieser Funktion, zum Beispiel „Terminanfrage".
   - **Position** – **Unten rechts** oder **Unten links**.
   - **Begrüßungstext** – ein kurzer Text, der im Fenster unter dem Namen Ihrer Organisation und auf der fest platzierten Karte erscheint. In der schwebenden Schaltfläche selbst ist dafür kein Platz.
4. Unter **Farben** passen Sie **Akzentfarbe**, **Schaltflächenfarbe**, **Textfarbe der Schaltfläche**, **Hintergrundfarbe der Kopfzeile** und **Textfarbe der Kopfzeile** an Ihr Website-Design an. Bei jedem Feld steht der Standardwert.
5. Schalten Sie **Widget auf meiner Website anzeigen** ein und klicken Sie auf **Speichern**.

Die Karte **Vorschau** zeigt das Widget genau so, wie Ihre Besucher:innen es sehen werden – als schwebende Schaltfläche und als eingebettete Karte. Sie erscheint, sobald das Widget eingeschaltet und gespeichert ist und mindestens eine Funktion angeboten wird, und zeigt den gespeicherten Stand.

> **Hinweis**
>
> Das Einschalten allein ändert auf Ihrer Website noch nichts. Sichtbar wird das Widget erst, wenn der Code aus dem nächsten Abschnitt auf Ihrer Website eingebunden ist.

## Das Widget auf Ihrer Website einbinden

Den Code finden Sie auf derselben Seite unter **Einbindung auf Ihrer Website**. Geben Sie ihn an Ihre Webentwicklung weiter; er muss nur einmal eingebunden werden.

- **Schwebende Schaltfläche** – einmal vor dem schließenden `</body>`-Tag eingefügt, erscheint die Schaltfläche auf jeder Seite in der gewählten Ecke.
- **Feste Platzierung im Seiteninhalt** – das Widget erscheint als Karte genau an der Stelle, an der das `<div>`-Element steht. Die schwebende Schaltfläche entfällt dann.
- **Beide Varianten gleichzeitig** – mit einem zusätzlichen Parameter am Script-Tag erscheinen Karte und schwebende Schaltfläche.

Auf derselben Seite stehen außerdem ein Viewport-Meta-Tag und eine kurze CSS-Regel, die Ihre Website für eine korrekte Darstellung auf Smartphones braucht. Die technischen Details für Ihre Webentwicklung stehen in der Entwicklerdokumentation: [Website-Widget einbinden](https://help.meetone.io/developers/integrations/embed-website-widget).

Ihre Website muss über HTTPS ausgeliefert werden. Verwendet sie eine Content-Security-Policy, muss Ihre MeetOne-Domain dort erlaubt sein.

## Was Besucher:innen sehen

- **Eine Funktion:** Ein Klick auf die Schaltfläche öffnet direkt das passende Formular.
- **Mehrere Funktionen:** Besucher:innen wählen zuerst eine Option; mit dem Zurück-Pfeil oben links kommen sie wieder zur Auswahl.
- **Mehrere Funktionen und mehrere Fachkräfte:** Ist **Profilbilder des Teams anzeigen** eingeschaltet (Standard), listet die Auswahl zusätzlich die Fachkräfte Ihrer Organisation. Wer eine Person auswählt, bucht oder fragt direkt bei ihr an. Bietet das Widget nur eine Funktion an, gibt es keine Auswahl und damit auch keine Liste.
- **Digitales Wartezimmer außerhalb der Öffnungszeiten:** Haben Sie unter **Organisation › Integrationen › Digitales Wartezimmer** Öffnungszeiten festgelegt, bleibt die Option sichtbar, ist aber nicht anklickbar und zeigt „Geschlossen · öffnet … wieder". Gibt es kein nächstes Zeitfenster, steht dort nur „Geschlossen".
- **Dokumente senden:** Die Dokumente gehen immer an den [Upload-Link der Organisation](https://help.meetone.io/professionals/receive-documents-secure-inbox), auch wenn Besucher:innen vorher eine Fachkraft ausgewählt haben. Ist dieser Link deaktiviert, bietet das Widget die Option nicht an – die Einstellungsseite weist dann darauf hin.
- **Warteliste:** Einträge gehen immer auf die Warteliste der Organisation. Ist der Link zur Warteliste deaktiviert, bietet das Widget die Option nicht an – auch darauf weist die Einstellungsseite hin.

## Änderungen und Abschalten

Änderungen an den Einstellungen sind nach etwa einer Minute auf Ihrer Website sichtbar – Sie müssen dafür nichts neu einbinden. Schalten Sie **Widget auf meiner Website anzeigen** aus, verschwindet das Widget von Ihrer Website, ohne dass der Code entfernt werden muss.

## Häufige Probleme

- **Ich finde Website-Widget nicht unter Integrationen.** Das Widget muss für Ihr Konto aktiviert sein, und Ihr Paket muss mindestens eine der Funktionen enthalten. Nur Organisationsinhaber:innen sehen den Menüpunkt.
- **Auf meiner Website erscheint nichts.** Prüfen Sie, ob **Widget auf meiner Website anzeigen** eingeschaltet ist und mindestens eine Funktion ausgewählt ist. Lassen Sie Ihre Webentwicklung prüfen, ob der Code vollständig eingebunden ist und eine Content-Security-Policy die MeetOne-Domain blockiert.
- **Die Schaltfläche erscheint, aber das Fenster bleibt leer.** Meist blockiert die Content-Security-Policy Ihrer Website das eingebettete Fenster. Ihre Webentwicklung findet die nötigen Einträge in der Entwicklerdokumentation.
- **Dokumente senden fehlt in der Auswahl.** Der Upload-Link der Organisation ist deaktiviert. Schalten Sie ihn unter **Organisation › Integrationen › Sicherer Eingang** wieder ein.
- **Warteliste fehlt in der Auswahl.** Der Link zur Warteliste ist deaktiviert. Schalten Sie unter **Organisation › Integrationen › Wartelisten-Link** die Option **Link aktiv** wieder ein.

Noch Fragen? Kontaktieren Sie uns unter [support@meetone.io](mailto:support@meetone.io).