> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🎨 Appointment Bookings — Anpassungsoptionen > ℹ️ **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**