So fügen Sie Koalendar zu einer Wix-Website hinzu
Bringen Sie Ihr Buchungserlebnis direkt auf Ihre Website – ganz ohne Programmierkenntnisse. Wählen Sie zwischen drei einfachen Methoden:
- 🔗 Link: Verwenden Sie eine Schaltfläche, ein Bild oder einen Textlink.
- 🧩 Inline-Einbettung: Zeigen Sie den Terminplaner direkt auf der Seite an.
- 🎈 Floating Button einbetten: Popup-Buchungsoption hinzufügen
🧭 In diesem Leitfaden
- 🔗 Link hinzufügen (Schaltfläche, Text oder Bild)
- 🧩 Inline-Scheduler einbetten
- 🎈 Einen Floating Button Scheduler hinzufügen
- 🤔 Welche Option sollten Sie verwenden?
🔗 Link hinzufügen (Schaltfläche, Text oder Bild)
Halten Sie es einfach – leiten Sie Besucher auf Ihre Buchungsseite weiter:
- Fügen Sie Ihrer Wix-Seite eine Schaltfläche, ein Textfeld oder ein Bild hinzu.
- Klicken Sie auf das Element → Link
-
Auswählen Webadresse und einfügen Ihre Koalendar-URL (z. B.
https://koalendar.com/e/yourname)
- Klicken Sie auf „Fertig “ und „Veröffentlichen“.
🧩 Einbettungsoption 1: Inline-Einbettung

Zeigen Sie Ihren Koalendar direkt auf Ihrer Website an:
-
Kopieren Sie den Inline-Einbettungs code aus den Einbettungsoptionen Ihres Koalendar.

- Gehen Sie im Wix Editor zu der Seite, in die Sie den Code einbetten möchten, klicken Sie auf „+ Elemente hinzufügen“, wählen Sie die Option„Code einbetten“ und klicken Sie auf„HTML einbetten“.
- Wählen Sie die Option „Code“, fügen Sie den Einbettungscode ein und klicken Sie auf „Übernehmen“.
- Größe anpassen und auf „Veröffentlichen“ klicken
🎈 Einbettungsoption 2: Popup-Widget

Fügen Sie eine Schaltfläche hinzu, die auf dem Bildschirm bleibt und beim Anklicken Ihre Buchungsseite in einem Popup-Fenster öffnet:
-
Kopieren Sie den Popup-Widget -Code aus den Einbettungsoptionen Ihres Koalendar.

-
Klicken Sie im Wix Editor auf+ Elemente hinzufügen →Code einbetten→Marketing-Tools →Benutzerdefinierter Code.

- Klicken Sie auf „Code hinzufügen“
-
Fügen Sie den Code ein, wählen Sie aus, auf welchen Seiten Sie die schwebende Schaltfläche anzeigen möchten, und klicken Sie auf„Übernehmen“.

- Das war's schon! Ihr Button wird nun auf Ihrer Wix-Website angezeigt.
💡 Tipp: Passen Sie die Farbe, die Beschriftung, das Symbol und die Position der Schaltfläche in Koalendar an, bevor Sie den Code kopieren.
🤔 Welches sollten Sie verwenden?
| Option | Verwenden Sie, wenn... |
|---|---|
| 🔗 Link | Sie möchten die einfachste Konfiguration |
| 🧩 Inline-Einbettung | Direkt über Ihre Website buchen |
| 🎈 Schwebender Button | Kompaktes Popup, das von jeder Seite aus verfügbar ist |





