Barbershop-Website erstellen ohne Code: so geht es
Barbershop-Website erstellen ohne Code: die Anleitung
Für einen Barbershop reicht eine Seite, die vier Fragen beantwortet: Was kostet es, wann habt ihr auf, wo seid ihr, wie bekomme ich einen Termin. Genau das beschreiben Sie dem Builder in normalen Sätzen, bekommen eine geprüfte Seite zurück und veröffentlichen sie per Klick. Programmierkenntnisse braucht es dafür nicht.
Der Text unten geht den Weg einmal durch: welche Inhalte tatsächlich zu Kunden führen, wie die Terminfrage gelöst wird, was das in Credits kostet und wo ein Builder an einer Salonsoftware nicht vorbeikommt.
Warum verlieren Barbershop-Seiten Kunden?
Der häufigste Fehler ist nicht schlechtes Design, sondern versteckte Preise. Wer nach einem Barbier sucht, vergleicht drei Läden in fünf Minuten auf dem Telefon. Steht der Preis für Haarschnitt und Bartpflege nicht sichtbar auf der Startseite, klickt derselbe Mensch weiter, ohne je eine Nachricht zu schreiben.
Der zweite Fehler sind Öffnungszeiten, die nur auf dem Kartendienst gepflegt werden und auf der Website seit zwei Jahren falsch sind. Der dritte ist eine Terminanfrage, die aus einer Telefonnummer besteht, obwohl die Zielgruppe lieber tippt als anruft.
| Inhalt | Wirkung auf Anfragen | Aufwand |
|---|---|---|
| Preisliste, sichtbar ohne Scrollen | hoch | gering |
| Öffnungszeiten inklusive Feiertagen | hoch | gering |
| Karte und Hinweise zum Parken | mittel | gering |
| Fotos echter Arbeiten | hoch | mittel, Fotos nötig |
| Terminanfrage per Formular | hoch | mittel |
| Team mit Namen und Spezialgebiet | mittel | mittel |
Die Tabelle ist zugleich die Reihenfolge, in der man baut. Erst die drei billigen Zeilen mit hoher Wirkung, dann der Rest.
Wie beschreibe ich den Salon im ersten Prompt?
Nützlich ist alles, was ein Kunde wissen will, und nichts, was nach Webprojekt klingt. Stadtteil, Stil des Ladens, Leistungen mit Preisen, Öffnungszeiten, Anzahl der Stühle, gewünschte Sprache der Ansprache.
Website für einen Barbershop in Hamburg-Altona, drei Stühle, klassischer Stil mit Leder und dunklem Holz. Startseite mit Preisliste ganz oben, Öffnungszeiten, Karte mit Anfahrt, Galerie mit Fotos, Formular für Terminanfragen mit Wunschtag und Wunschzeit, Team mit drei Personen. Ansprache per Du, kurze Sätze, zuerst für das Telefon gedacht.
Was Sie nicht schreiben müssen, sind technische Vorgaben. Der Builder entscheidet über Aufbau, Bildformate und Navigation. Was falsch ankommt, korrigieren Sie danach mit einzelnen Änderungen, und das ist der schnellere Weg als ein Prompt von zwei Seiten Länge.
Wie löse ich die Terminvergabe?
Hier trennen sich zwei Ansprüche, die gern verwechselt werden.
Die Terminanfrage ist ein Formular: Name, Telefonnummer, Wunschtag, Leistung. Sie landet als Nachricht bei Ihnen, Sie bestätigen von Hand. Das ist in einem Durchgang gebaut, funktioniert ab dem ersten Tag und passt für Läden, bei denen ohnehin jemand am Tresen sitzt.
Die echte Buchung zeigt freie Zeitfenster je Barbier, sperrt vergebene Slots und verschickt automatisch eine Bestätigung. Dafür braucht das Projekt eine Datenbank (Supabase), Mailversand (Resend) und mehrere Runden Feinarbeit, weil Doppelbuchungen und Stornos genau die Fälle sind, die im ersten Wurf nie stimmen.
| Anfrageformular | Buchung mit Kalender | |
|---|---|---|
| Aufwand | ein Build | Build plus mehrere Änderungen |
| Nötige Dienste | keine | Supabase, Resend |
| Antwortzeit für den Kunden | so schnell wie Sie antworten | sofort |
| Doppelbuchungen | Ihr Kalender entscheidet | muss im Projekt abgesichert werden |
| Passt für | ein bis drei Stühle | mehrere Barbiere, viele Termine |
Ein ehrlicher Rat: Starten Sie mit dem Formular. Fast jeder Laden merkt in den ersten Wochen, dass die Hälfte der Kunden trotzdem anruft, und spart sich die aufwendige Variante ganz. Wie sich ein Projekt später umbauen lässt, steht in Buchungsseite erstellen ohne Code.
Was kostet die Seite in Credits?
Gezahlt wird pro Aktion, nicht pro Stunde. Für einen Salon mit einer bis drei Seiten bleibt die Rechnung klein.
| Aktion | Credits | Im Hi-Fi-Modus |
|---|---|---|
| Änderung an einem Projekt | 3 | 6 |
| Frischer Build | 6 | 12 |
| Mehrseitige Plattform | 12 für die ersten drei Seiten, dann 3 je Seite | doppelt |
Free gibt Ihnen 5 Credits, Pro kostet 25 $ im Monat und enthält 200 Credits, Business kostet 99 $ im Monat und enthält 800. Zweihundert Credits entsprechen etwa 16 mehrseitigen Plattformen oder 33 Builds oder 66 Änderungen, wenn man sie ausschließlich dafür ausgibt.
Rechnen Sie realistisch: ein Build für die erste Fassung, danach vier bis sechs Änderungen für Preise, Fotos, Formular und Feinschliff. Preisänderungen im Laufe des Jahres kosten je eine Änderung, und genau deshalb lohnt es sich, die Preisliste gleich als eigenen, leicht austauschbaren Abschnitt anzulegen.
Wie wird die Seite in der lokalen Suche gefunden?
Ein Barbershop lebt vom Umkreis von zwei Kilometern, und dort entscheidet nicht die Website allein, sondern das Zusammenspiel aus Website und Kartendienst-Eintrag. Drei Dinge müssen überall identisch sein: Name, Anschrift, Telefonnummer. Jede Abweichung, auch eine abgekürzte Straße, kostet Sichtbarkeit.
Auf der Seite selbst hilft, was Menschen ohnehin lesen wollen: der Stadtteil im Titel, die Leistungen ausgeschrieben statt in Fantasienamen, die Öffnungszeiten als Text und nicht als Bild. Ein Bild mit Öffnungszeiten liest keine Suchmaschine, und Kunden können es nicht kopieren.
Statistik binden Sie über Google Analytics an, sobald die Seite live ist. Ohne Zahlen raten Sie beim nächsten Umbau, und Raten ist bei einer Seite mit fünf Abschnitten unnötig teuer.
Was ist mit Impressum, Datenschutz und Preisangaben?
Eine gewerbliche Website in Deutschland und Österreich braucht ein Impressum, und sobald ein Kontaktformular, eine Karte oder Statistik eingebunden ist, auch eine Datenschutzerklärung. Der Builder legt beide Seiten an und verlinkt sie in der Fußzeile, wenn Sie es im Prompt nennen. Die Inhalte verantworten Sie.
Bei Preisen kommt eine Besonderheit dazu: Endpreise inklusive Mehrwertsteuer sind im Verbrauchergeschäft der Normalfall. Schreiben Sie also 28 Euro und nicht 28 Euro zuzüglich Steuer, und vermeiden Sie Formulierungen wie „ab", wenn der Preis in Wahrheit für jeden gilt.
Der Builder ersetzt keine Rechtsberatung. Er erzeugt die Struktur; ob Ihre Texte für Ihren Fall genügen, prüft im Zweifel jemand mit Zulassung.
Wo hört ein KI-Builder auf und fängt Salonsoftware an?
Drei Grenzen, die Sie vorher kennen sollten.
Kassensystem und Personalplanung gehören nicht auf die Website. Umsätze, Schichten, Urlaub und Provisionen laufen in einer Fachsoftware, und ein Builder ersetzt sie nicht. Er kann verlinken, mehr nicht.
Ein Terminkalender mit mehreren Barbieren, Pufferzeiten und Erinnerungen ist machbar, aber er entsteht über mehrere Änderungen und nicht mit einem Prompt. Wer diesen Aufwand nicht will, bleibt beim Anfrageformular oder verlinkt einen spezialisierten Dienst.
Und der grundsätzliche Punkt: Bei einem großen Produkt ersetzt der Builder kein Entwicklungsteam. Für einen Laden mit drei Stühlen ist das ohne Bedeutung, für eine Kette mit fünfzehn Filialen und eigener Kundenkarte sehr wohl.
Wie sieht der Ablauf bis zur fertigen Seite aus?
Sammeln Sie zuerst das Material: Preisliste, Öffnungszeiten, Anschrift, sechs bis zehn gute Fotos, Namen des Teams. Das ist der eigentliche Aufwand, und er dauert länger als das Bauen.
Dann beschreiben Sie den Laden und lassen bauen. Eine einfache Seite steht in etwa einer Minute, eine mehrseitige Struktur in einigen Minuten. Jedes Projekt läuft vor der Übergabe in einer Sandbox; ein Build, der nicht geöffnet hat, wird nicht ausgeliefert. Wer nicht beim leeren Feld anfangen möchte, nimmt eine der 25 Vorlagen, von denen 5 für Spiele gedacht sind.
Prüfen Sie die Fassung auf dem Telefon, schicken Sie ein paar Änderungen hinterher und veröffentlichen Sie auf eine Adresse der Form ihr-salon.zugo.run. Die eigene Domain kommt dazu, sobald sie auf der Ladentür stehen soll; der Ablauf steht in KI-App-Builder mit eigener Domain. Ob Ihre Seite auch für Kunden mit Seheinschränkung nutzbar ist, prüfen Sie mit der Liste aus Sind KI-erstellte Websites barrierefrei.
Den ersten Entwurf können Sie mit drei Sätzen Beschreibung auf zugo.dev anstoßen und danach entscheiden, ob der Laden mehr als eine Seite braucht.