ℹ️ Note: Dieser Artikel wurde automatisch mit AI übersetzt und kann Ungenauigkeiten enthalten. Wenn etwas falsch aussieht, kontaktieren Sie bitte unser Support-Team.

Der Buchungskalender funktioniert normalerweise direkt nach der Einrichtung – manchmal kann jedoch eine kleine Konfiguration, ein Theme oder eine Verfügbarkeitseinstellung verhindern, dass er in deinem Shop angezeigt wird.

Die gute Nachricht: Diese Probleme lassen sich meist sehr schnell beheben 🚀

Diese Anleitung zeigt die häufigsten Gründe, warum der Buchungskalender (oder seine Schaltfläche Book Now (Jetzt buchen)) möglicherweise nicht angezeigt wird, und wie du jeden Schritt für Schritt behebst.

In den meisten Fällen hängt das Problem mit einer der folgenden Ursachen zusammen:

• App Embed ist deaktiviert
• Service wurde nicht gespeichert, wurde deaktiviert oder archiviert
• Du prüfst die falsche Produktseite oder Variante
• Produktvarianten wurden nach Erstellung des Service geändert
• Du siehst dir einen Entwurf (unveröffentlichtes Theme) an
• Konflikte mit individuellem Theme oder Page Builder
• Verfügbarkeitseinstellungen blenden alle Termine aus
• Zeitfenster sind vollständig gebucht oder Buchungslimits sind erreicht
• Browser- oder Shop-Cache

Gehen wir sie einzeln durch 👇

✅ Schritt 1: Prüfe, ob App Embed aktiviert ist

Damit der Buchungskalender in deinem Shop angezeigt wird, muss das App Embed in deinem Shopify-Theme aktiviert sein. Das ist die häufigste Ursache.

Der schnellste Weg, das zu prüfen, ist direkt in der App:

Öffne die App Hoppy Appointments → auf der Seite dashboard/homepage (Dashboard/Startseite) findest du die Karte App Status (App-Status).

• Active (Aktiv) → Das App Embed ist aktiviert ✅
• Inactive (Inaktiv) → Klicke auf Activate (Aktivieren) – du wirst direkt zum Theme-Editor weitergeleitet

Um es stattdessen manuell zu aktivieren, gehe zu:

Shopify Admin → Online Store → Themes → Customize → App Embeds

Dann:

• Suche „Appointment Bookings“
• Schalte es auf ON (Ein)
• Klicke auf Save (Speichern)

Tipp:
Wenn es bereits aktiviert war, schalte es auf OFF (Aus), klicke auf Save (Speichern), dann auf ON (Ein) und erneut auf Save (Speichern). Aktualisiere anschließend deinen Shop.

Nach diesem Schritt sollte die Schaltfläche Book Now auf der mit deinem Service verknüpften Produktseite erscheinen.

✅ Schritt 2: Stelle sicher, dass der Service gespeichert und aktiv ist

Auch wenn das App Embed aktiviert ist, erscheint ein Service nur in deinem Shop, wenn er gespeichert und aktiv ist.

Öffne die App → dashboard/homepage (Dashboard/Startseite) und prüfe das Badge neben deinem Service:

• Inactive (Inaktiv) → Öffne das Menü More (Mehr) → Turn on (Einschalten)
• Archived (Archiviert) → Öffne das Menü More (Mehr) → Unarchive (Wiederherstellen), und stelle sicher, dass es eingeschaltet ist

Öffne als Nächstes den Service und klicke auf Save (Speichern) – auch wenn du nichts geändert hast.

Durch das Speichern wird der Service mit deinem Shop neu synchronisiert, was die meisten Fälle von „es hat vorher funktioniert“ behebt.

Nach dem Speichern erscheint ein Banner oben auf der Seite:

• „Make sure Appointment Booking App Embed is active“ → Klicke auf Enable App Embed (App Embed aktivieren) (siehe Schritt 1)
• „Confirm Appointment Booking is published successfully“ → Klicke auf Open Store (Shop öffnen), um das Ergebnis zu prüfen

ℹ️ Wenn die Schaltfläche Book Now ein leeres Pop-up öffnet, ist der Service in der Regel ausgeschaltet oder archiviert – dieser Schritt behebt auch das.

✅ Schritt 3: Prüfe, ob du auf der richtigen Produktseite und Variante bist

Die Schaltfläche Book Now erscheint nur auf der Produktseite, die mit deinem Service verbunden ist – nicht auf anderen Produkten.

Öffne deinen Service → Registerkarte General (Allgemein) → Karte Booking (Buchung) und bestätige, welches Produkt ausgewählt ist.

Beispiel:
Wenn dein Service mit „Guitar Lesson“ verbunden ist, du aber die Produktseite „Drum Lesson“ aufrufst, erscheint die Schaltfläche dort nicht.

Wenn das Produkt mehrere Varianten hat, versuche auch, auf der Shop-Seite zwischen den Varianten zu wechseln.

⚠️ Wichtig:

Wenn du die Varianten des Produkts in Shopify nach der Einrichtung des Service bearbeitet, gelöscht oder neu erstellt hast, kann die Verbindung veraltet sein.

Die Lösung ist einfach:

→ Öffne den Service
→ Klicke auf Change (Ändern)
→ Wähle nach der Änderung der Produktvarianten die richtigen Varianten aus
→ Klicke auf Save (Speichern)

Damit werden die aktuellen Produkt- und Varianteninformationen mit deinem Shop neu synchronisiert.

✅ Schritt 4: Prüfe dein live veröffentlichtes Theme

Das App Embed wird geprüft – und der Kalender angezeigt – nur in deinem live veröffentlichten Theme.

Das bedeutet:

• Wenn du das App Embed aktivierst, während du einen Entwurf oder unveröffentlichtes Theme bearbeitest, erscheint der Kalender nicht in deinem Live-Shop
• Wenn du kürzlich zu einem neuen Theme gewechselt bist, bleibt das App Embed im neuen Theme deaktiviert, bis du es erneut aktivierst (siehe Schritt 1)

Teste immer in deinem Live-Shop:

→ Öffne deinen Shop in einem normalen Browser-Tab, nicht nur in der Theme-Editor-Vorschau.

✅ Schritt 5: Hartes Neuladen und Inkognito-Modus testen

Manchmal speichert Shopify oder dein Browser Shop-Inhalte temporär im Cache.

Ein hartes Neuladen behebt das meist sofort.

Windows

Ctrl + Shift + R

Mac

Cmd + Shift + R

Versuche außerdem:

• Deinen Shop in einem Inkognito-/Privatfenster zu öffnen
• In einem anderen Browser oder auf deinem Smartphone zu testen

Damit stellst du fest, ob es sich nur um zwischengespeicherte Inhalte handelt.

✅ Schritt 6: Verwendest du ein individuelles Theme oder einen Page Builder?

Die meisten Shopify-Themes funktionieren sofort mit Hoppy Appointments – die App ersetzt automatisch die Schaltfläche Add to Cart (In den Warenkorb) durch die Schaltfläche Book Now (Jetzt buchen) auf buchbaren Produktseiten.

Stark angepasste Themes oder Themes, die mit Page Buildern erstellt wurden, verwenden jedoch möglicherweise nicht-standardisierte Produktformulare, die die App nicht immer erkennen kann.

In diesem Fall platziere den Kalender manuell:

Öffne den Shopify Theme Editor (Theme-Editor) → Navigate to the desired page (Zur gewünschten Seite navigieren) → Add Block (Block hinzufügen) → Apps → Appointment Calendar (Terminkalender)

Dann:

• Füge deine Service ID (Service-ID) ein

→ Du findest sie oben auf der Service-Bearbeitungsseite oder über My services (Meine Services) → More (Mehr) → Copy Service ID (Service-ID kopieren)

• Wähle den Embedding Mode (Einbettungsmodus):
• • Modal → Zeigt eine Buchungskarte, die den Kalender in einem Pop-up öffnet
  • Direct (Direkt) → Betten den vollständigen Kalender direkt auf der Seite ein
• Klicke auf Save (Speichern), um das Theme zu speichern

Der Block zeigt dir auch an, wenn etwas nicht stimmt:

• „App Embed Not Enabled“ (App Embed nicht aktiviert) → Gehe zurück zu Schritt 1 – das App Embed ist auch für die manuelle Platzierung erforderlich
• „Appointment service configuration not found“ (Terminservice-Konfiguration nicht gefunden) → Prüfe die eingefügte Service ID noch einmal

💡 Alternative: Aktiviere den Floating Action Button (Schwebende Aktions-Schaltfläche) in deinem Service (General-Registerkarte (Allgemein) → Enable floating button (Schwebende Schaltfläche aktivieren)), um eine schwebende Schaltfläche Book Now auf allen Shop-Seiten anzuzeigen. Vergiss nicht, den Service anschließend über Save (Speichern) zu speichern.

✅ Schritt 7: Kalender öffnet sich, aber es gibt keine Termine/Uhrzeiten? Prüfe die Verfügbarkeit

Wenn sich das Pop-up öffnet, Kunden aber keine Termine auswählen können, liegt das meist an den Verfügbarkeitseinstellungen.

Öffne deinen Service → Registerkarte Availability (Verfügbarkeit) und prüfe Folgendes:

• Working days (Arbeitstage) sind auf ON (Ein) geschaltet und haben gültige Start- und Endzeiten
• Date-range availability (Datumsbereich-Verfügbarkeit) → Wenn du bestimmte Daten festgelegt hast, die nun in der Vergangenheit liegen, werden nie Termine angezeigt. Füge einen neuen, aktuellen Datumsbereich hinzu
• Minimum scheduling notice (Minimale Vorlaufzeit) → Ein hoher Wert (z. B. 48 Stunden) entfernt heute und morgen aus dem Kalender. Der Standardwert ist 1 Stunde
• Look ahead (Vorausschau) → Legt fest, wie weit im Voraus Kunden buchen können. Ein niedriger Wert (z. B. 2–3 Tage) lässt den Kalender fast leer erscheinen
• Break times (Pausenzeiten) → Stelle sicher, dass sie nicht deine gesamten Arbeitszeiten abdecken
• Blocked dates (Blockierte Termine) → Entferne alle Termine, die nicht blockiert sein sollten

Beispiel:
Wenn dein Look ahead (Vorausschau) auf 2 Tage und deine Minimum scheduling notice (Minimale Vorlaufzeit) auf 48 Stunden eingestellt ist, sehen Kunden möglicherweise überhaupt keine buchbaren Termine.

Nach der Anpassung klicke auf Save (Speichern) und aktualisiere deinen Shop – die Termine sollten nun auswählbar sein.

✅ Schritt 8: Zeitzoneneinstellungen prüfen

Eine falsche Zeitzone kann deine Zeitfenster verschieben – oder so aussehen lassen, als wären zu den gewünschten Zeiten keine Termine verfügbar.

Öffne deinen Service → Registerkarte Availability (Verfügbarkeit) → Karte Timezone & hour format (Zeitzone & Stundenformat):

• Bestätige, dass deine Timezone (Zeitzone) korrekt ist
• Lock timezone (Zeitzone sperren) → Wenn aktiviert, sehen alle Kunden Zeiten in deiner Zeitzone, unabhängig von ihrem Standort
• Show timezone selector (Zeitzonenauswahl anzeigen) → Ermöglicht Kunden, in ihre eigene Zeitzone zu wechseln

💡 Wenn Kunden in anderen Ländern von „fehlenden“ Zeiten berichten, sehen sie deinen Zeitplan wahrscheinlich in ihre lokale Zeitzone umgerechnet.

✅ Schritt 9: Prüfe, ob Zeitfenster ausgebucht oder Limits erreicht sind

Manchmal funktioniert der Kalender einwandfrei – die Zeitfenster sind einfach bereits vergeben.

Prüfe Folgendes:

• Maximum bookings per time slot (Maximale Buchungen pro Zeitfenster) → Der Standardwert ist 1, sodass ein Zeitfenster verschwindet, sobald jemand gebucht hat. Erhöhe ihn für Gruppenkurse oder -sessions
• Maximum bookings per day (Maximale Buchungen pro Tag) → Sobald dieser Wert erreicht ist, wird der gesamte Tag nicht mehr verfügbar
• Existing bookings (Bestehende Buchungen) → Öffne die Seite Bookings (Buchungen), um zu sehen, welche Zeitfenster bereits vergeben sind

Verwendest du den Modus Availability per teammate (Verfügbarkeit pro Teammitglied)?

Wenn dem Service keine Teammitglieder zugewiesen sind, werden überhaupt keine Zeitfenster generiert:

→ Availability-Registerkarte (Verfügbarkeit) → Assign teammates to this service (Teammitglieder diesem Service zuweisen), oder wechsle zurück zu Availability per service (Verfügbarkeit pro Service)

💡 Sollen ausgebuchte Tage weiterhin sichtbar bleiben?

Aktiviere die Waitlist (Warteliste) in der Registerkarte Payment (Zahlung), und schalte Show waitlist when a slot is fully booked (Warteliste anzeigen, wenn ein Zeitfenster ausgebucht ist) ein – Kunden sehen dann eine Option Join waitlist (Warteliste beitreten) anstelle eines leeren Kalenders.

⚠️ Gut zu wissen

• Die Vorschau auf der Service-Setup-Seite ist ungefähr – vertraue immer dem Kalender auf deiner live Produktseite.
• Der App-Block Appointment Calendar (Terminkalender) erfordert ebenfalls das App Embed aus Schritt 1.
• Jedes Produkt oder jede Variante kann jeweils nur mit einem aktiven Service verbunden sein.

Wird immer noch nicht angezeigt?

Wenn du alle oben genannten Schritte ausprobiert hast und der Buchungskalender immer noch nicht sichtbar ist:

1. Speichere den Service erneut
2. Bestätige, dass App Status (App-Status) Active (Aktiv) anzeigt
3. Teste auf der live Produktseite (nicht in der Theme-Vorschau)
4. Teste in einem Inkognito-Fenster

Wenn das Problem weiterhin besteht, kontaktiere uns gerne direkt aus der Hoppy Appointments App.

Um uns die Fehlerbehebung zu erleichtern, füge bitte Folgendes bei:

• Deine Shop-URL
• Die Produktseiten-URL, auf der der Kalender erscheinen sollte
• Deine Service ID (My services (Meine Services) → More (Mehr) → Copy Service ID (Service-ID kopieren))
• Dein Theme-Name
• Ein Screenshot der Karte App Status (App-Status)

Wir helfen dir gerne weiter 🙌

Aktualisiert am: 10/09/2026