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

Hoppy Appointments gibt dir die Kontrolle über fast jeden Teil des Buchungserlebnisses – von Farben und Schriftarten bis hin zu Sprachen, E-Mails, Fragen und dem Verhalten nach der Buchung. Einige Anpassungen gelten für deinen gesamten Shop, während andere pro Service festgelegt werden.

Diese Anleitung gibt einen Überblick über alle Anpassungsbereiche und erklärt, wo sich jeder befindet. Für detaillierte Einrichtungsschritte folge den verlinkten Hilfeartikeln in jedem Abschnitt.

🌍 Globale Anpassungsbereiche

Diese Einstellungen werden unter Settings (Einstellungen) verwaltet und gelten standardmäßig für deinen gesamten Shop.

Design & Styling

Gehe zu Settings → Default Design (Einstellungen → Standarddesign), um das Standardaussehen des Buchungswidgets festzulegen.

Du kannst anpassen:

• Schriftarten und Farben
• Hintergründe, Karten und Textstile
• Farben für ausgewähltes Datum und Zeitfenster
• Stile der Bestätigen-, Zurück- und Weiter-Buttons
• Stile der Erfolgs-, Umbuchungs- und Stornierungsseiten
• Custom CSS

Diese Standardeinstellungen werden von jedem Service verwendet, sofern ein Service sie nicht überschreibt.

Details findest du unter Appointment Bookings — Design- und Styling-Optionen und So legst du Custom CSS für die Appointment Bookings App fest.

Übersetzungen

Gehe zu Settings → Translations (Einstellungen → Übersetzungen), um Sprache und Text zu verwalten.

Du kannst anpassen:

• Standardsprache
• Mehrsprachigkeit
• Kalendertext, Formularbeschriftungen, Buttontext, Statusmeldungen
• E-Mail-Blockbeschriftungen
• Servicespezifische Titel, Beschreibungen und Beschriftungen

Details findest du unter Appointment Bookings — Übersetzung.

E-Mail-Benachrichtigungen

Gehe zu Settings → Email Settings (Einstellungen → E-Mail-Einstellungen), um das Erscheinungsbild und den Versandzeitpunkt von E-Mails zu steuern.

Du kannst anpassen:

• Absendername, Antwortadresse und Logo
• E-Mail-Vorlagen für Bestätigungen, Erinnerungen, Aktualisierungen und Stornierungen
• Dynamische Variablen und vorgefertigte Inhaltsblöcke
• Welche Ereignisse Kunden- und Admin-E-Mails auslösen

Details findest du unter So konfigurierst du E-Mail-Benachrichtigungen für Appointment Bookings.

Analytics & Tracking

Gehe zu Settings → Analytics & Tracking (Einstellungen → Analytics & Tracking), um Drittanbieter-Tracking zu verbinden.

Du kannst einrichten:

• Google Analytics 4
• Meta Pixel und Conversions API
• Google Tag Manager

Details findest du unter Google Analytics 4 Tracking für Appointment Bookings konfigurieren und Meta Pixel für Appointment Bookings konfigurieren.

Allgemeine Einstellungen

Gehe zu Settings → General (Einstellungen → Allgemein), um Standardwerte für Kalender und Buchungsverhalten festzulegen.

Du kannst anpassen:

• Erster Tag der Woche
• Ob Endzeiten angezeigt werden sollen
• Globale Buchungslimits pro Tag oder pro Zeitfenster
• Blockierte Daten und Pausenzeiten
• Verhalten bei Erstattungen und Stornierungsreihenfolge

⚙️ Servicespezifische Anpassungsbereiche

Diese Einstellungen werden innerhalb jedes Services verwaltet und ermöglichen die Feinabstimmung einzelner Buchungserlebnisse.

Registerkarte General (Allgemein)

• Booking page title and description (Titel und Beschreibung der Buchungsseite) – was Kunden oben im Widget sehen
• Meeting location (Meeting-Ort) – wähle zwischen Videoanrufen, Telefon, persönlich oder benutzerdefinierten Orten
• Custom contact questions (Benutzerdefinierte Kontaktfragen) – füge dem Buchungsformular zusätzliche Felder hinzu, z. B. Telefon, Adresse, Dropdowns, Datei-Uploads oder Bewertungen
• Floating Action Button (Schwebender Aktionsbutton) – füge einen dauerhaften „Book Now"-Button (Jetzt buchen-Button) in deinem gesamten Shop hinzu

Details findest du unter So konfigurierst du Meeting-Orte für Appointment Bookings, So richtest du einen Floating Action Button wie Calendly für Appointment Bookings ein und So richtest du Appointment Booking Services ein.

Registerkarte Design

Verwende die Registerkarte Design, um das globale Design für diesen Service zu überschreiben.

• Aktiviere Do not Follow Default Theme Settings (Standarddesigneinstellungen nicht übernehmen), um servicespezifische Designsteuerungen freizuschalten
• Passe Farben, Schriftarten und Bilder an
• Lade ein Custom logo (Benutzerdefiniertes Logo) für diesen Service hoch
• Füge Custom CSS hinzu, das nur für diesen Service gilt

Details findest du unter Appointment Bookings — Design- und Styling-Optionen und So legst du Custom CSS für die Appointment Bookings App fest.

Registerkarte Availability (Verfügbarkeit)

• Lege wöchentliche oder datumsspezifische Verfügbarkeitszeiten fest
• Konfiguriere Buchungslimits pro Tag oder pro Zeitfenster
• Weise Teammitglieder zu und lege deren Verfügbarkeit fest

Details findest du unter So richtest du Appointment Booking Services ein und Mit dem Team in Appointment Bookings arbeiten.

Registerkarte Payment (Zahlung)

• Wähle zwischen Pay to Book (Zahlungspflichtige Buchung) und Book without pay (Buchung ohne Zahlung)
• Aktiviere die manuelle Genehmigung für Buchungen
• Richte das Wartelistenverhalten ein
• Konfiguriere Teilzahlungen oder Anzahlungen

Details findest du unter Appointment Bookings — Alle Zahlungsoptionen erklärt und So konfigurierst du die Warteliste für Appointment Bookings.

Registerkarte Advanced (Erweitert)

• Aktiviere Advanced Configuration (Erweiterte Konfiguration), um servicespezifische Übersetzungen zu verwenden
• Füge Booking Terms (Buchungsbedingungen) mit einem Pflichtfeld hinzu
• Lege eine Redirect after booking (Weiterleitung nach Buchung) für kostenlose Buchungen fest
• Konfiguriere Booking options (Buchungsoptionen) wie benutzerdefinierte Bestätigungsnachrichten sowie Fristen für Umbuchung/Stornierung
• Aktiviere ein Trigger Event (Auslöseereignis), um das Buchungsmodal zu öffnen, wenn auf einen mit Hoppy Banner erstellten Banner geklickt wird.

Details findest du unter Appointment Bookings — Erweiterte Optionen und So können Kunden Termine umbuchen oder stornieren.

🔄 Globale vs. servicespezifische Rangfolge

Einige Einstellungen können an beiden Stellen konfiguriert werden. So interagieren sie.

Design und Custom CSS

Standardmäßig folgt jeder Service dem globalen Design unter Settings → Design (Einstellungen → Design).

Um ein benutzerdefiniertes Design für einen Service zu verwenden:

1. Öffne die Registerkarte Design des Service
2. Aktiviere Do not Follow Default Theme Settings (Standarddesigneinstellungen nicht übernehmen)
3. Passe Farben, Schriftarten, Logo und CSS an

Dieser Service ignoriert dann das globale Design und verwendet seine eigenen Einstellungen.

Übersetzungen

Standardmäßig verwenden Services die globalen Kalenderübersetzungen unter Settings → Translations → Calendar Translations (Einstellungen → Übersetzungen → Kalenderübersetzungen).

Um servicespezifische Übersetzungen zu verwenden:

1. Öffne die Registerkarte Advanced (Erweitert) des Service
2. Aktiviere Advanced Configuration (Erweiterte Konfiguration)
3. Konfiguriere die Übersetzungen unter Settings → Translations → Service Translations (Einstellungen → Übersetzungen → Service-Übersetzungen)

E-Mail-Vorlagen

E-Mail-Vorlagen sind global. Du kannst jedoch servicespezifische Inhalte über dynamische Blöcke einfügen:

• [Custom service text] (Benutzerdefinierter Service-Text) – zieht die benutzerdefinierte Buchungsbestätigungsnachricht aus dem Service
• [Ticket QR Code] (Ticket-QR-Code) – erscheint, wenn für den Service QR-Code-Tickets aktiviert sind

Buchungslimits

Globale Buchungslimits unter Settings → General (Einstellungen → Allgemein) können Limits auf Service-Ebene überschreiben. Ein Banner in der Benutzeroberfläche warnt, wenn dies geschieht.

✅ Empfohlene Reihenfolge für Anpassungen

Wenn du Hoppy Appointments zum ersten Mal einrichtest, folge dieser Reihenfolge:

1. Lege globale Design-Standards unter Settings → Design (Einstellungen → Design) fest
2. Konfiguriere Übersetzungen unter Settings → Translations (Einstellungen → Übersetzungen), wenn du mehrere Sprachen unterstützt
3. Richte E-Mail-Benachrichtigungen unter Settings → Email Settings (Einstellungen → E-Mail-Einstellungen) ein
4. Konfiguriere Analytics unter Settings → Analytics & Tracking (Einstellungen → Analytics & Tracking), falls erforderlich
5. Erstelle deine Services und überschreibe das Design nur dort, wo es nötig ist
6. Füge servicespezifische Anpassungen wie Kontaktfragen, Meeting-Orte, FAB und Buchungsbedingungen hinzu
7. Teste das Shop-Widget und verfeinere Styling oder Übersetzungen

⚠️ Wichtige Hinweise

• Beginne mit den globalen Einstellungen. Sie sparen Zeit und sorgen für ein einheitliches Buchungserlebnis.
• Überschreibe pro Service nur bei Bedarf. Die meisten Händler benötigen servicespezifisches Design nur für spezielle Kampagnen oder Marken-Services.
• Custom logo (Benutzerdefiniertes Logo) ist nur pro Service verfügbar. Es gibt keine globale Logo-Einstellung.
• E-Mail-Vorlagen sind global. Verwende den Block für benutzerdefinierten Service-Text, um servicespezifische Inhalte einzufügen.
• Floating Action Button (Schwebender Aktionsbutton) und Meeting location (Meeting-Ort) sind pro Service. Konfiguriere sie separat für jeden Service.
• Buchungslimits können global überschrieben werden. Prüfe Settings → General (Einstellungen → Allgemein), wenn Limits auf Service-Ebene sich nicht wie erwartet verhalten.

📚 Verwandte Artikel

• Appointment Bookings — Design- und Styling-Optionen
• So legst du Custom CSS für die Appointment Bookings App fest
• Appointment Bookings — Übersetzung
• So konfigurierst du E-Mail-Benachrichtigungen für Appointment Bookings
• So konfigurierst du Meeting-Orte für Appointment Bookings
• So richtest du einen Floating Action Button wie Calendly für Appointment Bookings ein
• Appointment Bookings — Erweiterte Optionen
• So können Kunden Termine umbuchen oder stornieren
• Appointment Bookings — Alle Zahlungsoptionen erklärt
• So konfigurierst du die Warteliste für Appointment Bookings
• Mit dem Team in Appointment Bookings arbeiten
• So richtest du Appointment Booking Services ein
• Google Analytics 4 Tracking für Appointment Bookings konfigurieren
• Meta Pixel für Appointment Bookings konfigurieren

Aktualisiert am: 10/09/2026