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

Lassen Sie Kunden Termine, Kurse, Mieten oder Sitzungen direkt von Ihrem Shopify Lagerung? 🗓️

Das ist genau das, was Hoppy Appointments ist dafür ausgelegt.

mit Hoppy AppointmentsSie können jede Shopify Produkt in eine buchbare Dienstleistung, wie:

• 💇 Salon & Spa Termine
• 🎓 Klassen und Workshops
• 🏨 Aufenthalte und Vermietungen
• 🎾 Coachings & Beratungen
• 📦 Mehrsitzungspakete

Einmal eingerichtet, sehen Kunden eine Jetzt buchen Button auf Ihrer Produktseite. Sie wählen ein Datum und eine Uhrzeit aus einem sauberen Kalender-Popup, beantworten Ihre Buchungsfragen und bestätigen - alles ohne Ihren Shop zu verlassen ✨

Bezahlte Buchungen werden sicher über Ihre regulären Shopify Checkout, während kostenlose Buchungen sofort bestätigt werden.

Dieser Leitfaden führt Sie Schritt für Schritt durch das komplette Setup 👇

⚠️ Bevor Sie beginnen

Bevor Sie Ihren ersten Dienst erstellen, stellen Sie sicher:

• Die Hoppy Appointments Die App ist auf Ihrem Shopify Lager
• Sie haben eine Shopify Produkt Bereit für den Service, den Sie anbieten möchten

→ Der Produktpreis wird zum Buchungspreis

• Sie wissen ungefähr, welche Tage und Zeiten Sie möchten Buchungen akzeptieren

💡 Nur erkunden? Wenn Sie die App zum ersten Mal öffnen, bietet ein geführtes Setup an, ein Musterdienst für Sie, damit Sie sehen können, wie alles funktioniert, bevor Sie ein echtes Produkt anschließen.

ℹ️ Das geführte Onboarding erscheint automatisch für neue Geschäfte und deckt die gleichen Schritte ab, die in diesem Handbuch erläutert werden.

✅ Erster Schritt - Aktivieren Sie die App Embed

Damit die Schaltfläche Jetzt buchen und der Buchungskalender auf Ihrer Storefront angezeigt werden, muss das App-Embed in Ihrem Shopify Thema.

Gehen Sie zu:

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

Dann:

• Finden SieTerminbuchungen
• Umschalten auf
• Klicken Sparen

⚠️ Wichtig:

Speichern Sie Ihren Service allein macht es nicht sichtbar auf der storefront. Das App-Embed muss aktiviert sein, damit das Buchungs-Widget erscheint.

⚙️ Schritt 1 - Erstellen eines neuen Dienstes

Offen Hoppy Appointments App von Deiner Shopify Admin.

Sie landen auf der Meine Dienste Seite, auf der alle Ihre Buchungsdienste aufgeführt sind.

Dann:

→ Klicken Neuer Service

→ Wählen Sie den Servicetyp aus, der dem entspricht, was Sie anbieten:

📅 Regelmäßige BuchungEin Zeitfenster an einem einzigen Tag.

Perfekt für einzelne Termine wie Beratungen, Klassen oder Salonbesuche.

Beispiel

Ein 30-minütiger Haarschnitttermin am Dienstag um 14:00 Uhr.

🌙 Mehrtägige BookingBookings, die mehrere Tage umfassen.

Perfekt für Aufenthalte und Vermietungen, die mehrere Tage dauern, wie Hotels oder Ausrüstungsverleih.

Beispiel

Ein Kameraverleih gebucht vom 10. bis zum 14.

📦 Bundle BookingsEin Paket von mehreren Terminen.

Perfekt für Pakete mit mehreren Sitzungen, wie Klassenpakete oder Mitgliedskredite.

Beispiel

Ein "10 Yoga-Klassen" -Paket, bei dem Kunden jede Sitzung einzeln buchen.

Einmal ausgewählt, wird die Service-Setup-Seite automatisch geöffnet.

ℹ️ Machen Sie sich noch keine Sorgen über Zahlungen - jeder Servicetyp kann bezahlt werden Shopify Checkout oder kostenlos angeboten. Sie werden dies später in der Zahlung Tab.

🛍️ Schritt 2 - Verbinden Sie Ihre Shopify Produkt

Jeder Buchungsservice beginnt mit einem Shopify Produkt.

Innerhalb der Generalmajor Tab, öffnen Sie die Buchung Karte:

→ Klicken Auswählen des Produkts Wählen Sie das Produkt aus, das Ihre Kunden buchen möchten.

Dieses Produkt kontrolliert:

• 💰 Der Buchungspreis, den Kunden an der Kasse zahlen
• 🖼️ Das Bild auf der Buchungsseite
• 🏷️ Der Standarddiensttitel, automatisch vom Produkttitel ausgefüllt

⚠️ Wichtig:

Ein Service benötigt mindestens ein Produkt, um ihn zu verlinken. Wenn das Produkt eine Variante hat, dann sollte auf eine der Varianten verlinkt werden.

Einmal ausgewählt, können Sie es jederzeit mit Änderungoder entfernen Sie es mit Zurücksetzen.

🏷️ Details zur Buchungsseite

Unten, die Buchungsseite Karte kontrolliert, was Kunden während der Buchung sehen:

• Titel → Der Name, den Kunden bei der Buchung dieses Dienstes sehen
• Beschreibung → Eine kurze Erklärung, was Kunden erwarten können

BeispielTitel: Tiefe Gewebemassage - 60 Minuten

Beschreibung: "Eine entspannende Ganzkörpermassage mit unserem Senior Therapeuten." Bitte kommen Sie 10 Minuten früher.

💡 Es gibt auch eine Google/Outlook Event - Titel Feld. Dies steuert, wie das Ereignis in verbundenen Kalendern erscheint. Die Variablen {{service_name}} und {{product_name}} Sie werden automatisch ersetzt - Sie müssen sie nicht bearbeiten, es sei denn, Sie möchten ein benutzerdefiniertes Format.

🔀 Dauer nach Variant Mapping

ℹ️ Diese Karte erscheint nur, wenn Ihr Produkt Mehrfachvarianten UND Ihre Serviceangebote Mehrfachdauer.

Es ermöglicht Ihnen, jede Dauer mit einer bestimmten Produktvariante zu verbinden, so dass jede Dauer ihren eigenen Preis haben kann.

Beispiel

• 30 Minuten → „30 Min Session Variante ($40)
• 60 Minuten → „60 Min Session Variante ($70)

Wenn Ihr Produkt nur eine Variante hat, verwenden alle Dauern einfach den Preis dieser Variante - hier ist nichts zu konfigurieren 👍

📍 Schritt 3 - Wählen Sie einen Meeting-Standort

Die Sitzungsort Die Einstellung sagt den Kunden, wo der Termin stattfindet.

Sie können wählen aus:

• Keine → Kein Standort wird geteilt
• Google Meet / Zoom / MS Teams → Online Video Meetings
• Telefonanruf → Teilen Sie eine Telefonnummer
• Persönlich / At Location → Teilen Sie eine physische Adresse
• Zoll Teilen Sie einen benutzerdefinierten Text oder Link

Der Standort wird mit Kunden innerhalb ihrer Bestätigungs-E-Mail und Kalendereinladung, damit sie immer genau wissen, wohin sie gehen sollen 📬

🔗 Standortdetails (Bedingtes Feld)

Abhängig von Ihrer Auswahl erscheint automatisch ein zusätzliches Feld:

• Google Meet / Zoom / Custom → Fügen Sie Ihren Meeting-Link ein
• Telefonanruf → Geben Sie die Telefonnummer ein
• Persönlich / At Location → Suchen und wählen Sie die Adresse mit der eingebauten Adresse Autocomplete

💡 Verwendung Google trifft sich, Zoom, oder MS TeamsSobald der passende Kalender im Team Abschnitt, ein eindeutiger Besprechungslink wird automatisch für jede Buchung generiert - kein manueller Link erforderlich. Siehe: Integrationen Dokumentation von Verbindungsschritten.

🎫 Send Ticket QR Code

ℹ️ Dieses Kontrollkästchen erscheint nur für persönlich oder Ort Dienstleistungen.

Aktivieren Sie es, ein scannbares QR-Ticket in die Bestätigungs-E-Mail aufzunehmen - ideal für schnelle Check-ins bei Veranstaltungen, Kursen oder Veranstaltungsorten ✅

📝 Schritt 4 - Passen Sie das Buchungsformular an

Das Buchungsformular ist das, was Kunden ausfüllen, nachdem sie ihr Zeitfenster ausgewählt haben.

Standardmäßig fordert jedes Formular:

• Vorname (erforderlich)
• Nachname
• E-Mail (erforderlich)

Diese drei sind immer enthalten, so dass Sie nie den Überblick verlieren, wer gebucht hat 🙌

Um mehr Details zu sammeln:

→ Klicken Hinzufügen einer Frage

Sie können Felder wie hinzufügen:

• Kurzer oder mehrzeiliger Text
• Telefonnummer
• Dropdowns, Radio-Buttons, Checkboxen oder Multi-Select-Listen
• Datum, Uhrzeit, Anzahl, Bewertung, Link oder sogar Datei-Uploads

Jede Frage kann als erforderlich, durch Drag-and-Drop neu geordnet und jederzeit bearbeitet.

Beispiel

• „Worauf möchten Sie sich während der Sitzung konzentrieren? (mehrzeiliger Text)
• "Wie hast du von uns gehört?" (Dropdown)

💡 Halten Sie das Formular kurz - weniger Fragen bedeuten normalerweise mehr abgeschlossene Buchungen.

🔘 Fakultativ — Schaltfläche für schwimmende Maßnahmen

Möchten Sie, dass Kunden diesen Service buchen von jede Seite Ihres Shops - nicht nur die Produktseite?

Ermöglicht die Floating Action Button zur Anzeige eines schwimmenden Jetzt buchen Button über Ihre Storefront.

Einmal aktiviert, können Sie anpassen:

• Knopftext (Standard: "Book Now")
• Position Rechts unten, links unten oder in der Mitte unten
• Hintergrund & Textfarben Passend zu deiner Marke

Dies ist besonders nützlich für Dienste mit hoher Nachfrage, die Sie Storewide bewerben möchten 🚀

🕒 Schritt 5 - Stellen Sie Ihre Verfügbarkeit ein

Gehen Sie nun zum Verfügbarkeit Tab - hier kontrollieren Sie genau, wann Kunden buchen können.

👤 Für wen ist diese Verfügbarkeit?

Wählen Sie zunächst aus, wie die Verfügbarkeit funktionieren soll:

• Verfügbarkeit pro Service → Am besten für eine Person. Der von Ihnen unten festgelegte Zeitplan gilt für den gesamten Dienst.
• Verfügbarkeit pro Teamkollege → Am besten für Teams von 2 bis 99. Die Buchungen werden anhand der eigenen Zeitpläne Ihrer Teammitglieder überprüft.

Wann pro Teamkollege ausgewählt ist, ein Weisen Sie Teamkollegen diesem Service zu Die Option wird angezeigt, sodass Sie auswählen können, welche Teammitglieder diesen Service anbieten.

ℹ️ Die Teammitglieder und ihre individuellen Zeitpläne werden im Team Schnitt. Siehe: Teammitglieder Dokumentation für Einzelheiten.

📆 Wochenstunden oder bestimmte Termine

Sie können Ihren Zeitplan auf zwei Arten erstellen:

Setzen Sie Ihre Wochentage Verfügbarkeit (Standard)

Ein wiederkehrender wöchentlicher Zeitplan.

• Jeden Tag ein- oder ausschalten
• Setz Start- und Endzeiten für jeden Arbeitstag
• Addition mehrere Zeitintervalle pro Tag mit dem + Taste

→ z.B. 9:00-12:00 und 14:00-18:00 mit einer Mittagspause dazwischen

• Verwendung der Kopiersymbol So kopieren Sie schnell die Zeiten eines Tages in andere Tage

Stellen Sie Ihre Date Range Availability

→ Klicken oder bestimmte Daten auswählen zu wechseln.

Perfekt für saisonale Zeitpläne, Pop-up-Events oder zeitlich begrenzte Dienste, die nur zwischen bestimmten Daten laufen.

💡 für Regelmäßig Dienste, können Sie auch aktivieren Verfügbarkeit nach Tageszeit anzeigen um Slots morgens, nachmittags und abends zu gruppieren, was den Kunden das Scannen des Kalenders erleichtert.

⏱️ Duration & Slot Einstellungen

Diese Einstellungen steuern, wie Zeitschlitze für Kunden generiert werden:

• Dauer → Wie lange dauert jeder Termin (15 Minuten bis 4 Stunden, oder erstellen Sie eine Zoll Dauer
• Mehrfachdauer zulassen → Ermöglicht dem Kunden die Wahl zwischen verschiedenen Längen, z.B. 30 oder 60 Minuten
• Buchungsintervall → Die Lücke zwischen buchbaren Startzeiten

→ z.B. ein 60-Minuten-Service mit einem 30-Minuten-Intervall bietet Slots um 9:00, 9:30, 10:00...

• Pufferzeit → Freie Zeit automatisch zwischen Terminen blockiert, so dass Sie immer eine Verschnaufpause haben ☕

⚠️ Dauer, Buchungsintervall und Pufferzeit werden nicht für Mehrjährige Dienstleistungen, da diese Buchungen ganze Tage umfassen.

⏰ Buchungsregeln

• Mindestterminplanungsbekanntmachung → Verhindert Last-Minute-Buchungen

→ z.B. mindestens 4 Stunden Kündigungsfrist benötigen, bevor ein Slot gebucht werden kann

• Blick nach vorne → Kontrolliert, wie weit im Voraus Kunden buchen können

→ z.B. Buchungen nur bis zu 30 Tage im Voraus erlauben

Diese beiden Einstellungen schützen Ihren Kalender vor Überraschungsbuchungen und halten Ihren Zeitplan vorhersehbar 🛡️

ℹ️ Blick nach vorne wird nicht verwendet für Bündel Dienstleistungen, da kunden ihre paketsitzungen buchen, während sie gehen.

☕ Pausenzeiten & 🚫 Sperrdaten

Müssen Sie die Zeit blockieren?

• Bruchzeiten Wiederkehrende tägliche Blöcke, wie Mittagessen jeden Tag zwischen 1 und 2 Uhr
• Sperrdaten Spezifische Daten, die überhaupt nicht gebucht werden können - perfekt für Ferien, Ferien oder freie Tage

🌍 Zeitzone und Stundenformat

• Zeitzone → Die Zeitzone, auf der Ihre Verfügbarkeit basiert
• Zeitzonenauswahl anzeigen → Ermöglicht es Kunden, Slots in ihrer eigenen Zeitzone anzuzeigen
• Sperrzeitzone → Zwingt alle Kunden, Zeiten in Ihrer Zeitzone zu sehen
• 24h-Format und Stundenformatauswahl anzeigen → Steuert, wie Zeiten angezeigt werden

💡 Für lokale, persönliche Dienste, die es ermöglichen Sperrzeitzone vermeidet verwirrende Zeitumwandlungen für reisende Kunden.

🔢 Buchungslimits

• Maximale Buchungen pro Tag → Wie viele Termine können an einem Tag gebucht werden
• Maximale Buchungen pro Zeitfenster Mehrere Kunden können den gleichen Slot buchen - perfekt für Gruppenklassen 🧘

Beispiel

Eine Yoga-Klasse mit 5 Spots pro Zeitschlitz lässt 5 verschiedene Kunden am Dienstag um 9:00 Uhr buchen.

ℹ️ Verfügbare Limits variieren leicht abhängig von Ihrem Service-Typ.

📦 Zusätzliche Einstellungen für Multiday & Bundle Services

Einige Einstellungen werden nur für bestimmte Diensttypen angezeigt. Hier ist, was zu suchen 👇

🌙 Mehrtagesdienste

Innerhalb der Generalmajor Tab. Mehrtägige Einstellungen Karte erscheint:

• Ist es eine Tages- oder Nachtbuchung?
• • Tagesbuchung → Der 10. bis 11. zählt als 2 Tage
  • Nachtbuchung → Der 10. bis 11. zählt als 1 Nacht - ideal für Hotels & Aufenthalte 🏨
• Feste Menge → Wenn aktiviert, ist der Preis nicht multipliziert nach der Anzahl der gebuchten Tage oder Nächte

Innerhalb der Verfügbarkeit Tab:

• Mindest- / Maximal buchbare Tage → Kontrolle des kürzesten und längsten Aufenthalts, den Kunden buchen können
• Verfügbare Stunden → Set Check-in / Check-out Style Zeiten

📦 Paketdienste

Innerhalb der Verfügbarkeit tab, wählen wie viele Zeitschlitze Kunden auswählen können:

• Feste Anzahl von Zeitnischen → z.B. genau 5 Sitzungen pro Packung
• Anzahl der Slots → z.B. Kunden wählen zwischen 3 und 10 Sitzungen

Innerhalb der Generalmajor Tab. Bündeleinstellungen Kartenangebote:

• Feste Menge → Wenn aktiviert, ist der Preis nicht multipliziert durch die Anzahl der ausgewählten Sitzungen

💳 Schritt 6 — Zahlungen und Genehmigung konfigurieren

Umzug in die Zahlung Tab zu entscheiden, wie Kunden zahlen und wie Buchungen bestätigt werden.

💰 Zahlungsart

• Pay to Book → Die Zahlung ist erforderlich, um die Buchung abzuschließen. Kunden zahlen durch Ihre regulären Shopify Checkout - sicher und vertraut 🛒
• Buch ohne Bezahlung → Buchungen werden sofort ohne Zahlung bestätigt. Ideal für kostenlose Dienste, Discovery-Anrufe oder persönliche Bezahlung.

ℹ️ Sie können jederzeit zwischen den beiden wechseln - nichts anderes über ihren service ändert sich.

✅ Bestätigen / Ablehnen einer Buchung

• Akzeptieren Sie automatisch Buchungen → Neue Buchungen werden sofort bestätigt
• Akzeptieren Sie nicht automatisch neue Buchungen → Sie überprüfen und bestätigen manuell jede Buchung zuerst

⚠️ Wichtig:

Mit manueller Bestätigung muss jede Buchung akzeptiert werden innerhalb von 24 Stundenoder es wird automatisch abgelehnt. Stellen Sie sicher, dass jemand in Ihrem Team neue Anfragen im Auge behält 👀

⏳ Warteliste

Wenn sich Ihr Kalender füllt, können Sie Warteliste ermöglicht es Kunden, sich einer Warteliste anzuschließen, anstatt mit leeren Händen zu gehen.

• Warteliste anzeigen, wenn ein Slot ausgebucht ist → Die Wartelistenoption erscheint nur auf Slots, die bereits voll sind

ℹ️ Wartelistenanfragen benötigen Ihre Überprüfung und werden erst bestätigt (und belastet), nachdem Sie sie genehmigt haben. Die Warteliste ist nicht verfügbar für Bündel Dienstleistungen.

💸 Teilzahlungen (Einlagen)

ℹ️ Diese Karte erscheint nur, wenn Pay to Book ausgewählt ist.

Ermöglicht Teilzahlungen So sichern sich die Kunden ihren Platz mit einem Einlagen Anstatt den vollen Betrag im Voraus zu bezahlen.

Sie können konfigurieren:

• Prozentsatz oder fester Betrag → z.B. 30% jetzt oder $20 jetzt
• Teilzahlungsmethode → Verkaufspläne (empfohlen) Speichert die Zahlungsmethode des Kunden, damit Sie das Guthaben später einziehen können; Beschlussentwurf sendet stattdessen eine manuelle Rechnung
• Geben Sie die Option, vollständig oder nur die Anzahlung zu zahlen → Kunden wählen während der Buchung selbst

Einzahlungen sind eine großartige Möglichkeit, No-Shows zu reduzieren und gleichzeitig Buchungen zugänglich zu halten 💡

💡 Wenn Sie die Option „Vollständig bezahlen oder nur die Einzahlung aktivieren, stellen Sie sicher, dass Ihr Buchungsformular mindestens eine benutzerdefinierte Frage enthält – die Option wird im Buchungsformular angezeigt.

🔧 Schritt 7 — Erweiterte Optionen überprüfen (optional)

Die Fortgeschritten Die Registerkarte enthält einige optionale Einstellungen, über die Sie während der Einrichtung Bescheid wissen sollten:

• Buchungsbedingungen → Fügen Sie ein Kontrollkästchen für Bedingungen zum Buchungsformular hinzu. Markieren Sie es obligatorisch Kunden vor der Bestätigung zu akzeptieren.
• Redirect nach der Buchung → (Buch ohne Bezahlung) Senden Sie Kunden auf eine benutzerdefinierte Seite - wie eine Dankesseite - nachdem sie bestätigt haben.
• E-Mail anpassen → Fügen Sie der Bestätigungs-E-Mail dieses Dienstes eine benutzerdefinierte Nachricht hinzu und wählen Sie aus, ob Kunden Stornierung und Umschuldung Buttons in ihren E-Mails.
• Mindestumschuldungs-/Annullierungsbekanntmachung → Verhindern Sie Änderungen in letzter Minute, indem Sie eine Vorankündigung, z. B. 24 Stunden, verlangen.

💡 E-Mail-Vorlagen selbst werden global unter Einstellungen → E-Mail EinstellungenSiehe die E-Mail-Einstellungen Dokumentation für Einzelheiten.

Die Fortgeschritten Die Registerkarte enthält auch Übersetzungsüberschreibungen für das Buchungs-Widget - siehe Übersetzungen Dokumentation, wenn Ihr Shop in mehreren Sprachen verkauft wird 🌍

🎨 Was ist mit dem Design Tab?

Die Design Die Registerkarte im Service steuert, wie der Buchungskalender, die Erfolgsseite, die Umplanungsseite und die Stornierungsseite aussehen.

Standardmäßig folgt Ihr Dienst automatisch dem Ihres Shops Global Design Settings — so passt es Ihre Marke mit null zusätzliche Arbeit ✨

Um diesen Service individuell anzupassen:

→ möglich Folgen Sie nicht den Standard-Themeneinstellungen zum Freischalten von Schriftarten, Farben, Logos und benutzerdefiniertem CSS.

Für einen vollständigen Walkthrough, siehe die Design & Styling Unterlagen.

✅ Schritt 8 — Speichern und Veröffentlichen

Sobald alles gut aussieht:

1. Speichern des Dienstes

Klicken Sparen in der Leiste am Ende der Seite.

Sie werden sehen, a „Service Created Bestätigung, und Ihr Service ist jetzt Aktiv ✅

2. Überprüfen Sie den App-Embed-Status

Wenn die Terminbuchungen App Embed ist noch nicht aktiviert, ein Banner erscheint mit einem App Embed aktivieren Shortcut, der Sie direkt zu Ihrem Theme-Editor führt.

3. Vorschau auf Ihren Service

Öffnen Sie die Live-Produktseite auf Ihrer Storefront, um den Buchungsfluss genau so zu erleben, wie es Ihre Kunden tun werden 👀

💡 Die Vorschau innerhalb der Setup-Seite ist ungefähr - vertrauen Sie immer der Verfügbarkeit, die auf Ihrer Live-Produktseite angezeigt wird.

🛠️ Verwalten Ihres Dienstes später

Aus dem Meine Dienste Seite, verwenden Sie die Mehr Menü für alle Dienste:

• Einschalten / Ausschalten → Verstecken Sie vorübergehend einen Service aus Ihrem Shop
• Duplikat → Klonen Sie einen Dienst als Ausgangspunkt für einen neuen
• Archiv → Altersvorsorge, die Sie nicht mehr anbieten
• ID des Kopierdienstes → Verwendet für manuelle Platzierungen mit dem Terminkalender Themenblock

🎉 Endergebnis

Einmal erfolgreich konfiguriert:

✅ Ihre Produktseite zeigt eine Jetzt buchen Button statt Add to Cart
✅ Kunden wählen Termine und Zeitfenster aus einem schönen Kalender-Popup
✅ Bezahlte Buchungen fließen durch Ihre sichere Shopify Kasse
✅ Kostenlose Buchungen werden sofort bestätigt
✅ Kunden erhalten automatische Bestätigungs-E-Mails mit allen Details
✅ Ihr Kalender bleibt mit Puffern, Pausen und Buchungsregeln geschützt
✅ Ihr Shop bietet ein professionelles Buchungserlebnis, das von selbst läuft ✨

Mit Ihrem Terminbuchungsservice live können Kunden 24/7 bei Ihnen buchen - auch während Sie schlafen 🚀

Aktualisiert am: 10/09/2026