MarketplaceBeauty und Wellness

Termin-App

Geben Sie einem Salon eine Website, die aussieht wie ein Modemagazin und bucht wie eine Rezeption. Kunden wählen Studio, Leistung und Person und sehen nur die Zeiten, die wirklich frei sind. Das Team führt den Tag aus einem Backoffice: Kalender, Termine, Kunden, Zahlungen, Bewertungen und Berichte, über alle Standorte hinweg.

Diese App holen
  • In den Plänen Starter und Pro enthalten
  • Eine exakte Kopie der ganzen Anwendung
  • Frontend, Backend und Daten inklusive
  • Ihre App zum Behalten und Ändern, in Ihrem eigenen Repository
  • Mehrsprachig, für jedes Land, das Sie brauchen
Startseiten-Hero mit einer Überschrift und einem Buchungsbutton
Startseiten-Hero
öffentliche Seiten
8
Backoffice-Bereiche
11
Backend-Workflows
15
Datentabellen
9
Buchungsschritte
5
Gemacht für
  • Friseursalons, Barbershops, Nagelstudios, Beauty-Studios, Spas und Massagepraxen
  • Betriebe mit einem oder mehreren Standorten
  • Teams, bei denen Kunden eine bestimmte Person wählen
  • Agenturen, die für einen Kunden rebranden
Jede Ansicht

So sehen es Kunden und Team

Eine Website, die sich wie ein Magazin öffnet

  • Vollbild-Hero mit einer Überschrift und einem Buchungsbutton
  • Studiokarten mit Foto, Adresse und Öffnungszeiten aus den echten Zeiten
  • Leistungsmenü mit Kategorie-Tabs: Das große Foto wechselt mit der Kategorie
  • Teambereich, Kundenbewertungen und Antworten aus Ihren Buchungsregeln
Startseiten-Hero mit einer Überschrift und einem Buchungsbutton

1 / 7Startseiten-Hero mit einer Überschrift und einem Buchungsbutton

So läuft ein Termin

Von der Buchung bis zur Bewertung

Ein Termin kann auch storniert oder als No-Show markiert werden. Abgeschlossene Termine lassen sich nicht mehr ändern, sodass ein Besuch nicht doppelt bezahlt werden kann.

  1. Ausstehend
  2. Bestätigt
  3. Abgeschlossen
  4. Bewertet
Bestätigungsschritt für eine Leistung mit Anzahlung
Das bekommen Sie

Die ganze Anwendung, eins zu eins

Öffentliche Website

  • Startseite
  • Buchung
  • Anmelden
  • Konto erstellen
  • Passwort vergessen
  • Passwort zurücksetzen
  • My appointments
  • Profil

Backoffice

  • Dashboard
  • Kalender
  • Termine
  • Leistungen
  • Team
  • Kunden
  • Zahlungen
  • Bewertungen
  • Berichte
  • Standorte
  • Einstellungen

Backend

  • 15 Workflows für Konten, Katalog, Verfügbarkeit, Termine, Bewertungen und das Backoffice
  • 9 Tabellen: Benutzer, Standorte, Leistungen, Team, Termine, Zahlungen, Bewertungen, Einstellungen, Tokens zum Zurücksetzen des Passworts

Technologie

  • React 18, Tailwind CSS 4, Komponenten im shadcn-Stil, Lucide-Icons
  • Passwörter werden als Hashes gespeichert; die Anmeldung nutzt signierte Tokens
  • Backoffice-Daten erfordern ein Teamkonto
  • E-Mails zum Zurücksetzen des Passworts werden über Resend versendet
Im Backoffice

Ändern, ohne Code anzufassen

  • Firmenname, Anzahlungsregelung und Buchungsregeln
  • Jeder Standort
  • Jede Leistung und jedes Teammitglied
Im Code

Schnell geändert für ein komplettes Rebranding

  • Überschrift und Untertitel des Heros
  • Die Abschnittsüberschriften und die Fußzeile
  • Die Leistungskategorien
  • Die Währung und der Seitentitel
  • Alle Fotos
Einrichtung

Acht Schritte zu Ihrer eigenen Salon-Website

Das brauchen Sie

  • Ein Ubex-Konto, auf dem die Workflows und Tabellen der App laufen
  • Ein Resend-Konto mit verifizierter Absenderdomain für die E-Mails zum Zurücksetzen des Passworts
  1. Legen Sie die Secrets an, die die Workflows nutzen: JWT_SECRET und für die Passwort-E-Mails RESEND_API_KEY und EMAIL_FROM. APP_URL ist optional und legt die Adresse im E-Mail-Link fest.
  2. Verifizieren Sie eine Absenderdomain bei Resend. Ohne sie funktioniert die App weiterhin, und die Seite „Passwort vergessen“ weist darauf hin, dass E-Mail nicht eingerichtet ist.
  3. Tragen Sie die Adresse der App in die erlaubten Origins der Workflows ein. Ändern sich die Workflow-Adressen beim Kopieren des Projekts, aktualisieren Sie sie in der API-Datei der App.
  4. Legen Sie den ersten Inhaber an: Registrieren Sie ein Konto und setzen Sie dessen Rolle in der Tabelle „users“ auf admin.
  5. Entfernen Sie die Demo-Benutzer, -Studios, -Teammitglieder, -Leistungen, -Termine, -Zahlungen und -Bewertungen.
  6. Tragen Sie die Firmendaten in den Einstellungen ein und fügen Sie dann Standorte, Leistungen und das Team hinzu.
  7. Fügen Sie in den Einstellungen die Team-Logins hinzu.
  8. Veröffentlichen Sie die App auf einer Subdomain oder eigenen Domain.
Gut zu wissen

Was die App nicht kann

Besser jetzt wissen als später. All das können Sie selbst ergänzen: Den Code können Sie beliebig ändern.

  • Keine Online-ZahlungKeine Kartenerfassung, Zahlungslinks oder Online-Anzahlungen. Kunden zahlen im Studio, das Team erfasst es. Eine „Erstattung“ ist ein Eintrag in der App: Es fließt kein Geld.
  • Keine Buchungs-E-Mails oder SMSBestätigungen, Erinnerungen und Bewertungsanfragen werden nicht verschickt. Die einzige E-Mail ist der Link zum Zurücksetzen des Passworts.
  • Ausstehende Termine bleibenSie werden nicht automatisch freigegeben: Das Team bestätigt oder storniert sie. Jeder Kunde kann bis zu 3 ausstehende Termine haben.
  • Ein Besuch, eine LeistungKeine Warteliste, Serientermine, Gruppenbuchungen oder mehrere Leistungen in einer Buchung.
  • Keine Räume oder StühleDie Verfügbarkeit richtet sich nach Personen, nicht nach Ressourcen.
  • Keine Ansicht nur fürs TeamJedes Teammitglied sieht das ganze Backoffice, nicht nur den eigenen Kalender.
  • Kein externer KalendersyncKeine Synchronisierung mit Kalendern wie Google oder Outlook.
  • Kein Foto-UploadTeammitglieder erscheinen mit ihren Initialen, die Fotos der Website stehen im Code.
  • Feste Kategorien und TagsDie Leistungskategorien sind eine feste Liste: Hair, Barber, Nails, Skin & Face, Massage, Packages. Kunden-Tags lassen sich filtern und anzeigen, aber nicht in der App bearbeiten.
  • Eine WährungEine Währung (Euro) pro App.
  • Nur lokale UhrzeitZeiten werden als Ortszeit des Studios angezeigt und gespeichert, ohne Umrechnung zwischen Zeitzonen. Der Mindestvorlauf wird gegen UTC gemessen.
  • Keine Treue oder PaketeKeine Treuepunkte, Gutscheine, Besuchspakete oder Provisionen.
  • Bewertungen kommen von KundenNur Bewertungen nach einem abgeschlossenen Termin. Andere lassen sich nicht hinzufügen.
  • Backoffice für Desktop und TabletEs ist nicht für Smartphones ausgelegt. Die Kundenseite schon.

Alles in diesen Ansichten ist erfunden: SalonFlow, seine Studios, Adressen, Telefonnummern und E-Mail-Adressen, Kunden, Team, Termine, Zahlungen, Umsatzzahlen und Bewertungen. Die Fotos sind Platzhalter von Unsplash. Sie gehören nicht zur App, ersetzen Sie sie also durch eigene.

Lassen Sie Kunden Ihr Team online buchen

Holen Sie sich eine exakte Kopie, setzen Sie Ihren Namen darauf und machen Sie sie zu Ihrer App.