Wie können wir
dir helfen?

Konto anlegen

Geh auf birdbuild.net/login und klick unten auf „Kostenlos registrieren" (oder ruf die Seite direkt mit ?register=1 auf). Du brauchst nur drei Dinge: deinen Namen, eine E-Mail-Adresse und ein Passwort mit mindestens 8 Zeichen. Das Auge-Symbol im Passwortfeld zeigt dir die Eingabe an, falls du dich vertippst. Den Newsletter-Haken darunter kannst du setzen, musst du aber nicht – der ist bewusst nicht vorangehakt.

Klick auf „Kostenlos registrieren". BirdBuild legt im selben Moment dein Konto, ein erstes Projekt und eine Owner-Berechtigung an und leitet dich direkt ins Studio weiter. Schon ein Konto? Dann tipp oben statt Registrieren einfach deine Daten ein und klick „Anmelden".

Das Dashboard verstehen

Nach dem Login landest du auf dem Dashboard (/studio). Oben siehst du vier Kennzahlen – Websites, Kontakte, Bestellungen, Umsatz. Am Anfang stehen die auf 0, das ist normal, hier werden keine Fantasiewerte gezeigt. Darunter liegt der Abschnitt „So baust du deine Marke auf": sechs Karten mit einem Fortschrittsbalken. Jede Karte, die du erledigst, färbt sich grün und bekommt ein „Erledigt"-Häkchen. Das ist deine Checkliste – du kannst die Schritte in beliebiger Reihenfolge angehen.

Schritt 1: Erste Website erstellen

Klick oben rechts auf „Neue Website" (oder auf die erste Checklisten-Karte). Der Assistent hat zwei Schritte. In Schritt „Typ" wählst du, was entstehen soll: Website (mehrseitig, für Unternehmen/Vereine/Portfolios), Landingpage (eine fokussierte Seite), Online-Shop (mit Warenkorb) oder Funnel (mehrstufige Opt-in-Strecke). Jede Kachel zeigt dir vorab, welche Abschnitte auf der Startseite landen – etwa Hero, 3 Vorteile, Über uns, Kontakt-CTA. Wähl einen Typ und klick „Weiter".

In Schritt „Grunddaten" gibst du den Website-Namen ein, z. B. Café Sonnenschein. Die Adresse darunter (café-sonnenschein.birdbuild.net) wird automatisch aus dem Namen abgeleitet, lässt sich aber überschreiben. Sprache steht auf Deutsch; Branche (z. B. „Gastronomie") ist optional und personalisiert die Startseiten-Texte. Über „Logo auswählen" öffnest du den Medienbereich und setzt gleich ein Logo in den Seitenkopf – das geht später jederzeit noch. Der Kasten „Das erstellen wir für dich" fasst alles zusammen. Klick auf „Website erstellen" – du landest sofort im Builder.

Im Builder bearbeiten

Der Builder öffnet sich unter /builder?site=… und arbeitet direkt auf der Seite (WYSIWYG). Der Aufbau ist wie bei Divi: Sektion › Zeile › Spalte › Modul, alles farbcodiert. Fahr mit der Maus über ein Element, dann erscheint die kleine Werkzeugleiste zum Verschieben, Einstellen (Zahnrad), Duplizieren oder Löschen. Über das Zahnrad öffnest du das Einstellungs-Kästchen mit den drei Tabs Inhalt, Design und Erweitert. Neue Bausteine fügst du über die farbigen „+"-Buttons hinzu. Wenn's passt, speicherst du unten mit dem tealen „Speichern"-Button.

Marke, Kontakte und live gehen

Für Schritt 2 (Marke) geh in der linken Leiste auf „Projekt-Einstellungen". Dort setzt du Logo/Icon und die Markenfarbe (Preset-Swatches oder eigene Farbe über das „+"-Kästchen) und speicherst. Die Farbe zieht sich danach durchs Studio und in den Projekt-Umschalter.

Kontakte baust du unter „Kontakte" auf (einzeln über „Kontakt hinzufügen" oder per Import), Newsletter unter „E-Mails", und Produkte legst du im „Shop" an. Zum Live-Gehen: Öffne „Websites". Jede Kachel zeigt oben rechts einen Status. Steht die Seite auf „Live", ist sie unter deine-adresse.birdbuild.net öffentlich erreichbar; ein Klick auf das Live-Abzeichen nimmt sie wieder offline (Inhalte bleiben erhalten). Eine eigene Domain verbindest du später über das Drei-Punkte-Menü der Website → „Einstellungen".

Mehrere Projekte

Willst du eine zweite, komplett getrennte Präsenz (z. B. für einen anderen Kunden)? Öffne links oben den Projekt-Umschalter und klick „Neues Projekt". Dort vergibst du Name, Markenfarbe, Sprache und Zeitzone (Standard: Wien/MEZ). Jedes Projekt hat seine eigenen Websites, Kontakte, E-Mails und Shop – nichts vermischt sich.

Konto erstellen

Geh auf /login und klick unten auf „Kostenlos registrieren". Du brauchst nur drei Dinge: deinen Namen, eine E-Mail-Adresse und ein Passwort mit mindestens 8 Zeichen. Darunter kannst du optional den Haken für den BirdBuild-Newsletter setzen – der ist bewusst nicht vorausgewählt, du entscheidest selbst. Ein Klick auf „Kostenlos registrieren" legt dein Konto an, richtet automatisch einen Workspace samt einem ersten Projekt („Mein erstes Projekt") ein und bringt dich direkt ins Studio.

Das Passwort siehst du beim Tippen nicht – über das Augen-Symbol im Feld kannst du es kurz einblenden, falls du dich vertippt hast. Ist eine E-Mail bereits vergeben, sagt dir das Formular das direkt, statt die Anmeldung abzubrechen.

Anmelden

Schon ein Konto? Auf /login gibst du E-Mail und Passwort ein und klickst „Anmelden". Danach landest du im Studio unter /studio. Warst du vorher auf einer bestimmten Seite, die eine Anmeldung verlangt, schickt dich BirdBuild nach dem Login genau dorthin zurück.

Bist du schon eingeloggt und rufst die Login-Seite auf, zeigt sie „Bereits angemeldet" mit deiner E-Mail. Von dort kommst du per „Zum Studio" weiter – oder du klickst „Mit anderem Konto anmelden", um dich abzumelden und das Formular für einen anderen Zugang zu öffnen.

Ein kleiner Sicherheits-Hinweis: Nach mehreren falschen Passwort-Eingaben (fünf pro E-Mail-Adresse innerhalb von 15 Minuten) wird der Login kurz gesperrt. Das richtet sich gegen fremde Rate-Versuche – dein richtiges Passwort setzt den Zähler sofort wieder zurück. Falls du also einmal „Zu viele Versuche" siehst: kurz warten, dann geht's wieder. Deine Sitzung bleibt nach dem Login 30 Tage bestehen, du musst dich also nicht bei jedem Besuch neu anmelden.

Passwort ändern

Dein Passwort änderst du im Studio unter „Einstellungen" → „Konto & Profil" (oben rechts das Konto-Symbol, oder in der Seitenleiste unten „Einstellungen"). Scroll zum Abschnitt „Passwort ändern", trag dein aktuelles Passwort ein, dann das neue (mindestens 8 Zeichen) und klick „Passwort aktualisieren". Das aktuelle Passwort ist Pflicht – so kann niemand an einem offen gelassenen Bildschirm einfach dein Passwort überschreiben.

Profil & Konto-Daten

Auf derselben Einstellungen-Seite pflegst du dein Profil: vollständiger Name, E-Mail-Adresse und ein Profilbild. Das Bild wählst du über „Aus Medien wählen" aus deinem Medienbereich – kein PC-Dateidialog. Darunter im Block „Unternehmen" hinterlegst du Firmenname und Land (Österreich, Deutschland oder Schweiz). Im Block „Benachrichtigungen" schaltest du per Schalter ein, worüber BirdBuild dich informiert, etwa neue Kontakte, Shop-Bestellungen oder den wöchentlichen Statistik-Report. Änderst du deine E-Mail auf eine, die schon ein anderes Konto nutzt, weist dich das System darauf hin.

Mehrere Projekte verwalten

Ein Konto kann mehrere Projekte enthalten – ideal, wenn du z. B. ein Café und einen Online-Shop getrennt halten willst. Jedes Projekt hat seine eigenen Websites, Kontakte, E-Mails, Shop-Daten und Einstellungen; nichts vermischt sich zwischen Projekten. Oben in der Seitenleiste siehst du das aktuelle Projekt mit seiner Adresse (z. B. cafe-sonnenschein.birdbuild.net). Ein Klick darauf öffnet die Projektliste – dort wechselst du das Projekt oder legst über „Neues Projekt" eins an.

Beim Anlegen unter /studio/projekte/neu vergibst du einen Projektnamen (z. B. „Café Sonnenschein"), wählst eine Markenfarbe, Sprache und Zeitzone und optional eine Branche. Neue Projekte starten bewusst leer – nur dein allererstes Projekt bekommt Beispiel-Inhalte, damit du sofort etwas zum Ansehen hast. Über das Drei-Punkte-Menü neben jedem Projekt kommst du zu „Projekt-Einstellungen", „Umbenennen" oder „Projekt löschen" (Löschen entfernt alle Inhalte dieses Projekts – das lässt sich nicht rückgängig machen).

Abmelden

Zum Abmelden klickst du in der Seitenleiste ganz unten neben deinem Namen auf das Abmelde-Symbol. Alternativ findest du in den Einstellungen im Block „Konto" den Button „Abmelden". Danach ist deine Sitzung auf diesem Gerät beendet und du landest wieder auf der Startseite.

So kommst du hin

Das Dashboard erreichst du ueber den obersten Punkt in der linken Seitenleiste (Dashboard, das Tacho-Symbol) oder ueber die Adresse /studio. Wechselst du oben links das Projekt, landest du automatisch wieder hier. Das ist Absicht, denn jedes Projekt hat seine eigenen Zahlen. Ganz oben begruesst dich die Seite mit deinem Vornamen und dem Namen des aktiven Projekts. Rechts daneben liegt der Button Neue Website, der dich direkt in den Website-Assistenten unter /studio/websites/neu bringt.

Die vier Kennzahlen

Direkt unter der Begruessung stehen vier Kacheln mit den wichtigsten Zahlen deines Projekts:

• Websites – wie viele Seiten du angelegt hast. Ein Klick fuehrt in die Website-Uebersicht.
• Kontakte – die Anzahl der Eintraege in deinem CRM, verlinkt auf /studio/kontakte.
• Bestellungen – alle Shop-Bestellungen dieses Projekts, verlinkt auf die Bestellliste.
• Umsatz gesamt – die Summe aller Bestellungen, in Euro gerundet.

Eine Sache solltest du wissen: Diese Kacheln zeigen ausschliesslich echte Daten und starten bei 0. Wenn dein Umsatz „0 €“ anzeigt, ist das kein Fehler, sondern der Stand, bevor die erste Bestellung reinkommt. Jede Kachel ist ein Link – ein Klick bringt dich in den passenden Bereich, statt erst durch die Seitenleiste zu suchen.

Schnellaktionen

Die zweite Reihe sind vier Abkuerzungen fuer Dinge, die man staendig braucht: Neue Website (Website-Assistent), Kontakt hinzufuegen (CRM unter /studio/kontakte), Newsletter erstellen (E-Mail-Bereich) und Produkt anlegen (neues Shop-Produkt unter /studio/shop/produkte/neu). Praktisch, wenn du genau weisst, was du als Naechstes tun willst, und nicht erst ein Menue aufklappen moechtest.

„So baust du deine Marke auf“ – der 6-Schritte-Guide

Der gruesste Block auf der Seite ist ein Aufbau-Guide mit sechs Karten und einer Fortschrittsleiste oben rechts (z. B. „2 / 6 erledigt · 33 %“). Das Besondere: Du musst nichts abhaken. Jeder Schritt prueft selbst, ob er erledigt ist, und schaltet dann automatisch auf ein gruenes „Erledigt“-Haekchen um. Die sechs Schritte:

1. Website erstellen – gilt als erledigt, sobald du mindestens eine Website hast. Der Button heisst dann „Websites verwalten“, vorher „Jetzt loslegen“.
2. Deine Marke gestalten – fuehrt zu den Projekt-Einstellungen. Dort legst du Logo und Markenfarbe fest. Der Schritt gilt als erledigt, sobald du die Markenfarbe vom Standard-Teal auf etwas Eigenes aenderst.
3. Kontakte aufbauen – erledigt, sobald der erste Kontakt im CRM liegt.
4. Newsletter versenden – erledigt, sobald du die erste E-Mail-Kampagne angelegt hast.
5. Shop einrichten – erledigt, sobald das erste Produkt existiert.
6. Domain verbinden & live gehen – erledigt, sobald eine deiner Websites eine eigene Domain hinterlegt hat.

Jede Karte ist anklickbar und bringt dich genau an die Stelle, wo du den Schritt erledigst. Hast du alle sechs geschafft, wechselt die Ueberschrift auf „Deine Marke steht“ und die Leiste steht auf 100 %. Der Guide ist als Reihenfolge gedacht, aber keine Pflicht: Du kannst genauso gut mit dem Shop anfangen und die Domain zuletzt anschliessen – die Haekchen richten sich rein danach, was schon da ist.

Kurz zusammengefasst

Das Dashboard rechnet nichts schoen. Es zeigt dir den echten Stand deines aktiven Projekts und gibt dir mit Kacheln, Schnellaktionen und dem Guide drei Wege, mit einem Klick weiterzuarbeiten. Fuer jedes Projekt getrennt – wechselst du das Projekt, wechseln auch alle Zahlen.

Was ein Projekt eigentlich ist

Denk dir ein Projekt als eigenen Mandanten. Jede Website, jeder Kontakt, jede E-Mail-Kampagne und jede Bestellung gehört immer genau einem Projekt und wird ausschließlich darüber gefiltert. Zwischen zwei Projekten läuft nichts über: Ein Kontakt aus „Café Sonnenschein“ taucht niemals in den Kontakten deines zweiten Projekts auf. Dein Konto darüber ist nur die Klammer für Anmeldung, Team und Abrechnung – die Inhalte selbst liegen immer im Projekt.

Den Projekt-Umschalter finden

Oben in der Seitenleiste des Studios siehst du eine Pille mit Logo (oder den Initialen auf der Markenfarbe), dem Projektnamen und darunter der Adresse, zum Beispiel cafe-sonnenschein.birdbuild.net. Klick darauf, dann klappt eine Liste all deiner Projekte auf. Das aktive Projekt hat einen Haken. Ist die Seitenleiste eingeklappt, zeigt BirdBuild stattdessen eine schmale Leiste mit kleinen Projekt-Kacheln – ein Klick darauf wechselt sofort.

Zwischen Projekten wechseln

Im aufgeklappten Umschalter auf das gewünschte Projekt klicken, das war's. BirdBuild macht es aktiv und bringt dich danach auf die Projekt-Übersicht (das Studio-Dashboard). Das ist Absicht: Nach dem Wechsel landest du nie auf einer Unterseite, die es im neuen Projekt vielleicht gar nicht gibt. Ab jetzt beziehen sich alle Bereiche – Websites, CRM, E-Mails, Shop – auf das neu gewählte Projekt.

Ein neues Projekt anlegen

Öffne den Umschalter und klick unten auf Neues Projekt. Auf der Anlege-Seite füllst du aus:

• Projektname – zum Beispiel „Café Sonnenschein“. Während du tippst, siehst du direkt darunter die Adresse, die daraus wird, etwa cafe-sonnenschein.birdbuild.net. Umlaute werden dabei automatisch umgeschrieben (ä wird zu ae und so weiter).
• Markenfarbe – wähl eine der sieben Farbkacheln oder klick das +-Kästchen für eine eigene Farbe per Farbwähler. Die Farbe erscheint später überall dort, wo dein Projekt ohne Logo auftaucht.
• Sprache und Zeitzone – Deutsch, English, Français oder Italiano; Zeitzone Wien, Berlin oder Zürich.
• Branche (optional) – etwa „Gastronomie“. Nur eine Notiz, du kannst sie leer lassen.

Klick auf Projekt erstellen. Das neue Projekt ist sofort aktiv und du landest im Dashboard – du kannst also direkt loslegen.

Logo, Name und Farbe später ändern

Die Grundeinstellungen eines Projekts findest du unter Projekt-Einstellungen – entweder über das Drei-Punkte-Menü neben dem Projekt im Umschalter oder direkt im Menü. Im Abschnitt Allgemein kannst du:

• ein Logo/Icon setzen. Klick auf „Logo hochladen“, dann öffnet sich der Medienbereich – such dort ein Bild aus oder lade eins hoch. Das Logo wird ganz angezeigt (nichts abgeschnitten) und ersetzt die Initialen im Umschalter. Mit „Entfernen“ kommst du zurück zu den Initialen.
• Projektname, Markenfarbe, Sprache, Zeitzone und Branche anpassen.

Zum Sichern unten rechts auf Änderungen speichern klicken (oder einfach Cmd/Strg+S drücken). Kurz erscheint „Gespeichert“, und Name beziehungsweise Farbe aktualisieren sich sofort im Umschalter – du musst die Seite nicht neu laden.

Nur schnell umbenennen? Dafür gibt es im Drei-Punkte-Menü neben dem Projekt den Punkt Umbenennen – praktisch, wenn du sonst nichts ändern willst.

Ein Projekt löschen

Ganz unten in den Projekt-Einstellungen liegt die Gefahrenzone. Ein Klick auf „Projekt löschen“ fragt noch einmal nach und entfernt dann wirklich alles, was zu diesem Projekt gehört: Websites, Kontakte, E-Mails, Shop mit Bestellungen, Dateien und auch hinterlegte Zugangsdaten wie Zahlungs-Schlüssel. Das lässt sich nicht rückgängig machen. Ein Punkt noch: Dein letztes verbliebenes Projekt kannst du nicht löschen – es muss immer mindestens eins übrig bleiben.

Die vier Bausteine verstehen

Jede Seite steckt in vier verschachtelten Ebenen, die im Builder farblich getrennt sind. Ganz außen liegt die Sektion (teal) – ein waagerechter Streifen über die volle Breite. Darin sitzt mindestens eine Zeile (mint), die du in Spalten (grau) aufteilst. In jede Spalte kommen die Module (dunkelgrau): der eigentliche Inhalt, also Überschrift, Text, Bild, Button und so weiter. Merk dir die Reihenfolge Sektion, Zeile, Spalte, Modul. Fährst du mit der Maus über ein Element, erscheint oben links sein farbiges Namensschild – so weißt du immer, auf welcher Ebene du gerade bist.

Sektion, Zeile und Module einfügen

Bei einer leeren Seite klickst du auf den großen Button Sektion hinzufügen in der Mitte. Dann fügst du eine Zeile ein und wählst im Dialog Spalten-Layout wählen, wie sie aufgeteilt sein soll. Es gibt 8 Vorlagen: 1 Spalte, 1/2 + 1/2, drei gleiche Drittel, viermal 1/4, 1/3 + 2/3, 2/3 + 1/3, 1/4 + 3/4 und 1/4 + 1/2 + 1/4. Sobald die Zeile steht, öffnet sich automatisch die Modul-Auswahl für die erste Spalte.

Im Fenster Modul hinzufügen hast du 47 Bausteine, nach Kategorien sortiert (Basis, Layout & Aufbau, Medien, Marketing & Conversion, Kontakt & Info, Weitere). Am schnellsten geht es über das Suchfeld oben: tippe zum Beispiel button, steuere mit den Pfeiltasten und drück Enter – das Modul landet sofort in der Spalte. Zwischen zwei bestehenden Elementen fügst du über die runden +-Buttons am oberen oder unteren Rand etwas darüber oder darunter ein. In einer leeren Spalte klickst du einfach auf das + in der Mitte.

Elemente auswählen, verschieben, duplizieren, löschen

Klick ein Element an, dann erscheint am oberen Rand seine farbige Werkzeugleiste. Dort findest du (von links): den Greifer zum Ziehen, Nach oben, Nach unten, Duplizieren und Löschen. Bei einer Zeile kommt links noch das Symbol Spalten-Layout dazu – damit änderst du das Spalten-Raster nachträglich; bestehende Inhalte werden dabei auf die neuen Spalten verteilt.

Zum Umsortieren per Drag&Drop packst du das Element am Greifer und ziehst es an die neue Stelle. Eine Einfügelinie zeigt dir, wo es landet – funktioniert auch über Spalten- und Sektionsgrenzen hinweg. Spalten selbst ordnest du nicht per Drag, sondern über das Spalten-Layout. Ein Rechtsklick auf jedes Element öffnet zusätzlich ein Menü mit Kopieren, Einfügen, Duplizieren, Sektion darüber/darunter und Löschen.

Text direkt tippen

Überschriften und Textmodule bearbeitest du direkt im Canvas: klick hinein und tipp los. Sobald du Text markierst, klappt oben die schwebende Text-Leiste auf – mit Fett (B), Kursiv (I), Unterstrichen (U), Durchgestrichen, A− / A+ für kleiner/größer, Ausrichtung links/mitte/rechts, Aufzählung, Schriftart (Aa), Textfarbe und Link einfügen. Mit dem Radiergummi entfernst du eine Formatierung wieder.

Gestalten über das Design-Panel

Wenn ein Element ausgewählt ist, zeigt das rechte Panel drei Reiter: Inhalt, Design und Erweitert. Unter Inhalt stellst du die modul-eigenen Felder ein (bei einer Preis-Tabelle etwa Plan, Preis und Vorteile). Unter Design liegen Hintergrund (Farbe, Verlauf oder Bild), Textfarbe, Ausrichtung, Innenabstand und Eckenradius. Der Reiter Erweitert bietet eine eigene CSS-ID und CSS-Klasse sowie „auf diesem Gerät ausblenden“. Für Farben nutzt du überall den BB-Color-Picker mit Hex-Eingabe und Paletten-Swatches, für Bilder wählst du aus dem Medienbereich.

Wichtig fürs Responsive: Oben in der Leiste schaltest du zwischen Desktop, Tablet und Handy um. Der Design-Reiter bearbeitet immer die gerade gewählte Ansicht – ein Hinweis-Banner sagt dir, für welches Gerät. Handy erbt vom Tablet, Tablet vom Desktop, du überschreibst also nur, was abweichen soll.

Rückgängig, speichern, veröffentlichen

Verklickt? Oben rechts machst du mit Rückgängig (Cmd/Strg+Z) und Wiederherstellen Schritte rückgängig. Das Uhr-Symbol daneben öffnet den Bearbeitungsverlauf – eine lesbare Liste aller Änderungen („Text/Inhalt bearbeitet“, „Spalten-Layout geändert“), aus der du per Wiederherstellen gezielt auf einen früheren Stand zurückspringst.

Ein Klick auf Speichern sichert deinen Entwurf – ein Stern (Speichern *) zeigt ungespeicherte Änderungen an. Live geht deine Seite erst mit Veröffentlichen. Der Hinweis „Nicht veröffentlicht“ erinnert dich daran, wenn gespeicherte Änderungen noch nicht online sind. Über das Auge (Vorschau) blendest du alle Bearbeiten-Werkzeuge aus und siehst die Seite genau so wie deine Besucher.

Wie der Aufbau funktioniert

Jede Seite steckt in einer festen Schachtelung: Sektion (teal markiert) enthält eine oder mehrere Zeilen (mint), die Zeile teilt sich in Spalten, und in die Spalten kommen die eigentlichen Module (die Elemente). Editor und veröffentlichte Seite rendern aus demselben Datenmodell – was du im Builder siehst, ist also wirklich das, was live geht.

Ein Modul einfügen

Leg zuerst eine Sektion an (Button „Sektion hinzufügen") und wähl beim Zeilen-Dialog ein Spalten-Layout – etwa „1 Spalte", „½ + ½" oder „⅓ + ⅓ + ⅓". Danach zeigt jede leere Spalte einen runden „Modul hinzufügen"-Button in der Mitte. Klick ihn an: Es öffnet sich das Overlay „Modul hinzufügen".

Dort hast du zwei Wege. Entweder du scrollst durch die Kategorien – Basis (Überschrift, Text, Button, Bild, Icon, Liste, Zitat, Trenner, Abstand), Layout & Aufbau (Navigation, Bild+Text, Karte, Bento, Tabs, Akkordeon, Prozess-Schritte …), Medien (Video, Audio, PDF, Code/HTML, Vorher/Nachher, Logo-Leiste, Laufband), Marketing & Conversion (Call-to-Action, Preis-Tabelle, Testimonial, Zähler, Countdown …) und Kontakt & Info (Kontaktformular, Termine/Buchung, Newsletter, Team, Map, Öffnungszeiten, Speisekarte …). Oder du tippst oben ins Suchfeld, z. B. „preis", und drückst Enter – das oberste Ergebnis wird eingefügt. Mit den Pfeiltasten springst du durch die Treffer.

Tipp: Es gibt kein fertiges „Hero"-Modul im Picker. Einen Banner baust du aus einzelnen Blöcken – oder du nimmst „Sektion hinzufügen" und wählst eine Hero-Vorlage, deren Überschrift, Text und Buttons danach frei bearbeitbar sind.

Inhalte bearbeiten (Tab „Inhalt")

Klick ein Modul an, dann öffnet sich rechts das Einstellungs-Panel mit drei Tabs. Im ersten, Inhalt, stehen die modul-eigenen Felder. Ein paar Beispiele: Beim Button legst du Beschriftung, Ziel-URL, Stil (Gefüllt / Umrandet / Text) und ein optionales Icon fest. Beim Akkordeon trägst du Frage-Antwort-Paare ein und stellst „Mehrere offen" oder „Nur eins offen" ein. Beim Kontaktformular baust du die Felder selbst zusammen (Text, E-Mail, Telefon, Nachricht, jeweils mit Pflicht-Häkchen und eigenem Fehlertext).

Kürzere Texte gehen auch direkt: Überschriften und Textblöcke kannst du im Canvas doppelklicken und lostippen. Sobald du etwas markierst, erscheint eine schwebende Leiste für Fett, Kursiv, Farbe, Link und Schriftart. Bilder wählst du nie über einen PC-Dialog, sondern immer über den Medienbereich – beim Bild-Modul reicht ein Doppelklick, um ein anderes Bild aus deiner Mediathek zu ziehen.

Aussehen anpassen (Tab „Design")

Im Design-Tab steckt die Gestaltung, für jedes Modul gleich aufgebaut: Farben (Hintergrund, Textfarbe), Schrift & Ausrichtung, Abstände & Ecken (Innenabstand oben/rechts/unten/links plus Eckenradius), Rahmen & Schatten und – bei Karten, Preis-Boxen, Galerien u. Ä. – eine Hover-Animation (Heben, Zoom, Leuchten, Neigen). Unter Einblend-Animation lässt du das Element beim Scrollen sanft erscheinen (von unten, Zoom …), mit Dauer und Verzögerung. Ganz wichtig für Handy: Oben im Design-Tab schaltest du zwischen Desktop / Tablet / Handy um und setzt Werte gezielt pro Gerät – Tablet und Handy überschreiben nur, was du dort änderst.

Verschieben, duplizieren, Feinschliff

Fährst du über ein Modul, taucht oben eine kleine Werkzeugleiste auf: Ziehen (Verschieben), Nach oben / unten, Duplizieren und Löschen. Ein Rechtsklick öffnet zusätzlich ein Menü zum Kopieren und Einfügen. Der dritte Tab, Erweitert, ist für Feinheiten: eigene CSS-ID/Klasse, eigenes CSS pro Modul, das Ausblenden auf einzelnen Geräten und ein Link auf das ganze Element. Denk dran, oben rechts zu speichern – und veröffentliche erst, wenn du zufrieden bist.

Zwei Arten von Effekten

BirdBuild kennt zwei getrennte Dinge, die man leicht durcheinanderbringt. Die Einblend-Animation spielt einmal ab, wenn ein Element beim Scrollen ins Sichtfeld rutscht – es fliegt zum Beispiel sanft von unten herein. Die Hover-Animation dagegen reagiert dauerhaft auf die Maus: Fährst du über eine Karte, hebt sie sich leicht an. Die erste gibt es für Module und ganze Abschnitte, die zweite nur für ein paar karten-artige Module.

Ein Element beim Scrollen einblenden

Klick im Builder auf das Modul oder den Abschnitt, den du animieren willst – rechts öffnet sich das Einstellungs-Panel. Geh dort oben auf den Tab Design und scroll nach unten zur Klappkarte „Einblend-Animation". Im Feld „Beim Scrollen einblenden" wählst du eine Richtung:

• Sanft einblenden – nur ein weiches Aufblenden, ohne Bewegung. Dezent und fast immer passend.
• Von unten / Von oben / Von links / Von rechts – das Element gleitet aus der jeweiligen Richtung herein (rund 30 Pixel Weg).
• Zoom – startet minimal kleiner und wächst auf die volle Größe.

Sobald eine Animation gewählt ist, tauchen zwei Zahlenfelder auf. Dauer (ms) steuert, wie lange das Einblenden läuft – Standard sind 700 Millisekunden, sinnvoll ist irgendwo zwischen 100 und 3000. Und Verzögerung (ms) lässt das Element später starten. Genau darüber baust du gestaffelte Effekte: Gib der ersten Karte 0, der zweiten 150 und der dritten 300 – dann erscheinen sie nacheinander statt alle auf einmal. Lässt du die Felder leer, gelten 700 ms Dauer und 0 ms Verzögerung.

Warum sich im Editor nichts bewegt

Ein Punkt, der am Anfang irritiert: Während du am Bauen bist, bleibt alles ganz normal sichtbar – die Einblend-Animation läuft im Bearbeiten-Modus bewusst nicht, sonst würden dir Elemente ständig weggeblendet. Sehen kannst du den Effekt trotzdem sofort. Klick unten links in der Werkzeugleiste auf das Augen-Symbol (Vorschau) und scroll dann durch die Seite. Dort spielt die Animation genauso ab wie später auf der echten, veröffentlichten Website.

Hover-Animation für Karten

Manche Module bekommen zusätzlich einen Effekt für den Mauszeiger. Das betrifft die karten-artigen Blöcke – also zum Beispiel Bento-Grid, Portfolio, Logo-Leiste, Karte, Preis-Tabelle, Team-Mitglied, Testimonial und Galerie. Wähl so ein Modul aus, geh in den Tab Design, und dort erscheint die Klappkarte „Interaktion" mit dem Feld „Hover-Animation". Zur Wahl stehen:

• Heben – die Karte schwebt beim Überfahren ein Stück nach oben und wirft einen Schatten.
• Zoom – sie vergrößert sich leicht.
• Leuchten – ein farbiger Schein legt sich um die Karte (im Teal deiner Marke).
• Neigen – die Karte kippt minimal in den Raum, wie ein 3D-Effekt.

Findest du bei einem Modul keine „Interaktion"-Karte, dann ist der Hover-Effekt für diesen Modultyp einfach nicht vorgesehen – das ist Absicht, nicht ein Fehler.

Rücksicht auf Nutzer und Suchmaschinen

Die Animationen sind so gebaut, dass sie niemanden ausbremsen. Wer im Betriebssystem „Bewegung reduzieren" aktiviert hat (das stellen Menschen ein, denen Animationen unangenehm sind), sieht alle Inhalte sofort und ruhig, ohne Flug- oder Zoom-Effekt. Und selbst wenn im Browser JavaScript deaktiviert ist, bleibt jeder Inhalt sichtbar – es verschwindet also nie etwas, nur weil ein Effekt nicht laufen konnte. Du kannst Effekte deshalb bedenkenlos einsetzen, ohne dir um Barrierefreiheit oder Auffindbarkeit Sorgen zu machen.

Ein paar Empfehlungen aus der Praxis

Weniger ist meistens mehr. Ein sanftes „Von unten" auf Überschriften und Karten wirkt edel; wenn dagegen jeder Block aus einer anderen Richtung hereinfliegt, wird es schnell unruhig. Für längere Seiten lohnt es sich, ganze Abschnitte zu animieren statt jedes einzelne Modul darin – das gibt einen ruhigeren Rhythmus beim Scrollen. Und die Staffelung über die Verzögerung ist der Trick, mit dem eine Reihe gleicher Karten richtig gut aussieht.

Die drei Geräte-Ansichten

Oben in der Mitte der Builder-Leiste sitzen drei Symbole: Monitor, Tablet und Handy. Klick auf eines davon, um das Canvas in der jeweiligen Ansicht zu sehen. Der Desktop rechnet mit 1280 px Breite, das Tablet mit 768 px, das Handy mit 390 px – also die typischen echten Gerätebreiten. So erkennst du sofort, ob auf dem Handy etwas zu eng wird oder ein Bild schlecht sitzt.

Praktisch: Beim Öffnen wählt der Builder die Ansicht selbst passend zu deinem Bildschirm. Am Laptop startest du in der Desktop-Ansicht, am Handy in der Handy-Ansicht. Danach schaltest du frei um, so oft du willst.

Was von allein passiert

Für ein sauberes Mobil-Layout musst du erst mal gar nichts tun. Der Builder passt vieles automatisch an:

• Mehrspaltige Zeilen stapeln sich auf dem Handy untereinander – aus drei Spalten nebeneinander werden drei Blöcke übereinander.
• Galerien und Raster reduzieren ihre Spalten je Bildschirm: Desktop die volle Spaltenzahl, Tablet höchstens drei, Handy höchstens zwei.
• Überschriften, Innenabstände und Schriftgrößen schrumpfen auf kleineren Geräten mit.

Wichtig zu wissen: Diese Anpassung steckt fest im Aufbau jedes Moduls und greift auch auf der veröffentlichten Seite, nicht nur in der Vorschau. Du musst dafür keinen Schalter umlegen.

Eigene Werte pro Gerät festlegen

Manchmal reicht die Automatik nicht – etwa wenn ein Titel auf dem Handy kleiner sein soll oder eine Sektion dort weniger Innenabstand braucht. Dafür klickst du zuerst das Element an (Sektion, Zeile, Spalte oder Modul) und gehst im rechten Panel auf den Reiter Design. Ganz oben im Design-Bereich steht eine kleine Geräte-Auswahl: Desktop, Tablet, Handy.

Sie entscheidet, für welche Ansicht deine nächste Änderung gilt:

• Nichts ausgewählt (grau): Der Wert gilt als Grundwert für alle Geräte. Das ist der Normalfall.
• Handy angeklickt: Du bist im Mobile-Editor – ein Hinweis darunter sagt dir das ausdrücklich. Was du jetzt änderst (z. B. Schriftgröße 20 statt 28), gilt nur fürs Handy und überschreibt den Grundwert dort.
• Tablet angeklickt: genauso, nur für die Tablet-Ansicht.

Willst du mehrere Ansichten gleichzeitig anpassen, hältst du beim Klick Cmd bzw. Strg gedrückt und wählst z. B. Tablet und Handy zusammen. Klickst du das einzige aktive Gerät noch einmal an, springst du zurück auf „alle Geräte“. Der Text unter den Buttons zeigt dir immer, was gerade gilt – etwa „Du befindest dich im Mobile-Editor“.

Die Werte kaskadieren nach unten: Das Handy übernimmt zuerst den Desktop-Wert, dann den Tablet-Wert, und erst zuletzt deine eigene Handy-Anpassung. Du musst also nicht jedes Feld dreimal setzen – nur das, was auf dem kleineren Gerät wirklich anders sein soll. Praktisch gilt das für nahezu jedes Design-Feld: Hintergrund, Textfarbe, Ausrichtung, Innenabstände, Schriftart und mehr.

Elemente auf einem Gerät ausblenden

Du willst ein großes Hero-Bild nur am Desktop zeigen, auf dem Handy aber weglassen? Wähl das Element an, geh auf den Reiter Erweitert und such den Block „Sichtbarkeit – auf Gerät ausblenden“. Dort tippst du auf Desktop, Tablet oder Handy: Rot bedeutet „auf diesem Gerät ausgeblendet“. Das funktioniert auf jeder Ebene – ganze Sektion, einzelne Zeile, Spalte oder ein einzelnes Modul. Darunter gibt es zusätzlich „Ganz ausblenden (alle Geräte)“, wenn etwas erst mal komplett verschwinden soll.

Im Editor bleibt ein ausgeblendetes Element sichtbar (nur abgedunkelt), damit du es weiter bearbeiten kannst. Auf der veröffentlichten Seite wird es auf dem gewählten Gerät sauber übersprungen.

Vorschau und Bildausschnitt

Über den Button Vorschau (Auge-Symbol, oben rechts) schaltest du das Bearbeiten-Werkzeug weg und siehst die Seite pur. In der Desktop-Ansicht füllt sie den ganzen Bereich, in der Tablet- und Handy-Ansicht bleibt der Geräterahmen stehen – so beurteilst du das Mobil-Ergebnis realistisch. Ein Tipp für Bilder: Bei Modulen mit Fotos gibt es das Feld Bildausschnitt. Damit legst du fest, welcher Teil des Bildes sichtbar bleibt, wenn es auf schmalen Handy-Screens beschnitten wird – gerade bei Querformat-Fotos wichtig, damit nicht der falsche Bildteil übrig bleibt.

Modul einfügen

Öffne die Seite im Builder (/builder?site=…). Klick in einer Spalte auf „Modul hinzufügen", wähl links die Kategorie „Kontakt & Info" und dann „Kontaktformular". Sofort steht ein fertiges Formular auf der Seite – standardmäßig mit drei Feldern: Name, E-Mail und Nachricht, alle als Pflichtfeld. Für viele Seiten reicht das schon so.

Felder anpassen

Klick das Formular an, dann öffnet sich rechts die Einstellungsleiste. Unter „Formularfelder" siehst du deine Felder als Liste. Über „Feld hinzufügen" kommt ein neues dazu, per Ziehen ordnest du sie um. Bei jedem Feld stellst du ein:

• Beschriftung – der Text, der im leeren Feld steht, z. B. „Dein Name" oder „Telefonnummer".
• Feldtyp – Text (einzeilig), E-Mail, Telefon, Zahl oder Mehrzeilig (Nachricht). Der Typ ist nicht nur Optik: Bei „E-Mail" prüft der Browser automatisch, ob wirklich eine gültige Adresse mit Domain drinsteht.
• Pflichtfeld – Häkchen setzen, wenn das Feld ausgefüllt werden muss.
• Fehlertext, wenn leer – erscheint nur bei Pflichtfeldern. Schreib hier etwas Konkretes wie „Bitte gib deine E-Mail an", sonst zeigt der Browser seinen eigenen Standardtext.

Ein Feld wieder loswerden? Über das Papierkorb-Symbol in der Feldliste. Darunter legst du mit „Ecken-Radius der Felder (px)" fest, wie stark die Eingabefelder abgerundet sind.

Überschrift und Absenden-Button

Ganz oben im Panel gibst du optional eine Überschrift übers Formular ein („Schreib uns"). Unter „Absenden-Button" änderst du die Beschriftung (Standard ist „Absenden") und kannst ein Icon davor oder dahinter setzen. Farbe, Abstände und Ausrichtung des ganzen Formulars steuerst du wie bei jedem Modul über den Reiter „Design".

Kontakte automatisch anlegen (optional)

Weiter unten im Panel steht der Bereich „Kontakte". Wählst du bei „In Kontaktliste synchronisieren" eine deiner Listen aus, wird jede Einsendung zusätzlich als Kontakt in dieser Liste gespeichert – gleiche E-Mail-Adressen werden dabei zusammengeführt, es entstehen also keine Dubletten. Über den Link „Kontaktlisten verwalten →" springst du direkt zu deinen Listen unter /studio/kontakte. Hast du noch keine Liste, leg dort zuerst eine an.

Sobald eine Liste gewählt ist, taucht die Einstellung Einwilligung (DSGVO) auf. Stell sie auf „Pflicht-Häkchen", wenn Besucher aktiv zustimmen sollen, bevor sie absenden. Der Einwilligungstext lässt sich frei formulieren und darf einen Link zu deiner Datenschutzerklärung enthalten. Wichtig: Verlangst du die Einwilligung, wird ohne gesetztes Häkchen zwar die Anfrage gespeichert, aber kein Marketing-Kontakt angelegt.

Bot- und Spam-Schutz

Um das musst du dich nicht kümmern – es ist automatisch aktiv. Jedes Formular hat unsichtbare Fallen-Felder (Honeypots), die nur Bots ausfüllen; solche Einsendungen werden still verworfen. Zusätzlich gilt ein Limit von 20 Absendungen pro Stunde und IP-Adresse, was echte Besucher praktisch nie erreichen. Ist plattformseitig Cloudflare Turnstile hinterlegt, kommt auf der veröffentlichten Seite noch eine unauffällige Prüfung dazu. Das Formular funktioniert komplett ohne JavaScript, per klassischem Absenden – dadurch ist es robust und schnell.

Anfragen ansehen

Alles, was reinkommt, findest du im Studio unter Kontakte → Formular-Anfragen (/studio/kontakte/formulare). Links die Liste aller Anfragen mit Suchfeld, bei mehreren Websites zusätzlich ein Filter pro Website. Klick eine Anfrage an, um Name, E-Mail und die komplette Nachricht rechts im Detail zu sehen. Über „Antworten" öffnest du direkt eine E-Mail an den Absender, das Papierkorb-Symbol löscht die Anfrage. Hast du eigene Zusatzfelder angelegt (z. B. „Telefonnummer"), werden deren Werte mitgespeichert. Bekommt dein Konto neue Leads, geht außerdem eine kurze Benachrichtigungs-Mail an die hinterlegte Betreiber-Adresse.

Testen nicht vergessen

Nach dem Veröffentlichen ruf deine Seite live auf und schick dir selbst eine Testnachricht. Danach schaust du unter „Formular-Anfragen" nach, ob sie angekommen ist – so weißt du sicher, dass alles sauber durchläuft.

Wo du den Bereich findest

Klick in der linken Studio-Leiste auf Dateien (Ordner-Symbol). Oben steht, in welchem Projekt du gerade bist – „Medien & Dokumente in ‚Mein Café'“ zum Beispiel. Alles, was du hier siehst, gehört zu genau diesem Projekt.

Hochladen

Zwei Wege: entweder oben rechts auf Hochladen klicken und Dateien vom Rechner wählen, oder du ziehst sie einfach ins Fenster – irgendwo auf die Dateiliste. Mehrere auf einmal geht immer. Pro Datei sind bis zu 20 MB erlaubt; was größer ist, wird übersprungen.

Ein Detail, das dir Arbeit spart: Sobald du ein Bild hochlädst, wandelt BirdBuild es im Hintergrund in WebP um. Die Auflösung bleibt exakt gleich, nur die Datei wird kleiner – oft deutlich. SVG-Grafiken und GIFs bleiben unangetastet, und wenn WebP im Einzelfall nicht kleiner wäre, behält BirdBuild das Original. Fotos, die vom Handy „liegend“ ankommen, werden dabei automatisch richtig gedreht.

Du hast ein ganzes Bild- oder Icon-Paket als ZIP? Lad die ZIP-Datei einfach mit hoch. BirdBuild packt sie serverseitig aus, legt jedes enthaltene Bild als eigene Datei an und meldet dir danach „x von y importiert“. Nicht-Bilder und Datenmüll werden dabei ignoriert.

Ordner anlegen und sortieren

Für Struktur klickst du oben auf Ordner, gibst einen Namen ein (z. B. „Team-Fotos“) und bestätigst mit Erstellen. Danach erscheint der Ordner als Chip über dem Raster; die kleine Zahl daneben zeigt, wie viele Dateien drinliegen. Über den Chip Alle Dateien und die Ordnernamen springst du zwischen den Ansichten hin und her.

Einen Ordner löschst du über das kleine x am Chip. Keine Sorge – die Dateien darin gehen nicht verloren, sie wandern zurück zu „Alle Dateien“. Nur der Ordner selbst verschwindet.

Finden: Suche, Filter, Sortierung

Über dem Raster hast du drei Werkzeuge. Das Suchfeld filtert nach Dateinamen, während du tippst. Die Typ-Chips (Alle, Bilder, Dokumente, Videos, Audio, Sonstige) blenden alles andere aus – praktisch, wenn du in hundert Bildern das eine PDF suchst. Und über das Sortier-Menü wechselst du zwischen „Zuletzt hinzugefügt“ (Standard) und „Name A–Z“.

Bilder bearbeiten & umbenennen

Klick auf eine Kachel bzw. bei Bildern auf Bearbeiten (bei anderen Dateien heißt der Knopf Umbenennen). Es öffnet sich der Editor. Umbenennen und einen Alt-Text vergeben kannst du hier für jede Datei – der Alt-Text beschreibt das Bild für Screenreader und Google, also lohnt sich ein Satz.

Bei Bildern hast du zusätzlich echte Bearbeitung: Drehen (links/rechts) und Spiegeln, Zuschneiden – entweder über feste Verhältnisse (1:1, 16:9, 4:3 …) mit wählbarem Bildausschnitt, oder frei, indem du ein Rechteck über das Bild ziehst. Dazu kommen eine Abdunklung (gut, wenn heller Text über dem Bild liegen soll) und ein Ecken-Radius. Ein wichtiger Hinweis: Diese Änderungen werden fest in die Datei eingebrannt und überschreiben das Original. Willst du das Original behalten, lad dir vorher eine Kopie herunter – oder schneide lieber direkt im Builder zu, wo der Zuschnitt nicht-destruktiv ist. Mit Bearbeitung zurücksetzen nimmst du alle Regler zurück, solange du noch nicht gespeichert hast.

Einbinden: Link kopieren

Im Editor gibt es unten Link kopieren. Das legt eine saubere, lesbare Adresse der Form /media/<id>/dateiname.webp in die Zwischenablage. Die kannst du überall verwenden, wo du eine Bild- oder Datei-URL brauchst – der Link funktioniert auch auf deinen veröffentlichten Seiten und eigenen Subdomains.

Mehrere auf einmal: Auswahl & Sammelaktionen

Fahr über eine Kachel und klick das Kästchen links oben, um sie auszuwählen. Für viele auf einmal drückst du auf eine Kachel und ziehst über die nächsten – wie in der Fotos-App auf dem Mac; am Rand scrollt die Ansicht automatisch mit. Sobald etwas markiert ist, erscheint oben eine Leiste mit: Löschen, Alle in Ansicht, Herunterladen (lädt die Originale in voller Auflösung nacheinander), Zu WebP für die Auswahl und Verschieben – in einen Ordner oder in ein anderes deiner Projekte.

Alles auf einmal komprimieren

Wenn du schon viele Bilder drin hast, die noch nicht WebP sind, klick oben auf Zu WebP (ohne vorher etwas auszuwählen). BirdBuild geht dann alle Projektbilder durch und meldet dir am Ende, wie viele komprimiert wurden und rund wie viel MB das gespart hat. Der Vorgang ist gefahrlos wiederholbar: Bereits konvertierte Bilder sowie SVG, GIF, Videos und Dokumente werden einfach übersprungen, und deine bestehenden Links bleiben gültig, weil sie über die feste ID laufen.

Speichern vs. Veröffentlichen

Im Builder sichert Speichern (oder Cmd/Strg + S) deinen Stand als Entwurf – öffentlich ändert sich dabei nichts. Ein kleiner Punkt am „Veröffentlichen“-Button zeigt dir, dass es noch nicht veröffentlichte Änderungen gibt. Erst Veröffentlichen (oben rechts) schiebt den aktuellen Stand live.

Vorher prüfen: die Vorschau

Über Vorschau siehst du die Seite genau so, wie sie später online aussieht – inklusive Mobil-Ansicht über den Geräte-Umschalter. Nutz das kurz, bevor du live gehst: Tippfehler, Bilder, Links.

Live gehen

Klick auf Veröffentlichen. Danach ist die Seite unter deiner BirdBuild-Adresse erreichbar (z. B. deinname.birdbuild.net) – oder unter deiner eigenen Domain, sobald du sie verbunden hast. Jede weitere Änderung wird erst nach erneutem Veröffentlichen sichtbar.

Wieder offline nehmen

Willst du die Seite vorübergehend vom Netz nehmen, klick in der Website-Übersicht auf das grüne „Live“-Badge und bestätige. Besucher sehen dann eine neutrale Platzhalterseite statt deiner Inhalte; dein Entwurf bleibt erhalten.

Deine kostenlose Adresse (Subdomain)

Legst du unter Websites → Neue Website eine Seite an, wählst du in Schritt 2 („Grunddaten“) die Adresse. BirdBuild schlägt sie automatisch aus dem Namen vor: aus „Café Sonnenschein“ wird cafe-sonnenschein.birdbuild.net. Umlaute werden umgeschrieben (ä→ae, ö→oe, ü→ue, ß→ss), erlaubt sind nur Kleinbuchstaben, Zahlen und Bindestriche, höchstens 40 Zeichen. Ist die Wunschadresse schon vergeben, hängt das System automatisch eine Zahl an, etwa -2.

Diese Subdomain ist danach fest. In den Einstellungen siehst du sie unter „Adresse (Subdomain)“, ändern lässt sie sich dort nicht mehr – für eine andere Wunschadresse verbindest du eine eigene Domain. Ein paar Namen sind reserviert, zum Beispiel www, api, app, admin und mail. Das Zertifikat für https:// wird schon beim Erstellen angestoßen, damit beim ersten Aufruf keine „Verbindung nicht privat“-Warnung erscheint.

Eigene Domain verbinden

Hast du eine eigene Domain gekauft, geh auf Studio → Websites, öffne die Website und klick auf Einstellungen. Scroll zur Karte „Eigene Domain verbinden“ (Globus-Symbol) und trag im Feld „Deine Domain“ die reine Domain ein – ohne https:// und ohne www, also z. B. meine-firma.at. Die Eingabe speichert sich von selbst.

Danach erscheinen drei DNS-Einträge, die du bei deinem Domain-Anbieter (z. B. GoDaddy, IONOS, world4you) in der DNS-Verwaltung anlegst:

• TXT auf _birdbuild-verify mit dem Wert birdbuild-verify=<dein-Token> – der Eigentümer-Nachweis. Er beweist, dass die Domain dir gehört.
• A auf @ (Wurzel-Domain) mit dem Wert 185.211.61.24 – leitet Besucher zu uns.
• CNAME auf www mit dem Ziel deine-subdomain.birdbuild.net – leitet www mit.

Jeden Wert kopierst du per Klick, oder oben rechts über „Alle kopieren“. Vorhandene Einträge für @ und www ersetzt du dabei. Als TTL ist 3600 vorgegeben, „Automatisch“ geht auch.

Prüfen und live gehen

Wenn alles beim Anbieter gespeichert ist, klick auf „Verbindung prüfen“. BirdBuild schaut per DNS nach, ob der TXT-Nachweis da ist und die Domain auf uns zeigt. Grün mit „Bestätigt & live“ heißt: fertig, im Domain-Feld steht dann „Verbunden“. „Eigentum bestätigt“ heißt: Nachweis passt, nur das HTTPS-Zertifikat wird noch erstellt – kurz warten und erneut prüfen. „TXT fehlt noch“ oder „Noch nichts gefunden“ heißt meist, dass die DNS-Änderung noch nicht durchgelaufen ist.

Ein Detail zum Verständnis: Deine Domain wird erst öffentlich ausgeliefert, wenn der TXT-Nachweis erbracht ist. Das ist Absicht – so kann niemand eine fremde Domain kapern, nur weil sie auf unseren Server zeigt. Das Zertifikat stellt sich danach automatisch aus.

Erlaubt dein Anbieter keinen A-Eintrag auf @, nutz stattdessen ALIAS oder ANAME auf deine-subdomain.birdbuild.net. Der Hinweis steht auch direkt unter den Einträgen.

Wo du den Generator findest

Geh im Studio auf Websites. Jede Website-Kachel hat unter dem Bearbeiten-Knopf einen eigenen Button „Impressum & Datenschutz". Klick ihn an – der Assistent öffnet sich immer für genau diese eine Website und übernimmt ihren Namen sowie die erkannten Funktionen.

Gibt es auf der Seite schon ein Impressum oder eine Datenschutzseite, fragt BirdBuild zuerst kurz nach: neu erstellen, aktualisieren (hast du beim letzten Mal Angaben gespeichert, sind sie vorausgefüllt) oder die Seiten einfach besuchen.

Die sieben Schritte

Links läuft eine Leiste mit allen Schritten mit – dort kannst du auch direkt hin- und herspringen. Der Reihe nach:

• Land – Österreich, Deutschland oder Schweiz. Danach richten sich die Pflichtangaben (z. B. § 5 ECG und § 25 MedienG in AT, § 5 DDG in DE, das UWG in der Schweiz). Standard ist Österreich.
• Betreiber – wer die Seite betreibt: Privatperson, Einzelunternehmen/Gewerbe, GmbH, OG/KG, Verein oder freiberuflich/reglementiert. Je nach Wahl blendet der nächste Schritt die passenden Felder ein (etwa Firmenbuchnummer, ZVR-Zahl beim Verein oder Berufsbezeichnung beim freien Beruf).
• Kontaktdaten – hier stehen die Pflichtfelder: Name/Firma, Straße, PLZ, Ort und E-Mail. In Österreich reicht die E-Mail allein nicht, deshalb brauchst du zusätzlich Telefon oder ein Kontaktformular. Fehlt etwas, markiert BirdBuild die Felder rot und lässt dich erst weiter, wenn alles ausgefüllt ist. Hast du im Formulare-Bereich schon ein Kontaktformular, kannst du es hier als Chip direkt auswählen – die URL wird dann automatisch eingesetzt.
• Tätigkeit – Branche bzw. Unternehmensgegenstand und die Art deiner Inhalte. Hast du einen Blog oder Ratgeber, schalte „Redaktionelle Inhalte" ein: In AT ergänzt das die große Offenlegung nach § 25 MedienG samt Blattlinie, in DE einen Verantwortlichen nach § 18 Abs. 2 MStV.
• Funktionen – das Herzstück. Was BirdBuild auf deiner Seite gefunden hat, ist schon angehakt (Kontaktformular, Newsletter, Karte, Video, Shop, Analyse und so weiter). Prüf die Vorauswahl und hak nach, was du zusätzlich per Code/Embed eingebaut hast. Über das kleine i neben jedem Punkt liest du in einem Satz, was er bedeutet und warum er datenschutzrelevant ist. Ein Tipp aus der Liste: Google Fonts nur ankreuzen, wenn die Schriften wirklich von Google geladen werden – bindest du sie lokal ein, entfällt der Punkt.
• Datenschutz – meist musst du hier nichts tun. Verantwortlicher im Sinne der DSGVO sind automatisch deine Impressums-Kontaktdaten. Nur wenn du tatsächlich eine Datenschutzbeauftragte oder einen Datenschutzbeauftragten benannt hast, trägst du das ein.
• Ergebnis – die fertigen Texte.

Was hinter der Funktions-Auswahl steckt

Für jede angehakte Funktion baut der Generator den passenden Abschnitt in die Datenschutzerklärung – mit Rechtsgrundlage, Zweck und, wo nötig, dem Hinweis auf eine Datenübermittlung in die USA. Ein Shop erzeugt zum Beispiel den Abschnitt zur Bestellabwicklung inklusive Aufbewahrungsfrist (in AT sieben Jahre, in DE bis zu zehn). Werden externe Dienste geladen, kommt automatisch der Hinweis auf den Cookie-Banner dazu. Beim Cookie-Recht nutzt der Text die aktuell richtige Grundlage: § 165 TKG 2021 in Österreich, § 25 TDDDG in Deutschland.

Vorschau, Kopieren, Einfügen

Im letzten Schritt siehst du beide Dokumente über zwei Reiter (Impressum / Datenschutzerklärung). Du kannst sie als HTML kopieren oder Als Text kopieren – praktisch, wenn du sie woanders brauchst.

Für die direkte Übernahme setzt zuerst das Bestätigungshäkchen (du bestätigst damit, den rechtlichen Hinweis gelesen zu haben). Dann wählst du je Dokument, wohin es soll: „Neue Seite anlegen" legt automatisch /impressum bzw. /datenschutz an, oder du ordnest eine vorhandene Seite zu. Ein Klick auf „Auf [Website] einfügen" schreibt den Text ganz unten über den Footer, im Design deiner Website, und veröffentlicht die Seite direkt. Danach kommt ein kurzes Erfolgs-Popup mit Link zur Live-Seite.

Fügst du die Texte später erneut ein, werden die bestehenden Rechtsseiten aktualisiert statt verdoppelt – der übrige Seiteninhalt bleibt erhalten.

Die Übersicht

Öffne Studio → Websites. Du siehst alle Websites des gerade aktiven Projekts als Kacheln. Jede Kachel zeigt oben das Logo (oder ein Globus-Symbol, wenn noch keins gesetzt ist), links den Typ (Website, Landingpage, Online-Shop oder Funnel) und rechts oben den Status: ein grünes Live oder ein oranges Entwurf. Darunter stehen der Name, die Adresse wie cafe-sonne.birdbuild.net und das Erstelldatum.

Hast du in einem Projekt mehrere Typen, blendet sich oben eine Filterleiste ein (Alle · Website · Landingpage · Online-Shop · Funnel) mit einem Zähler je Typ. Ein Klick auf Bearbeiten springt direkt in den Builder. Über das Drei-Punkte-Menü daneben erreichst du Website aufrufen, Einstellungen, Umbenennen, Duplizieren und Löschen. Ein Klick auf die Adresse öffnet die Live-Seite in einem neuen Tab.

Eine neue Website erstellen

Klick oben rechts auf Neue Website oder auf die gestrichelte Kachel Neue Website erstellen. Der Assistent hat zwei Schritte.

Schritt 1 – Typ. Wähle, was du bauen willst. Jede Kachel zeigt dir vorab, welche Abschnitte die Startseite bekommt:

• Website – mehrseitig, für Unternehmen, Vereine, Portfolios (Hero, 3 Vorteile, Über uns, Kontakt-CTA).
• Landingpage – eine fokussierte Seite für eine Aktion oder Kampagne.
• Online-Shop – verkaufen mit Warenkorb und Checkout, verknüpft mit dem Shop-Bereich.
• Funnel – mehrstufige Strecke aus Opt-in, Angebot und Danke-Seite.

Schritt 2 – Grunddaten. Trage den Website-Namen ein (z. B. „Café Sonnenschein"). Die Adresse darunter füllt sich automatisch als Subdomain, du kannst sie aber frei überschreiben – erlaubt sind Kleinbuchstaben, Zahlen und Bindestriche. Wähle die Sprache (Deutsch, English, Français, Italiano). Optional gibst du eine Branche an (z. B. „Gastronomie") – das personalisiert die Texte deiner Startseite. Und du kannst gleich ein Logo aus dem Medienbereich wählen; es landet direkt im Seiten-Header (Logo links, Navigation und Button rechts). Ein Kasten „Das erstellen wir für dich" fasst alles zusammen. Klick auf Website erstellen – BirdBuild legt die Startseite an und öffnet sie im Builder.

Live schalten und wieder offline nehmen

Eine neue Website ist zunächst ein Entwurf: nur du siehst sie im Builder, öffentlich ist noch nichts. Um sie zu veröffentlichen, öffne sie im Builder und klick oben auf Veröffentlichen. Damit gehen alle Seiten gemeinsam live und sind unter deinname.birdbuild.net erreichbar. Das HTTPS-Zertifikat erstellt BirdBuild dabei selbst.

Zum Offline-Nehmen gibt es zwei Wege. Auf der Übersichts-Kachel wird der grüne Live-Punkt beim Draufzeigen zu Offline nehmen – ein Klick, kurze Rückfrage, fertig. Oder in den Einstellungen unter Gefahrenzone → Veröffentlichung zurückziehen. In beiden Fällen gilt: Deine Inhalte bleiben vollständig erhalten, nur die öffentliche Seite verschwindet. Du kannst jederzeit wieder auf Veröffentlichen gehen.

Einstellungen je Website

Über das Menü einer Kachel → Einstellungen (oder im Builder oben) landest du bei den Website-Einstellungen. Dort findest du:

• Allgemein – Name ändern; die feste Subdomain und der Typ werden angezeigt.
• Marken-Design – Standard-Schriftart, Markenfarbe, Textfarbe, Seiten-Hintergrund sowie Button-Stil und Eckenradius für die ganze Website. Einzelne Module dürfen das überschreiben. Änderungen werden automatisch gespeichert.
• Logo & Favicon – das Logo für Karte und Header, das Favicon fürs Browser-Tab.
• SEO & Teilen – Meta-Titel, Meta-Beschreibung und das Vorschaubild, das beim Teilen (z. B. WhatsApp, Facebook) erscheint.
• Menüs – Navigationsmenüs mit Dropdowns und externen Links anlegen.

Eigene Domain verbinden

In den Einstellungen unter Eigene Domain verbinden hinterlegst du deine Wunschadresse (z. B. meine-firma.at) – nur die reine Domain, ohne https:// und ohne www. Sobald du sie einträgst, erscheinen darunter die genauen DNS-Einträge zum Kopieren.

Melde dich bei deinem Domain-Anbieter an, öffne die DNS-Verwaltung und lege drei Einträge an: einen TXT-Eintrag (_birdbuild-verify) als Eigentümer-Nachweis, einen A-Eintrag für die Wurzel-Domain (@) sowie einen CNAME für www. Jeder Wert lässt sich per Klick kopieren, oder nimm gleich Alle kopieren. Danach klickst du auf Verbindung prüfen. Sobald der TXT-Eintrag gefunden ist und die A/CNAME-Einträge greifen, schaltet BirdBuild auf Verbunden und stellt das HTTPS-Zertifikat automatisch aus – du installierst nichts. DNS-Änderungen brauchen je nach Anbieter ein paar Minuten bis zu 24 Stunden.

Kopfzeile (Header) hinzufügen

Öffne deine Website im Builder. Ganz oben im Canvas – über der ersten Sektion – siehst du den Knopf Header hinzufügen mit dem Zusatz „erscheint auf allen Seiten". Ein Klick öffnet die Vorlagen-Auswahl. Du hast elf fertige Layouts zur Wahl, vom Klassiker Standard (Logo links, Navigation und Button rechts) über Zentriert, Minimal und Dunkel bis zu SaaS (Login-Link plus Test-Button) und dem Marken-Verlauf in deiner Teal-Farbe. Wenn du lieber bei null anfängst, wähl Leerer Header.

Der Header ist kein starrer Block: Er ist eine Sektion aus normalen Elementen. Das Logo ist eine Überschrift oder ein Bild, die Navigation ein Menü-Element, der Button ein Button. Alles bleibt einzeln anpassbar.

Header-Elemente bearbeiten

Klick im Canvas direkt auf das Element, das du ändern willst – auf das Logo, das Menü oder den Button. Es öffnet sich ein kleines lila Fenster, angedockt unter dem Header, mit genau den Optionen dieses Elements:

• Logo / Marke: zwischen Logo-Bild, Text oder „Keins" umschalten, Bild-Breite setzen, optional einen Link hinterlegen (meist „/" zur Startseite).
• Navigation: Quelle wählen (dazu unten mehr), Ausrichtung links/mittig/rechts, Abstand zwischen den Punkten, Schriftgröße, -stärke und -art.
• Button: einen oder mehrere Buttons mit Beschriftung und Ziel-Link.

Für die Leiste als Ganzes klickst du auf Header-Optionen (das Zahnrad-Fenster). Dort stellst du ein: Stil / Vorlage wählen (eine andere Vorlage übernehmen), Beim Scrollen – Fixiert lässt den Header beim Scrollen oben kleben, Statisch scrollt ihn mit weg –, die Höhe / den Innenabstand und den Hintergrund (oder bei Verlaufs-Vorlagen bleibt der Verlauf).

Fußzeile (Footer) hinzufügen

Scroll im Builder ganz nach unten. Unter der letzten Sektion findest du Fußzeile hinzufügen. Der Picker bietet sechs Vorlagen: Vier Spalten (Marke, Menü, Rechtliches, Kontakt – mit Copyright-Leiste), dieselbe Variante in Dunkel, Zentriert, Minimal, Marken-Verlauf und Mit Newsletter (Anmelde-Feld plus Links). Dazu Leere Fußzeile. Die Fußzeile landet immer als letzte Sektion und erscheint unten auf jeder Seite. Bearbeitet wird sie wie jede Sektion – du klickst die Spalten, Menüs und Texte einzeln an. Die Vorlage wechselst du über den kleinen Knopf Fußzeile · Vorlage an der Fußzeilen-Kennzeichnung.

Menüs anlegen und pflegen

Die Navigationspunkte pflegst du nicht direkt im Header-Element, sondern zentral im Menü-Bereich: Website-Einstellungen → Menüs (Adresse /studio/websites/…/menus). Aus dem Navigations-Fenster im Builder kommst du über Menüs verwalten / erstellen mit einem Klick dorthin – der Builder bleibt in seinem Tab offen.

Links legst du mit Neues Menü ein Menü an (etwa „Hauptmenü"). Rechts baust du die Einträge. Pro Eintrag setzt du eine Beschriftung (z. B. „Über uns"), einen Ziel-Typ – Seite (dann wählst du eine deiner Unterseiten aus der Liste) oder Externer Link (dann trägst du eine komplette Adresse wie https://… ein). Neue Einträge kommen über Eintrag hinzufügen dazu.

Sortieren und verschachteln: Zieh einen Eintrag am Griff nach oben oder unten, um die Reihenfolge zu ändern. Ziehst du einen Eintrag auf einen anderen, wird er zu dessen Unterpunkt – so entstehen Untermenüs. Alternativ nutzt du bei jedem Eintrag Unterpunkt hinzufügen oder die Pfeil-Knöpfe. Es sind bis zu drei Ebenen möglich (Punkt → Unterpunkt → Unter-Unterpunkt); tiefer geht bewusst nicht, weil die Menüleiste nur drei Ebenen darstellt. Alle Änderungen speichern sich automatisch – unten steht „Gespeichert ✓".

Menü mit dem Header verbinden

Zurück im Builder: Klick auf das Menü im Header, dann bei Quelle auf Menü wählen und dein Menü (z. B. „Hauptmenü") aus der Liste. Ab jetzt zeigt der Header dieses Menü inklusiver aller Untermenüs; neue Punkte pflegst du nur noch im Menü-Bereich. Willst du stattdessen feste Links direkt am Element, wähl Eigene Links und trag Beschriftung plus Ziel je Zeile ein. In der Fußzeile stellst du ein Menü meist auf Ausrichtung Vertikal, damit die Punkte untereinander stehen; im Header bleibt es horizontal, und Untermenüs klappen beim Überfahren auf.

Header oder Fußzeile auf einer Seite ausblenden

Manchmal soll eine Landingpage ohne Kopf- oder Fußzeile auskommen. Öffne die Seiten-Einstellungen (Zahnrad neben der Seite) und setz das Häkchen bei Header auf dieser Seite ausblenden bzw. Fußzeile auf dieser Seite ausblenden. Schneller geht es direkt im Header-Optionen-Fenster über den Schalter Auf dieser Seite ausblenden. Alle anderen Seiten behalten Kopf und Fuß.

Wo du landest: das Dashboard

Klickst du oben auf Shop, landest du zuerst auf dem Dashboard unter /studio/shop. Oben stehen vier Kennzahlen: Umsatz der letzten 7 Tage, Anzahl bezahlter Bestellungen, durchschnittlicher Bestellwert und abgebrochene Warenkörbe. Darunter ein kleines Balken-Diagramm mit dem Tagesumsatz der Woche und rechts die Top-Quellen – also die UTM-Quellen, über die Umsatz reinkommt. Solange nichts verkauft wurde, stehen die Zahlen auf null. Das ist normal, kein Fehler.

Rechts oben sitzt der Button Shop-Vorschau. Der führt zu deinen Websites, denn der Shop hat keine eigene öffentliche Seite – deine Produkte erscheinen auf der Website dieses Projekts unter …/shop/<produkt>.

Die Reiter im Überblick

Unter der Überschrift läuft eine Reiter-Leiste. Von links nach rechts: Dashboard, Bestellungen, Produkte, Kategorien, Inventar, Abonnements, Rabatte, Bewertungen, Benachrichtigungen und Einstellungen. Jeder Reiter ist ein eigener kleiner Arbeitsbereich.

Der typische Ablauf: vom leeren Shop zum ersten Verkauf

1. Einstellungen zuerst. Geh auf Einstellungen und arbeite dich links durch die Abschnitte. Unter Allgemein stellst du Währung (Standard Euro), Einheiten und den Bestellprozess ein – „In den Warenkorb“ oder „Direkt zur Kasse“. Unter Steuern setzt du deinen Standard-Steuersatz (z. B. 20 %) und legst fest, ob Preise ihn schon enthalten. Wichtig ist Zahlungen: Hier verbindest du echte Anbieter – Stripe, Klarna und PayPal. Ohne mindestens einen verbundenen Anbieter kann niemand bei dir bezahlen.
2. Produkte anlegen. Reiter Produkte, dann oben rechts auf Produkt anlegen. Zuerst wählst du die Art: physisch (wird versendet), digital (Download), Dienstleistung oder Mitgliedschaft. Danach füllst du Name und Beschreibung aus und lädst Bilder – das erste ist automatisch das Titelbild. Bilder kommen immer aus dem Medienbereich, nicht per PC-Dialog. Dann Preis, optional ein Streichpreis („Im Angebot“), bei Bedarf SKU und Lagerbestand sowie Varianten (z. B. Größe, Farbe). Unten kannst du den SEO-Link (Slug) und die Sichtbarkeit anpassen. Oben rechts Speichern, fertig.
3. Sortieren mit Kategorien. Im Reiter Kategorien gruppierst du Produkte – entweder manuell als Sammlung oder automatisch über Bedingungen. Unterkategorien sind möglich, sie werden eingerückt dargestellt.
4. Verkaufen und liefern. Kauft jemand, taucht die Bestellung im Reiter Bestellungen auf. Zahlungs- und Versandstatus sind getrennt: eine Bestellung kann „Bezahlt“, aber noch „Nicht versandt“ sein. Du filterst nach Offen, Nicht bezahlt, Nicht versandt oder Archiviert, markierst Positionen als versandt, erstattest, stornierst oder exportierst alles als CSV. Du kannst auch von Hand eine Bestellung erfassen.

Die weiteren Reiter

Inventar zeigt alle Produkte mit Beständen in einer Tabelle – praktisch, wenn du Mengen schnell nachpflegen willst. Abonnements füllt sich, sobald du ein Produkt vom Typ Mitgliedschaft als Abo verkaufst; dort siehst du laufende Abos, nächste Abrechnung und Kündigungen. Rabatte sind Gutschein-Codes: prozentual, fester Betrag, Versandrabatt, kostenloser Versand, Mengenrabatt oder Gratis-Zugabe – jeweils mit Gültigkeit, Nutzungslimit und gezielter Anwendung (alle Bestellungen, ab einem Betrag, bestimmte Kategorien oder Produkte). Bewertungen sammelt Kundenrezensionen, die du freigeben, verbergen oder beantworten kannst. Benachrichtigungen ist eine Abkürzung zu den System-Mails.

Zwei Dinge, die oft verwirren

Erstens: Rechnungen erstellt BirdBuild nicht. Die Bestellbestätigung kommt von uns, die eigentliche Rechnung bzw. der Zahlungsbeleg kommt von deinem Zahlungsanbieter (z. B. Stripe). Brauchst du fortlaufende, rechtsverbindliche Rechnungsnummern, verbinde unter Einstellungen → Integrationen eine Buchhaltung wie lexoffice, sevDesk oder DATEV. Zweitens: Der Steuer- und Rechts-Teil ist deine Verantwortung – prüf die Sätze und Texte im Zweifel mit deinem Steuerberater.

Ein Produkt anlegen

Geh auf Shop → Produkte und klick oben rechts auf Produkt anlegen. Zuerst wählst du die Produktart, denn danach richtet sich der ganze Editor:

• Physisches Produkt – wird versendet, mit Gewicht, Maßen und Lager.
• Digitales Produkt – ein Download; der Käufer bekommt nach dem Kauf einen sicheren Link.
• Dienstleistung – mit Dauer und Ort, z. B. Beratung oder ein Termin.
• Mitgliedschaft – Zugang zu einer oder mehreren Mitgliedergruppen, oft als Abo.

Du kannst die Art später jederzeit oben rechts unter Produkt-Typ umstellen. Ein bestehendes Produkt öffnest du, indem du in der Liste einfach auf die Zeile klickst.

Name, Beschreibung und Bilder

Im ersten Feld steht der Name (z. B. „Premium-Paket"). Die Beschreibung ist ein Rich-Text-Editor – du kannst also fett, kursiv, Listen und Überschriften nutzen, nicht nur nackten Text.

Bei Medien klickst du auf die gestrichelte Kachel und wählst deine Bilder aus dem Medienbereich (ein PC-Dateidialog kommt hier bewusst nicht – alles läuft über die Mediathek). Das erste Bild ist automatisch das Titelbild und wird größer angezeigt. Die Reihenfolge änderst du per Ziehen: Kachel anfassen, an die neue Position schieben, loslassen. Bis zu 12 Bilder sind möglich.

Preis festlegen

Trag im Feld Preis (€) deinen Verkaufspreis ein. Willst du einen Streichpreis zeigen, schalte Im Angebot ein und trag darunter den regulären Preis ein – im Shop erscheint er dann durchgestrichen neben dem Aktionspreis. Hast du in der Sidebar auf Abonnement gestellt, kommt zusätzlich die Auswahl Abrechnung (monatlich oder jährlich) dazu.

Varianten – Farbe, Größe, Dauer

Verkaufst du dasselbe Produkt in mehreren Ausführungen? Dann klick in der Karte Varianten auf Varianten hinzufügen. Lege eine Option an (z. B. „Größe") und tipp die Werte einzeln ein, jeweils mit Enter bestätigt (S, M, L). Bis zu drei Optionen sind erlaubt – etwa Farbe, Größe und Material. Aus allen Kombinationen erzeugt BirdBuild automatisch die Varianten-Liste.

Jede Variante kann einen eigenen Preis, eine eigene SKU, ein eigenes Bild und einen eigenen Bestand haben. Lässt du das Preisfeld leer, gilt der Produktpreis. Mit Preis für alle setzt du in einem Rutsch denselben Preis auf jede Variante. Einzelne Varianten kannst du über den kleinen Schalter deaktivieren.

Inventar und Versand

Unter Inventar vergibst du eine SKU (Artikelnummer). Schaltest du Inventar verfolgen ein, erscheint das Bestandsfeld – leer bedeutet unbegrenzt. Sobald Varianten existieren, wird der Bestand nicht mehr hier, sondern je Variante gepflegt.

Bei physischen Produkten gibt es zusätzlich die Karte Versand mit Gewicht (in Gramm) und Maßen (Breite, Höhe, Länge in cm). Ist ein Artikel doch nicht versandpflichtig, schalte einfach „Dieses Produkt muss versendet werden" aus.

Zusätzliche Fragen und Dankeschön-Seite

Brauchst du vom Käufer noch eine Info – eine Gravur, einen Wunschtermin, eine Notiz? Unter Zusätzliche Fragen legst du solche Felder an (Textfeld, mehrzeilig, Auswahl oder Kontrollkästchen) und markierst sie bei Bedarf als Pflicht. In der Karte Dankeschön-Seite kannst du eine eigene URL hinterlegen, auf die der Käufer nach dem Kauf weitergeleitet wird.

Google-Eintrag (SEO)

Ganz unten steuerst du, wie das Produkt bei Google aussieht. Die kleine Vorschau zeigt live, was ein Suchergebnis daraus macht. Du setzt hier den Seitentitel (bis 70 Zeichen), das URL-Handle (das Stück hinter /shop/) und die Meta-Beschreibung – ab 160 Zeichen färbt sich der Zähler zur Warnung. Das URL-Handle wird beim Tippen automatisch aus dem Namen erzeugt; sobald du es selbst anfasst, bleibt deine Eingabe stehen. Das Teilen-Vorschaubild fällt auf dein Shop-Logo zurück, wenn du kein eigenes wählst.

Status setzen und speichern

Rechts oben in der Sidebar schaltest du zwischen Aktiv und Entwurf. Ein Entwurf ist im Shop noch nicht sichtbar. Versteckt ist der Sonderfall dazwischen: per Direktlink kaufbar, aber nicht in den Shop-Listen. In der Karte Organisation vergibst du Kategorien, Tags (mit Vorschlägen aus deinem bisherigen Bestand) und optional eine Marke.

Zum Sichern klickst du oben auf Speichern – oder drückst Strg/Cmd + S. Ohne Namen geht es nicht, das ist das einzige Pflichtfeld. Danach landest du wieder in der Produktliste.

Wo du die Rabatte findest

Geh im Studio auf Shop → Rabatte. Oben steht, wie viele Rabatte es schon gibt, rechts liegt der Button Rabatt erstellen. Solange noch keiner angelegt ist, zeigt die Seite eine leere Fläche mit demselben Button in der Mitte. Wichtig: Jeder Rabatt gehört nur zu dem Projekt, das du gerade offen hast – ein anderes Projekt sieht diese Codes nicht.

Rabatt-Art wählen

Klick auf Rabatt erstellen. Ganz oben im Editor entscheidest du, wie der Rabatt wirkt. Es gibt sechs Kacheln:

• Prozentualer Rabatt – z. B. 10 % auf den Warenkorb.
• Fester Rabatt – ein Euro-Betrag, etwa 10 € Nachlass.
• Versandrabatt – ein fester Betrag auf die Versandkosten, z. B. 4,90 €.
• Kostenloser Versand – die Versandkosten fallen komplett weg. Hier gibst du keinen Wert ein.
• Mengenrabatt – ein Prozentsatz ab einer bestimmten Stückzahl, z. B. 15 % ab 3 Stück.
• Gratis-Zugabe – ein Geschenk ab einem bestimmten Bestellwert.

Je nachdem, was du hier anklickst, blenden sich unten die passenden Felder ein. Bei „Kostenloser Versand“ und „Gratis-Zugabe“ gibt es zum Beispiel kein Prozent- oder Euro-Feld – das wäre dort ja sinnlos.

Details: Name, Code und Wert

Im Block Details vergibst du zuerst zwei Dinge:

• Rabattname – nur intern, damit du den Rabatt in der Liste wiedererkennst, z. B. „Sommer 2026“.
• Rabattcode – das, was Kunden eintippen, z. B. SOMMER10. Der Code wird automatisch groß geschrieben und Leerzeichen fliegen raus. Kein Einfall? Klick auf Zufällig, dann wird ein achtstelliger Code erzeugt (ohne leicht zu verwechselnde Zeichen wie 0 und O).

Darunter kommen die Felder zur gewählten Art: das Prozent- bzw. Euro-Feld, beim Mengenrabatt zusätzlich Ab Menge (Stück). Bei der Gratis-Zugabe wählst du entweder ein Produkt aus deinem Shop als Geschenk (das Textfeld füllt sich dann automatisch) oder du beschreibst die Zugabe frei, plus Ab Bestellwert als Schwelle. Das Feld Erlaubte Verwendungen ist optional – lässt du es leer, gilt der Code unbegrenzt; trägst du z. B. 100 ein, ist nach der 100. Einlösung Schluss.

Gültigkeit festlegen

Im Block Gültigkeit kannst du einen Zeitraum setzen. Gültig ab leer = sofort, Gültig bis leer = kein Ablauf. Trägst du ein Startdatum in der Zukunft ein, gilt der Rabatt in der Liste als „Geplant“, bis der Tag da ist. Beide Felder öffnen einen Kalender – du musst kein Datumsformat von Hand tippen.

Worauf der Rabatt gilt

Im Block Wende Rabatt an auf steuerst du über ein Dropdown, für welche Bestellungen der Code zieht:

• Alle Bestellungen – keine Einschränkung.
• Bestellungen über einem Betrag – du gibst einen Mindestbestellwert an, z. B. 50 €.
• Mitgliedergruppen – nur für bestimmte Kontaktlisten aus deinem CRM.
• Kategorien – nur für ausgewählte Shop-Kategorien.
• Produkte – nur für einzelne Produkte.

Bei den letzten drei erscheint eine Auswahlliste zum Ankreuzen (mit Suchfeld, sobald es viele Einträge gibt). Sind noch keine Kategorien, Produkte oder Listen da, steht dort ein Hinweis statt einer leeren Box.

Aktiv schalten und speichern

Ganz unten liegt der Schalter Rabatt aktiv. Ist er aus, kann der Code nicht eingelöst werden – praktisch, um eine Aktion vorzubereiten oder kurz zu pausieren, ohne sie zu löschen. Zum Schluss klick auf Rabatt erstellen (oder beim Bearbeiten Änderungen speichern). Danach landest du wieder in der Übersicht.

Die Übersicht nutzen

In der Liste steht jeder Rabatt als Karte: Name, der Wert im Klartext (etwa „15 % Rabatt ab 3 Stück“), worauf er gilt und ein farbiger Status – Aktiv, Inaktiv, Geplant, Abgelaufen oder Aufgebraucht. Über den Code-Chip kopierst du den Gutschein mit einem Klick in die Zwischenablage. Das Ablaufdatum lässt sich direkt in der Karte über den Kalender-Chip ändern, ohne den Editor zu öffnen, und ein kleiner Balken zeigt, wie viele der erlaubten Einlösungen schon verbraucht sind. Den Aktiv-Schalter kannst du ebenfalls direkt in der Liste umlegen.

Wo du die Bewertungen findest

Geh im Studio auf Shop und klick oben in der Leiste auf Bewertungen (das Stern-Symbol). Die Seite zeigt alle Bewertungen des aktuell gewählten Projekts. Hast du mehrere Projekte, wechsle vorher oben das Projekt – jede Bewertung gehört fest zu einem Shop.

Ganz oben stehen zwei Kacheln. Links der Durchschnitt (auf eine Nachkommastelle gerundet) mit Gesamtzahl und den beiden Zählern sichtbar und ausstehend. Rechts die Verteilung von 5 bis 1 Stern als Balken. Der Balken ist gleichzeitig ein Filter – dazu gleich mehr.

Filtern und suchen

Unter den Kacheln liegt die Toolbar. Ins Suchfeld tippst du einen Namen, ein Produkt oder ein Stichwort aus dem Text – die Liste filtert sofort mit. Daneben schaltest du mit den Chips zwischen Alle, Sichtbar und Ausstehend um. Willst du nur die Ein-Stern-Bewertungen sehen? Klick in der Verteilungs-Kachel auf die Zeile 1. Ein zweiter Klick auf dieselbe Zeile hebt den Filter wieder auf, alternativ nutzt du das kleine x am Filter-Chip. Suche, Status und Sterne lassen sich frei kombinieren.

Veröffentlichen oder verbergen

Jede Bewertung liegt als Karte in der Liste – mit Avatar, Name, Sternen, Datum und dem Produkt. Ein grünes Badge Verifiziert heißt, dass ein bestätigter Kauf dahintersteht. Rechts auf der Karte findest du drei kleine Buttons:

• Auge / durchgestrichenes Auge – schaltet zwischen sichtbar und verborgen. Ausstehend bedeutet, die Bewertung ist noch nicht öffentlich; klick auf das Auge, um sie freizugeben. Ein Klick auf das durchgestrichene Auge nimmt sie wieder von der Shop-Seite.
• Sprechblase – öffnet das Antwortfeld (siehe unten).
• Papierkorb – löscht die Bewertung. Es kommt vorher eine Rückfrage im BirdBuild-Dialog, damit du nichts aus Versehen entfernst.

Alle drei Aktionen greifen sofort – du musst nichts extra speichern.

Öffentlich antworten

Auf jede Bewertung kannst du eine sichtbare Antwort schreiben. Klick auf die Sprechblase, tipp deinen Text ins Feld Öffentliche Antwort an den Kunden und klick Antwort speichern. Die Antwort erscheint danach direkt unter der Bewertung als abgesetzter Block Deine Antwort. Willst du sie wieder entfernen, öffne das Feld erneut, lösch den Text und speichere leer – dann verschwindet die Antwort. Ein Hinweis zur Länge: sehr lange Antworten werden serverseitig bei 2000 Zeichen gekappt, für ein paar Sätze reicht das locker.

Zum Ausprobieren: Beispieldaten

Wenn noch gar keine Bewertungen da sind, siehst du statt der Liste einen Platzhalter mit dem Button Beispieldaten erstellen. Ein Klick legt dir einen Satz Demo-Bewertungen (und ein paar Demo-Bestellungen) an, damit du die Statistik, Filter und Antworten gleich durchspielen kannst. Das ist nur zum Testen gedacht – vor dem echten Start solltest du die Demo-Einträge wieder löschen.

Ein ehrliches Wort dazu: Kunden können ihre Bewertungen aktuell noch nicht selbst über die Shop-Seite absenden. Was du hier siehst, sind also entweder die Beispieldaten oder Bewertungen, die auf anderem Weg in deinem Shop gelandet sind. Das Anlegen und Moderieren läuft vollständig über diese Seite.

Wo du Abos findest

Geh im Studio auf Shop und klick in der Leiste oben auf Abonnements (das Wallet-Symbol). Solange noch niemand ein Abo abgeschlossen hat, siehst du hier eine leere Ansicht mit dem Knopf Abo-Produkt anlegen. Das ist so gewollt: Die Seite ist die Übersicht für laufende Abos, nicht der Ort, an dem du sie baust. Angelegt wird ein Abo als Produkt.

Ein Abo-Produkt anlegen

Klick auf Abo-Produkt anlegen – oder geh direkt über Shop → Produkte → Produkt hinzufügen. Zuerst wählst du die Produktart. Für ein Abo passt oft Mitgliedschaft (Zugänge, Mitgliedergruppen), aber auch ein digitales oder physisches Produkt lässt sich abonnierbar machen – zum Beispiel eine Box, die jeden Monat rausgeht.

Im Editor findest du rechts in der Sidebar die Karte Produkt-Typ. Direkt darunter steht die Umschaltung Abrechnung mit zwei Knöpfen: Einmalig und Abonnement. Stell das auf Abonnement – das ist der eigentliche Schalter, der aus einem normalen Produkt ein Abo macht. Kommst du über den Knopf auf der Abos-Seite, ist das schon vorausgewählt.

Preis und Abrechnungs-Intervall

Sobald „Abonnement" aktiv ist, erscheint in der Karte Preis ein zweites Feld: Abrechnung mit den Optionen Monatlich oder Jährlich. Der Preis, den du einträgst, ist der Betrag pro Periode. Schreibst du bei einem monatlichen Abo 9,90 rein, zahlt der Kunde 9,90 € im Monat. Ein Jahres-Abo bietest du an, indem du auf „Jährlich" stellst und den Jahrespreis einträgst.

Den Streichpreis-Schalter Im Angebot kannst du auch bei Abos nutzen, wenn du einen höheren Regulärpreis durchgestrichen zeigen willst.

Zugriff und Mitgliedergruppen (bei Mitgliedschaft)

Hast du als Art Mitgliedschaft gewählt, gibt es die Karte Mitgliedschaft. Dort trägst du unter Mitgliedergruppen die Gruppen ein, in die ein Käufer beim Checkout automatisch aufgenommen wird – tipp den Namen und drück Enter, dann steht er als Chip da. Bei Zugriffsdauer legst du fest, wie lange der Zugang gilt: eine Zahl plus Einheit (Tage, Monate, Jahre). Lässt du das Feld leer, ist der Zugriff unbegrenzt, was für ein laufendes Abo meist genau richtig ist.

Rest wie bei jedem Produkt

Alles andere funktioniert wie bei normalen Produkten: Medien (das erste Bild ist das Titelbild, Auswahl läuft über den Medienbereich), Beschreibung, zusätzliche Fragen vor dem Kauf, eine eigene Dankeschön-Seite und der Suchmaschinen-Eintrag mit URL-Handle. Auch Varianten sind möglich. Oben rechts stellst du den Status auf Aktiv (oder Entwurf, solange du noch dran arbeitest) und klickst Speichern – oder Cmd/Strg + S.

So erkennst du Abos wieder

In der Produktliste (Shop → Produkte) steht bei einem Abo in der Typ-Spalte ein Zusatz „· Abo", damit du es auf einen Blick von einmaligen Produkten unterscheidest. Ehrlich gesagt: Die Übersicht der aktiven Kunden-Abos mit Status, nächster Abrechnung und Kündigungen ist die Ausbaustufe, auf die der Bereich hinarbeitet – die eigentliche wiederkehrende Abrechnung hängt an der Zahlungsanbindung (Stripe), die separat eingerichtet wird. Das Anlegen und Verkaufen des Abo-Produkts selbst kannst du aber jetzt schon vollständig einrichten.

So findest du dich zurecht

Geh auf Shop → Einstellungen. Links steht eine Navigation mit neun Bereichen: Details zum Shop, Allgemein, Steuern, Versand & Lieferung, Zahlungen, Checkout, Richtlinien, Integrationen und E-Mails. Du klickst dich einfach durch. Sobald du etwas änderst, taucht unten eine Leiste „Ungespeicherte Änderungen" mit einem Speichern-Button auf – erst ein Klick darauf schreibt die Werte fest. Eine Ausnahme: Der Bereich Zahlungen speichert sofort, weil dort echte Anbieter-Verbindungen laufen. Vertippt? Cmd/Strg+Z macht Schritte rückgängig, Umschalt+Z wieder her.

Details zum Shop

Ganz oben trägst du die E-Mail für Auftragsbenachrichtigungen ein – dorthin geht bei jeder neuen Bestellung eine Info. Mehrere Adressen trennst du mit Komma. Darunter kommen die Firmendaten (Name, UID, Adresse, Telefon). Die erscheinen in den Bestell-Mails an deine Kunden, also halt sie sauber. UID- und PLZ-Feld prüfen je nach Land (AT/DE/CH) das Format gleich mit.

Allgemein: Währung, Einheiten, Prozess

Hier wählst du die Währung (Euro, Franken, Dollar, Pfund), das Zeichen und ob es vor oder nach dem Betrag steht (€19,91 oder 19,91€). Dann Gewicht (kg/g) und Maße (mm bis Zoll) für Produktgewichte und Versandberechnung. Unter Bestellprozess legst du fest, ob Kunden erst „In den Warenkorb" gehen oder „Direkt zur Kasse". Du kannst außerdem die nächste Rechnungsnummer setzen und eine Lagerwarnung aktivieren – dann bekommst du Bescheid, sobald ein Produkt unter einen Schwellenwert (z. B. 5 Stück) fällt.

Steuern

Der Schalter „Alle Steuern in Produktpreis einschließen" entscheidet über Brutto (an = B2C) oder Netto (aus = B2B). Darunter setzt du den Standard-Steuersatz, z. B. 20 %. Brauchst du länderspezifische Sätze, klick „Land / Steuer hinzufügen": Pro Regel wählst du Land, Name (MwSt., GST …), Prozent oder festen Betrag, worauf sie greift (alle / nur physische / nur digitale Produkte), ob sie auch auf den Versand kommt und ob Geschäftskunden mit UID befreit werden.

Versand & Lieferung

Versand läuft über Zonen. Klick „Versandzone hinzufügen", gib ihr einen Namen und die Länder (z. B. AT, DE, CH; leer = alle übrigen). In jede Zone packst du mit „Versandmethode hinzufügen" beliebig viele Methoden – je mit Preis, optionalem „Gratis ab"-Betrag und Lieferzeit von–bis in Tagen. Jede Methode lässt sich einzeln per Schalter deaktivieren. Darunter kannst du Selbstabholung anbieten (kostenlos, mit Bezeichnung und Abhol-Adresse) und eine Gratis-Versand-Erinnerung einschalten, die im Warenkorb anzeigt, wie viel bis zum kostenlosen Versand fehlt.

Zahlungen

Verbinde die Anbieter, über die deine Kunden zahlen: Stripe (empfohlen, für Karte/Apple Pay/Google Pay), Klarna (Kauf auf Rechnung und Raten) und PayPal. Klick „Verbinden", trag die Zugangsdaten ein und speichere. Wichtig: Dein Secret-Key wird verschlüsselt serverseitig abgelegt und nie wieder angezeigt. Bei Stripe kannst du zwischen Test und Live umschalten und mit „Verbindung testen" prüfen, ob die Daten stimmen. Beachte: Die eigentliche Rechnung erstellt dein Zahlungsanbieter, nicht BirdBuild – für fortlaufende Rechnungsnummern verbindest du zusätzlich eine Buchhaltungs-Integration.

Checkout & Richtlinien

Im Bereich Checkout stellst du ein, ob Gastbestellungen erlaubt sind, ob die Telefonnummer Pflicht ist und ob Kunden eine Bestellnotiz schreiben dürfen. Dazu ein optionaler Mindestbestellwert und ein Link zu deiner AGB-Seite. Die Textfelder für Datenschutz, Widerrufsbelehrung und AGB erscheinen in der Fußzeile der Checkout-Seite. Der Bereich Richtlinien regelt Rückgabe und Storno: Rückgabefrist (z. B. 30 Tage), wer die Rücksendung zahlt, eine mögliche Wiedereinlagerungsgebühr und ein Stornofenster in Stunden. Darunter pflegst du die schriftlichen Rechtstexte (Impressum, Datenschutz, AGB …) – entweder als Text oder als Link auf eine Seite, die du mit dem Rechtstexte-Generator erstellt hast.

Integrationen & E-Mails

Unter Integrationen verknüpfst du Versanddienste (DHL, Sendcloud, Shippo), Buchhaltung (lexoffice, sevDesk, DATEV) und Tracking (Google Analytics, Meta Pixel) – jeweils per „Verbinden" und Eingabe der Konto-ID bzw. des Schlüssels. Im Bereich E-Mails legst du Absendername und -adresse fest; der Versand läuft immer zuverlässig über BirdBuild – du musst keinen eigenen Server einrichten. Ganz unten schaltest du die automatischen Mails an oder aus – Bestellbestätigung an den Kunden, Kopie an dich, Versandbestätigung sowie Storno & Erstattung.

Wo du die Zahlungen findest

Geh im Studio auf Shop → Einstellungen und klick in der linken Unter-Navigation auf Zahlungen. Oben siehst du die Anbieter-Karten, darunter einen Hinweis-Kasten zu Rechnungen und Belegen. An der Navigation klebt eine kleine Zahl, sobald mindestens ein Anbieter verbunden ist – so siehst du auf einen Blick, ob dein Shop schon abkassieren kann.

Die drei Anbieter

Es stehen genau drei Anbieter bereit – bewusst schlank gehalten. Stripe ist als Empfohlen markiert und liegt oben; Klarna und PayPal folgen darunter. Zum Verbinden klickst du auf der jeweiligen Karte auf Verbinden – es öffnet sich ein Dialog, der genau die Zugangsdaten abfragt, die dieser Anbieter braucht:

• Stripe: Publishable Key (pk_live_…) und Secret Key (sk_live_…), beide im Stripe-Dashboard unter Entwickler → API-Schlüssel. Deckt Kredit-/Debitkarte, Apple Pay und Google Pay ab.
• Klarna: API-Username (UID) und API-Passwort – Kauf auf Rechnung und Ratenzahlung, im DACH-Raum beliebt.
• PayPal: Client-ID und Secret aus deiner PayPal-App.

Test- oder Live-Modus

Bei Stripe und PayPal gibt es oben im Dialog einen Umschalter Modus mit Test und Live. Im Testmodus fließt kein echtes Geld – ideal, um den Checkout einmal durchzuspielen. Am verbundenen Anbieter zeigt ein Badge („Test“ gelb, „Live“ grün) jederzeit an, in welchem Modus er läuft. Der Secret-Key wird nur einmal abgeschickt; danach siehst du nur noch die letzten vier Zeichen (z. B. ••••a1b2).

Verbindung testen

Auf jeder verbundenen Karte findest du Verbindung testen. Der Button ruft die API des Anbieters mit deinem gespeicherten Secret wirklich auf: Passt der Schlüssel, siehst du „Verifiziert“; ist er falsch, meldet sich der Anbieter mit einer Fehlermeldung. So weißt du sicher, dass der Checkout funktioniert, bevor die erste echte Bestellung kommt.

Bearbeiten oder trennen

Ist ein Anbieter verbunden, hast du die Buttons Bearbeiten (Dialog erneut öffnen – lass das Secret-Feld leer, um das gespeicherte zu behalten) und Trennen (löscht die Verbindung inklusive Secret sofort und komplett).

Rechnungen und Belege

Wichtig: BirdBuild stellt die Rechnung selbst aus und legt sie der Bestellbestätigung bei – mit fortlaufender Nummer und deinen Firmendaten, rechtlich passend für Österreich, Deutschland oder die Schweiz (inkl. Reverse-Charge- bzw. Kleinunternehmer-Hinweis, wenn zutreffend). Farbe und Logo der Rechnung stellst du in den Shop-Einstellungen ein. Für Steuersätze und die rechtliche Korrektheit bist du selbst verantwortlich – im Zweifel kurz mit dem Steuerberater abklären.

Wo du das Inventar findest

Öffne Studio → Shop und klick in der Shop-Navigation auf Inventar (Box-Symbol). Die Tabelle zeigt eine Zeile pro Artikel: Produkte ohne Varianten stehen einmal drin, Produkte mit Varianten bekommen je Variante eine eigene Zeile – also z. B. „T-Shirt / Blau / L" separat von „T-Shirt / Blau / M". Das Inventar hängt am aktiven Projekt. Wechselst du oben das Projekt, lädt die Tabelle die Bestände des neuen Projekts.

Die Spalten verstehen

Nicht jede Zahl kannst du direkt tippen – manche rechnet BirdBuild aus:

• Auf Lager – der tatsächliche Bestand, den du im Regal hast. Frei editierbar.
• Eingehend – Stück, die du nachbestellt hast und die unterwegs sind. Frei editierbar. Praktisch, wenn du schon weißt, dass Nachschub kommt, aber noch nicht da ist.
• Nicht verfügbar – reservierte oder beschädigte Ware, die zwar im Lager liegt, aber nicht verkauft werden soll. Frei editierbar.
• Verfügbar – wird berechnet: Auf Lager − Nicht verfügbar, nie unter 0. Das ist die Menge, die Kund:innen wirklich kaufen können.
• Zugesagt – Ware aus offenen Bestellungen. Steht aktuell auf 0.
• SKU – die Artikelnummer. Sie legst du im Produkt bzw. in der Variante fest, hier wird sie nur angezeigt.
• Behältername – dein Lagerplatz, z. B. Regal A-3. Standardmäßig ausgeblendet; über Spalten einblendbar.

Zeigt eine Zeile in „Auf Lager" nur einen Strich (—)? Dann ist für dieses Produkt die Bestandsverfolgung noch aus. Sie schaltet sich automatisch ein, sobald du eine Zahl in „Auf Lager" einträgst.

Bestand ändern

Klick einfach in das Zahlenfeld, tipp den neuen Wert und drück Enter oder klick woanders hin. Das war's – die Änderung wird sofort gespeichert, du brauchst keinen Speichern-Knopf. Kommen 24 Stück Nachschub rein? Trag sie unter „Auf Lager" ein und setz „Eingehend" wieder auf 0. Beim Behälternamen tippst du direkt Text ins Feld.

Suchen, sortieren, Spalten wählen

Über das Suchfeld filterst du nach Produktname, SKU oder Variante – tipp z. B. „Blau" und du siehst nur die blauen Varianten. Ein Klick auf eine Spaltenüberschrift sortiert danach; noch ein Klick dreht die Richtung um. Über den Button Spalten blendest du einzelne Spalten aus oder ein (etwa „Behältername" dazu). Deine Auswahl merkt sich der Browser. Ab 50 Zeilen blättert die Tabelle seitenweise mit „Zurück" / „Weiter".

Viele Bestände auf einmal: CSV

Für die Jahresinventur oder eine große Lieferung lohnt sich der Umweg über CSV:

1. Klick auf Exportieren. Du bekommst eine CSV im Shopify-Inventar-Format (mit Excel-tauglicher Kodierung, Umlaute bleiben heil).
2. Trag in der Tabelle die neuen Mengen in die Spalte On hand (new) ein.
3. Klick auf Importieren, dann CSV-Datei wählen und lade die Datei hoch.

Die Zeilen werden über die SKU zugeordnet – jeder Artikel braucht also eine eindeutige SKU, damit er getroffen wird. Übernommen werden „Auf Lager", „Eingehend", „Nicht verfügbar" und „Behälter". Nach dem Import steht da z. B. „14 Bestände aktualisiert · 2 übersprungen". Zeilen ohne passende SKU werden übersprungen (nicht gelöscht), und doppelte SKUs meldet BirdBuild dir, weil dann nur eine davon aktualisiert wird.

Nachbestellung im Blick behalten

BirdBuild kann dich warnen, wenn ein Bestand knapp wird. Geh dafür in Studio → Shop → Einstellungen → Details zum Shop und aktivier in der Karte Lagerbestand die Option „Benachrichtigung bei niedrigem Produktbestand". Setz den Schwellenwert (Standard: 5 Stück). Fällt ein Produkt oder eine Variante darunter, bekommst du Bescheid – dein Signal, nachzubestellen. Die erwartete Nachlieferung trägst du dann als „Eingehend" ein, bis die Ware ankommt.

Wo lege ich Bestand zum ersten Mal an?

Ein Produkt taucht im Inventar erst mit echten Zahlen auf, wenn die Bestandsverfolgung an ist. Das erledigst du entweder direkt hier (Zahl in „Auf Lager" eintragen) oder im Produkt selbst: Öffne das Produkt, schalte Bestand verfolgen ein und trag den Startbestand ein. Ohne Häkchen gilt der Artikel als unbegrenzt verfügbar.

Die Übersicht auf einen Blick

Oben siehst du vier Kennzahlen: Bestellungen (alle nicht stornierten), Netto-Umsatz (bezahlte Bestellungen minus Erstattungen), Ø Bestellwert und Zu versenden. Darunter kommt die Tabelle. Jede Zeile zeigt ein Produktbild mit Mengen-Badge, die Bestellnummer (z. B. #1042), den gekauften Artikel, den Kunden mit E-Mail, das Datum sowie zwei getrennte Badges für Zahlung und Versand. Klick auf eine Zeile, um die Detailansicht zu öffnen.

Warum zwei Status? Weil „bezahlt" und „versandt" zwei verschiedene Dinge sind. Eine Bestellung kann bezahlt, aber noch nicht versandt sein – oder umgekehrt auf Rechnung schon rausgegangen sein. Der Zahlungsstatus reicht von Ausstehend, Autorisiert, Teilw. bezahlt über Bezahlt bis Teilw. erstattet und Erstattet. Beim Versand gibt es Nicht versandt, Teilweise, Zurückgehalten und Versandt.

Filtern und Suchen

Über der Tabelle liegen fünf Reiter: Offen (Standard), Nicht bezahlt, Nicht versandt, Archiviert und Alle. Die Zahl neben jedem Reiter sagt dir sofort, wie viele Bestellungen dort liegen. Willst du morgens sehen, was raus muss, klick auf „Nicht versandt".

Rechts daneben gibt es das Suchfeld – es durchsucht Bestellnummer, Kundenname, E-Mail und Tags gleichzeitig. Zwei Dropdowns erlauben zusätzlich, gezielt nach einem Zahlungs- oder Versandstatus zu filtern (etwa nur „Teilw. erstattet"). Filter und Reiter greifen zusammen.

Detailansicht öffnen und bearbeiten

Ein Klick auf eine Zeile öffnet den Detail-Bereich von rechts. Ganz oben steht die Bestellnummer mit beiden Status-Badges. Darunter drei Karten:

• Versand: alle Positionen mit Bild, Menge, Einzelpreis und SKU. Der Button Als versandt markiert die ganze Bestellung als verschickt (und schickt dem Kunden eine Versandbestätigung). Schon versandt? Dann heißt der Button Zurücknehmen.
• Bezahlung: Zwischensumme, Versand, ggf. Steuer und Gesamt. Mit Als bezahlt setzt du den Zahlungseingang. Über Erstatten öffnet sich ein Eingabefeld – der volle Restbetrag ist vorausgefüllt, du kannst ihn aber überschreiben und so auch nur einen Teil erstatten.
• Verlauf: die Timeline mit jedem Ereignis (eingegangen, bezahlt, versandt, erstattet …). Ins Feld oben tippst du einen Kommentar und drückst Enter – nützlich für Absprachen mit Kunden oder interne Vermerke.

Weiter unten findest du die Kundendaten (inkl. Anzahl bisheriger Bestellungen), Liefer- und Rechnungsadresse, die Konversionsquelle plus Zahlart, ein Feld für Tags (einfach tippen und Enter) und eine interne Notiz, die nur du siehst.

Stornieren, archivieren, drucken

Oben rechts im Detail-Bereich sitzt das Mehr-Menü (drei Punkte). Darüber druckst du eine Rechnung (öffnet ein sauberes Druck-Layout), archivierst die Bestellung (verschwindet aus „Offen", der Kunde bekommt eine Abschluss-Bestätigung), stornierst sie (Kunde erhält eine Stornobestätigung) oder löschst sie endgültig. Storno und Archiv lassen sich jederzeit wieder aufheben.

Mehrere auf einmal & Export

Setz links in den Zeilen die Häkchen (oder das Häkchen im Tabellenkopf für alle sichtbaren). Es erscheint eine Leiste, mit der du die Auswahl in einem Rutsch als bezahlt, als versandt, archivierst oder löschst. Über den Export-Button oben lädst du die aktuell gefilterte Liste als CSV herunter – mit Bestellnummer, Datum, Kunde, Status, Zahlart, Positionen und Summe.

Bestellung von Hand erfassen

Verkaufst du telefonisch oder auf einem Markt? Klick oben rechts auf Bestellung erstellen. Du gibst Kunde, E-Mail, Telefon und Lieferadresse ein, suchst deine Produkte im Feld „Produkt suchen & hinzufügen", passt Mengen an und setzt Versandkosten. Der Schalter Als bezahlt markieren spart dir den zweiten Klick, wenn schon kassiert wurde. Kundenname und mindestens eine Position sind Pflicht.

Kategorie anlegen

Geh auf Studio → Shop → Kategorien und klick auf „Neue Kategorie". Du gibst einen Namen ein (z. B. „Kaffee"), optional eine kurze Beschreibung und ein Bild. Die URL (Slug) darunter wird automatisch aus dem Namen gebildet (/kaffee), lässt sich aber überschreiben – nutz Kleinbuchstaben, Zahlen und Bindestriche.

Unterkategorien

Willst du feiner sortieren, wähl beim Anlegen unter „Übergeordnete Kategorie" eine bestehende Kategorie aus – die neue liegt dann als Unterkategorie darunter (z. B. „Espresso" unter „Kaffee"). So entsteht eine zweistufige Struktur, die deine Shop-Navigation übernimmt.

Produkte zuordnen

Ein Produkt weist du entweder direkt im Produkt-Editor (Feld „Kategorie") einer Kategorie zu, oder du legst die Kategorie zuerst an und ordnest die Produkte danach zu. Ein Produkt kann in genau einer Kategorie (plus deren Oberkategorie) liegen.

Reihenfolge & Sichtbarkeit

In der Kategorien-Übersicht siehst du alle Kategorien mit Produktanzahl. Leere Kategorien blendet der Shop automatisch aus, bis das erste Produkt drin liegt.

Was der Bereich kann

Termine besteht aus fünf Tabs, die du oben findest: Termine (deine Agenda), Events (Workshops, Webinare mit Anmeldung), Services (deine buchbaren Leistungen), Mitarbeiter und Einstellungen. Die Reihenfolge beim Einrichten ist andersherum als die Tab-Leiste: Erst eine Leistung anlegen, dann Öffnungszeiten prüfen, danach kommen die Buchungen. Ohne mindestens eine aktive Leistung ist der Button „Termin buchen" ausgegraut – das ist Absicht, denn ein Termin braucht immer eine Dauer und einen Preis.

Schritt 1: Leistung anlegen

Geh auf den Tab Services und klick Leistung anlegen. Rechts öffnet sich ein Panel. Trag einen Namen ein (etwa „Beratungsgespräch" oder „Haarschnitt"), die Dauer in Minuten und optional einen Preis. Steht der Preis auf 0, zeigt BirdBuild „Kostenlos" an. Über Farbe gibst du der Leistung einen Farbstreifen, an dem du sie später in der Agenda schnell erkennst. Der Schalter Buchbar / aktiv steuert, ob die Leistung online angeboten wird – deaktivierte Leistungen bleiben erhalten, tauchen aber nicht mehr im Buchungsformular auf.

Schritt 2: Mitarbeiter (optional)

Unter Mitarbeiter legst du die Personen an, denen Termine zugeordnet werden – oder du nutzt es für Ressourcen wie „Behandlungsraum 1". Name reicht; Funktion und E-Mail sind freiwillig. Brauchst du keine Zuordnung, kannst du diesen Schritt einfach überspringen, dann laufen alle Termine ohne Mitarbeiter.

Schritt 3: Öffnungszeiten & Buchungsregeln

Im Tab Einstellungen stellst du unter Öffnungszeiten pro Wochentag ein, ob und wann gebucht werden kann. Jeder Tag hat einen Umschalter und zwei Zeitfelder (von–bis). Standard ist Mo–Fr 09:00–17:00, Wochenende geschlossen. Darunter unter Buchungsregeln findest du drei Stellschrauben: das Zeitraster (in welchem Abstand Startzeiten angeboten werden, z. B. alle 30 Minuten), den Puffer zwischen Terminen (Pausenzeit, die vor und nach jeder Buchung freigehalten wird) und die Zeitzone (voreingestellt Wien). Nicht vergessen: unten rechts auf Speichern klicken, sonst greifen die Änderungen nicht.

Schritt 4: Termine sehen und verwalten

Der Tab Termine ist deine Agenda. Buchungen sind nach Tag gruppiert, mit Uhrzeit, Kundenname, Leistung und – falls gesetzt – Mitarbeiter. Oben filterst du über die Status-Tabs (Alle, Angefragt, Bestätigt, Erledigt, Storniert) oder über die Datumsauswahl auf einen bestimmten Tag. Über das Drei-Punkte-Menü rechts an jedem Eintrag setzt du den Status: Bestätigen, Als erledigt markieren, Stornieren oder Wieder anfragen. Stornierte Termine blockieren keine Zeit mehr und geben den Slot wieder frei.

Termin selbst eintragen

Kommt eine Buchung telefonisch rein, klick auf Termin buchen. Wähle Leistung, optional Mitarbeiter, Datum & Uhrzeit und trag die Kundendaten ein. Das Ende musst du nicht angeben – es ergibt sich automatisch aus der Dauer der Leistung. Speichern, fertig.

Buchungen von der Website

Der eigentliche Sinn: Besucher deiner Website buchen selbst. Dafür setzt du im Builder das Element Buchung auf eine Seite. Es zieht deine aktiven Leistungen und freien Zeiten automatisch und legt bei einer Anfrage einen Termin mit Status Angefragt an. BirdBuild prüft den gewählten Slot dabei nochmal serverseitig, damit nichts doppelt vergeben wird, legt den Interessenten als Kontakt im CRM an und verschickt eine Bestätigung. Du siehst die neue Anfrage danach direkt in deiner Agenda und bestätigst sie.

Wo du die Leistungen findest

Geh im Studio oben auf Termine und klick in der Unter-Navigation auf den Tab Services. Du landest auf einer Liste all deiner Leistungen. Ganz oben siehst du, wie viele es sind, rechts daneben den Button Leistung anlegen. Wenn du noch keine hast, steht dort ein leerer Zustand mit demselben Button in der Mitte.

Eine Leistung anlegen

Klick auf Leistung anlegen. Von rechts fährt ein Bearbeiten-Bereich rein, in dem du folgende Felder ausfüllst:

• Name – wie die Leistung heißt, z. B. »Beratungsgespräch«. Das sehen später auch deine Besucher.
• Dauer (Minuten) – wie lange ein Termin dieser Art blockiert, z. B. 30 oder 60. Minimum sind 5 Minuten, die Schritte gehen in 5er-Stufen. Diese Dauer bestimmt automatisch, wann ein gebuchter Termin endet – du musst das Ende nirgends von Hand eintragen.
• Preis (€) – was die Leistung kostet. Lässt du 0 stehen, wird sie in der Liste als Kostenlos angezeigt. Cent-Beträge wie 49,90 sind erlaubt.
• Beschreibung – optional. Ein, zwei Sätze, was drinsteckt.
• Farbe (für die Agenda) – über den BirdBuild-Farbwähler. Diese Farbe taucht als kleiner Balken neben der Leistung und bei den zugehörigen Terminen im Kalender auf. Lässt du sie leer, nimmt BirdBuild die orange Bereichsfarbe.
• Buchbar / aktiv – ein Schalter. An heißt: buchbar. Aus heißt: die Leistung bleibt gespeichert, taucht aber nicht mehr in Buchungen und im Online-Formular auf (mehr dazu unten).

Zum Schluss unten auf Anlegen klicken. Die Leistung erscheint sofort oben in der Liste.

Bearbeiten, deaktivieren, löschen

Jede Zeile zeigt dir Name, Dauer (menschenlesbar, z. B. »1 Std. 30 Min.«), Status und Preis. Zum Ändern klick einfach auf den Namen der Leistung – derselbe Bereich fährt wieder auf, du passt an und speicherst.

Am rechten Rand jeder Zeile sitzt ein kleiner Schalter: damit stellst du eine Leistung mit einem Klick aktiv oder inaktiv. Über das Drei-Punkte-Menü daneben findest du dieselben Aktionen nochmal ausgeschrieben – Bearbeiten, Aktivieren/Deaktivieren und Löschen. Beim Löschen kommt vorher eine Sicherheitsabfrage im BirdBuild-Design.

Aktiv vs. inaktiv – was passiert wirklich?

Der Unterschied ist wichtig, wenn du online Termine annimmst. Nur aktive Leistungen lassen sich buchen. Versucht jemand über dein öffentliches Buchungsformular eine inaktive Leistung zu reservieren, weist das System das ab (»Diese Leistung ist nicht buchbar.«). Willst du ein Angebot vorübergehend rausnehmen, ohne es zu verlieren – etwa in einer Urlaubswoche – dann deaktiviere es einfach, statt es zu löschen.

Wie Leistungen mit Terminen zusammenhängen

Leistungen sind die Grundlage für alles Weitere im Termin-Bereich. Legst du unter Termine → Termine eine Buchung an, wählst du im Feld »Leistung« eine deiner angelegten Leistungen aus – im Dropdown stehen direkt Dauer und Preis als Hinweis. Aus der gewählten Leistung ergibt sich das Terminende automatisch, und der Preis wird mit angezeigt. Hast du noch gar keine Leistung angelegt, ist der Buchen-Button ausgegraut und ein Hinweis schickt dich zuerst zu den Leistungen. Kurz gesagt: erst Leistungen definieren, dann buchen.

Ein guter Startpunkt

Fang mit zwei, drei klaren Leistungen an, statt gleich zwanzig anzulegen. Ein typisches Set: »Erstberatung« (30 Min., kostenlos), »Beratungsgespräch« (60 Min., 89 €), »Folgetermin« (45 Min., 69 €). Gib jeder eine eigene Farbe – dann erkennst du im Kalender auf einen Blick, was ansteht.

Mitarbeiter anlegen

Geh im Studio auf Termine → Mitarbeiter. Oben rechts klickst du auf Mitarbeiter anlegen – rechts fährt ein Panel rein. Füll aus, was du brauchst:

• Name – z. B. „Anna Muster“. Das ist das Einzige, was sinnvoll gesetzt sein sollte; lässt du es leer, heißt der Eintrag automatisch „Neuer Mitarbeiter“.
• Funktion / Rolle – optional, etwa „Friseurin“ oder „Physiotherapeut“. Steht klein unter dem Namen und hilft dir später beim Zuordnen.
• E-Mail – optional. Praktisch, wenn du intern schnell sehen willst, wer gemeint ist.
• Aktiv – standardmäßig an. Nur aktive Personen lassen sich einer Buchung zuordnen.

Ein Klick auf Anlegen, fertig. Der neue Eintrag taucht sofort als Karte in der Übersicht auf, mit Initialen im Kreis – aus „Anna Muster“ wird „AM“.

Ein kleiner Trick, der oft übersehen wird: Mitarbeiter müssen keine echten Menschen sein. Du kannst genauso eine Ressource anlegen – „Behandlungsraum 1“, „Fotostudio“, „Leihwagen“. Für die Buchungslogik ist das dasselbe.

Bearbeiten, deaktivieren, löschen

Auf jeder Karte sitzt rechts oben ein Drei-Punkte-Menü. Darüber erreichst du:

• Bearbeiten – öffnet dasselbe Panel wieder. Ein Klick auf den Namen tut übrigens dasselbe.
• Deaktivieren / Aktivieren – nimmt jemanden vorübergehend raus, ohne die Daten zu verlieren. Inaktive Personen tragen ein graues „Inaktiv“-Label und erscheinen bei neuen Buchungen nicht mehr in der Auswahl. Gut für Urlaub, Elternzeit oder eine Aushilfe, die gerade nicht da ist.
• Löschen – endgültig. Du wirst vorher gefragt. Nutz das nur, wenn du die Person wirklich nicht mehr brauchst; zum Pausieren ist Deaktivieren der bessere Weg.

Eine Person einem Termin zuordnen

Die Zuordnung passiert nicht hier, sondern beim Termin selbst. Wenn du unter Termine → Termine eine Buchung anlegst oder öffnest, gibt es das Feld Mitarbeiter mit „Nicht zugeordnet“ als Standard und darunter alle aktiven Personen (mit ihrer Rolle als Hinweis). In der Terminliste steht die zugeordnete Person dann direkt hinter der Leistung, etwa „Herrenschnitt · Anna“.

Wichtig zu wissen: Eine Zuordnung ist immer optional. Wenn bei dir egal ist, wer den Termin übernimmt, lässt du das Feld einfach auf „Nicht zugeordnet“.

Zeiten festlegen: die Öffnungszeiten

Die eigentlichen Zeiten wohnen unter Termine → Einstellungen. Der obere Block heißt Öffnungszeiten und listet Montag bis Sonntag. Pro Tag gibt es einen Schalter (offen/geschlossen) und zwei Uhrzeit-Felder für „von“ und „bis“. Standard ist Mo–Fr von 09:00 bis 17:00, Samstag und Sonntag geschlossen. Schalt einen Tag an, trag deine Zeiten ein – für einen durchgehenden Freitag bis 20 Uhr setzt du „bis“ einfach auf 20:00.

Ein ehrlicher Hinweis: Diese Öffnungszeiten gelten fürs ganze Projekt, nicht pro Person. Ein individueller Dienstplan je Mitarbeiter (Anna Mo/Di, Ben Do/Fr) ist aktuell nicht abbildbar. Was die Slots aber sehr wohl berücksichtigen: Ist jemand einer Person zugeordnet, blockt ein bestehender Termin nur deren Kalender – zwei verschiedene Mitarbeiter können also zur selben Uhrzeit gebucht sein.

Buchungsregeln: Raster, Puffer, Zeitzone

Direkt darunter steht der Block Buchungsregeln mit drei Einstellungen:

• Zeitraster – in welchem Takt Startzeiten angeboten werden: alle 10, 15, 20, 30, 45 oder 60 Minuten. Bei 30 kann man um 09:00, 09:30, 10:00 starten und so weiter.
• Puffer zwischen Terminen – Luft zum Aufräumen oder Umziehen. Wählst du 15 Minuten, wird nach jedem Termin ein Viertelstündchen freigehalten, bevor der nächste starten darf. „Kein Puffer“ geht auch.
• Zeitzone – Wien, Berlin, Zürich oder London. Wichtig, damit Uhrzeiten für deine Kundschaft stimmen.

Vergiss zum Schluss nicht den Speichern-Button unten rechts; bei Erfolg erscheint kurz ein „Gespeichert“.

Wie daraus freie Slots werden

Aus diesen Angaben rechnet BirdBuild die buchbaren Zeiten selbst aus. Für einen Tag nimmt das System das Öffnungszeit-Fenster, geht es im gewählten Raster ab und bietet jede Startzeit an, bei der die Leistung samt Puffer noch komplett reinpasst und nicht mit einer bestehenden Buchung kollidiert. Stornierte Termine zählen dabei nicht mit, blockieren also nichts. Eine 45-Minuten-Behandlung an einem Mo–Fr-09:00–17:00-Tag mit 30er-Raster ergibt zum Beispiel Slots von 09:00 bis 16:15.

Wo du Events findest

Geh im Studio auf Termine und klick oben auf den Tab Events (orange markiert). Hier siehst du alle Veranstaltungen deines aktiven Projekts, sortiert nach Datum – die nächste zuerst. Über die Status-Tabs (Alle, Entwurf, Veröffentlicht, Abgesagt) filterst du die Liste. Jede Zeile zeigt dir Datum, Uhrzeit, Ort, ob die Veranstaltung gratis oder kostenpflichtig ist und wie viele Plätze schon belegt sind.

Eine Veranstaltung anlegen

Klick rechts oben auf Veranstaltung anlegen. Von der Seite fährt ein Formular herein. Das gehört rein:

• Titelbild – über Bild wählen aus deinem Medienbereich. Das Bild wird ganz angezeigt, nichts wird abgeschnitten.
• Titel und optional eine Beschreibung, etwa „SEO-Workshop für Einsteiger".
• Beginn und Ende. Lässt du das Ende leer oder legst es vor den Start, setzt BirdBuild automatisch 60 Minuten Dauer.
• Online-Veranstaltung: Schaltest du den Regler an, gibst du einen Teilnahme-Link ein (z. B. Zoom). Aus lässt du stattdessen den Veranstaltungsort eintragen.
• Kapazität: Standardmäßig sind die Plätze unbegrenzt. Schalt Unbegrenzte Plätze aus und trag eine maximale Teilnehmerzahl ein, wenn du begrenzen willst.
• Kostenpflichtig: Aus = gratis, Anmeldungen sind sofort bestätigt. An = du legst Preis und Währung fest (EUR, CHF, USD oder GBP).
• Status: Entwurf, Veröffentlicht oder Abgesagt.

Ein Hinweis, den viele übersehen: Nur veröffentlichte Events sind öffentlich buchbar. Solange etwas auf Entwurf steht, kann sich niemand anmelden. Klick unten auf Anlegen (bzw. Speichern beim Bearbeiten).

Status schnell ändern

Über das Drei-Punkte-Menü (⋯) rechts an jeder Zeile kommst du direkt an die wichtigsten Aktionen: Veröffentlichen, Als Entwurf, Absagen, Bearbeiten oder Löschen. Löschen entfernt auch alle Anmeldungen zu dieser Veranstaltung – das lässt sich nicht rückgängig machen, deshalb kommt vorher eine Sicherheitsabfrage.

Anmeldungen verwalten

Klick auf die Teilnehmer-Zahl in der Zeile (das kleine x / y mit dem Personen-Icon) oder wähl im Menü Anmeldungen. Der Anmelde-Bereich zeigt dir oben die Belegung („12 von 20 angemeldet") und – falls vorhanden – wie viele auf der Warteliste stehen. Jede Anmeldung hat einen von vier Stati:

• Angemeldet – Platz sicher (belegt einen Platz).
• Bezahlt – Zahlung eingegangen (belegt ebenfalls einen Platz).
• Warteliste – das Event war voll, als sich die Person angemeldet hat.
• Storniert – zurückgezogen, gibt den Platz wieder frei.

Über das ⋯-Menü an jeder Anmeldung wechselst du den Status, setzt jemanden manuell auf die Warteliste oder entfernst den Eintrag. Bei kostenpflichtigen Events gibt es hier zusätzlich Als bezahlt markieren – der gezahlte Betrag wird dann automatisch mit dem Eventpreis hinterlegt.

Warteliste und automatisches Nachrücken

Das Warteliste-System läuft von allein. Ist die Kapazität erreicht, wird jede weitere Anmeldung – ob übers Anmeldeformular oder von dir manuell – auf Warteliste gesetzt. Wird später ein belegter Platz frei (jemand storniert oder du entfernst eine Anmeldung), rückt automatisch der älteste Wartelisten-Eintrag auf Angemeldet nach und bekommt eine Bestätigungs-E-Mail. Du musst dich um nichts kümmern.

Teilnehmer manuell hinzufügen

Jemand hat sich telefonisch gemeldet? Klick im Anmelde-Bereich auf Manuell hinzufügen, gib Name und E-Mail ein (Telefon ist optional) und speichere. Die Anmeldung folgt denselben Regeln wie eine öffentliche: ist das Event voll, landet die Person auf der Warteliste, und du bekommst einen Hinweis.

Anmeldung auf deiner Website

Damit sich Besucher anmelden können, brauchst du das Buchungs-Element im Builder. Zieh es auf eine Seite und stell es im rechten Panel auf den Modus Veranstaltungen. Auf der veröffentlichten Website zeigt es dann automatisch deine veröffentlichten Events mit einem „Jetzt anmelden"-Button. Meldet sich jemand an, wird er als Kontakt in deinem CRM angelegt (mit dem Tag „Teilnehmer: Eventname"), passende Automatisierungen werden ausgelöst und bei gratis Events geht sofort eine Bestätigungsmail raus.

Was (noch) nicht geht

Ehrlich gesagt: Bei kostenpflichtigen Events kassiert BirdBuild aktuell noch nicht selbst. Die Anmeldung wird als „angemeldet"/unbezahlt angelegt, und du markierst sie manuell als bezahlt, sobald das Geld da ist. Die automatische Bezahlung über Stripe und ein Kalender-Link (.ics) zum Eintragen in den eigenen Kalender kommen erst noch.

Zuerst: Termine einrichten

Das Widget zeigt nur, was du unter Studio → Termine angelegt hast. Leg dort also zuerst deine Leistungen an (zum Beispiel „Beratungsgespräch, 60 Min, 80 €"), bei Bedarf Mitarbeiter, und unter Termine → Einstellungen deine Öffnungszeiten je Wochentag, das Zeitraster (etwa alle 30 Minuten) und einen Puffer zwischen Terminen. Ohne aktive Leistung oder Öffnungszeiten hat das Formular später nichts anzuzeigen. Für den Event-Modus brauchst du stattdessen mindestens eine veröffentlichte Veranstaltung unter Termine → Events.

Modul in die Seite einbauen

Öffne die Seite im Builder, klick an der Stelle, wo das Formular hin soll, auf das + und wähle unter der Kategorie Kontakt & Info das Modul Termine / Buchung (Kalender-Symbol). Es erscheint sofort mit einer Vorschau. Diese Vorschau zeigt nur Beispiel-Felder – deine echten Leistungen und freien Zeiten tauchen erst auf der veröffentlichten Seite auf. Das Modul verbindet sich beim Konfigurieren automatisch mit deinem aktiven Projekt, du musst also keine ID eintragen.

Rechts im Panel einstellen

Solange das Modul ausgewählt ist, stellst du rechts alles Wichtige ein:

• Was soll gebucht werden? — „Termin (Leistung + freier Slot)" für die klassische Terminbuchung, oder „Event (Anmeldung)" für eine Anmeldeliste zu Veranstaltungen.
• Überschrift und Einleitung stehen über dem Formular. Du kannst sie auch direkt im Editor anklicken und dort tippen.
• Button-Text — zum Beispiel „Termin anfragen" oder „Jetzt anmelden".
• Preise anzeigen (Ja/Nein) — blendet den Preis hinter jeder Leistung bzw. jedem Event ein oder aus.
• Ecken-Radius der Felder — wie rund die Eingabefelder aussehen sollen (in px).
• Mitarbeiter (nur im Termin-Modus) — „Besucher wählt Mitarbeiter" zeigt eine Auswahl mit Option „Egal", „Keine Wahl" blendet sie ganz aus.
• Buchbare Leistungen — hier hakst du an, welche deiner Leistungen im Formular auftauchen sollen. Standard ist „alle". Im Event-Modus heißt der Block „Anzuzeigende Veranstaltungen".
• Danke-Text nach Buchung — der Text, den der Besucher nach dem Absenden sieht.

Über den Link „Termine verwalten →" im Panel springst du bei Bedarf direkt in den Termine-Bereich, um schnell eine Leistung nachzutragen.

Farben kommen aus dem Design-Tab

Die Button- und Textfarbe des Widgets steuerst du nicht im Inhalt, sondern über den Design-Tab des Moduls: Die Modul-Hintergrundfarbe wird als Akzent (Button, Häkchen) genutzt, sonst gilt deine Website-Buttonfarbe. Die Textfarbe setzt die Beschriftungen. So bleibt das Formular automatisch im Look deiner Seite.

Was der Besucher erlebt

Im Termin-Modus wählt der Besucher eine Leistung, optional einen Mitarbeiter, dann ein Datum. Erst danach lädt das Widget die freien Uhrzeiten für genau diesen Tag – es zeigt also nie Slots, die schon belegt sind oder außerhalb deiner Öffnungszeiten liegen. Nach Name und E-Mail (Telefon und Nachricht sind optional) klickt er auf den Button. Die Buchung landet sofort in deinem Termine-Bereich mit dem Status „angefragt", der Kontakt wird automatisch ins CRM übernommen, und der Besucher bekommt eine Bestätigung angezeigt. Im Event-Modus sieht er eine Liste der kommenden Veranstaltungen mit Datum und Preis; ist ein Event ausgebucht, steht dort „Ausgebucht" statt eines Buttons.

Veröffentlichen und testen

Speicher die Seite und veröffentliche sie. Ruf die Seite dann in einem normalen Browser-Tab auf (nicht in der Builder-Vorschau) und buch einmal probehalber – so siehst du echte Leistungen, echte freie Zeiten und die Bestätigung genau so, wie es deine Besucher tun.

Wo du den Funnel-Bereich findest

Geh im Studio auf Funnel. Oben rechts sitzt der Button „Neuer Funnel". Funnels gehören immer zum aktuell aktiven Projekt – wechselst du oben das Projekt, siehst du auch andere Funnels. Ist noch keiner da, steht in der Mitte eine Startkarte mit „Funnel erstellen".

Einen Funnel anlegen

Klick auf „Neuer Funnel". Du landest im Editor mit zwei Spalten: links die Schritte, rechts die Funnel-Einstellungen. Trag rechts zuerst einen Namen ein (z. B. „Webinar-Trichter"), optional eine kurze Beschreibung. Beim Ziel wählst du zwischen „Leads sammeln", „Verkauf" und „Eigenes Ziel". Die Zielvorgabe darunter ist ein freies Textfeld – schreib rein, was du erreichen willst, etwa „100 Leads/Monat" oder „5.000 € Umsatz". Das dient dir zur Orientierung; es rechnet nichts automatisch dagegen.

Schritte hinzufügen und mit Seiten verknüpfen

Klick links auf „Schritt hinzufügen". Der erste Schritt wird als Opt-in vorbelegt, jeder weitere als Verkaufsseite – ändern kannst du das jederzeit. Pro Schritt legst du drei Dinge fest:

• Name: das Textfeld oben, z. B. „Kostenloses Webinar". Lässt du es leer, greift der Standardname des Typs.
• Typ: es gibt sechs – Opt-in (E-Mail/Anmeldung einsammeln), Verkaufsseite (Angebot + Kaufen-Button), Upsell (Zusatzangebot nach dem Kauf), Downsell (günstigere Alternative), Danke-Seite (Abschluss/Bestätigung) und Inhaltsseite (Info, Bridge, Webinar …). Der Typ bestimmt Symbol und Farbe des Schritts.
• Verknüpfte Seite: hier wählst du eine deiner Websites aus dem Projekt. Hat die Website mehrere Seiten, erscheint darunter noch ein Feld „Seite innerhalb der Website", wo du die genaue Unterseite (z. B. /webinar) festlegst. Unter dem Schritt siehst du dann die konkrete Adresse, etwa meinemarke.birdbuild.net/webinar.

Hat dein Projekt noch gar keine Website, weist dich der Editor mit einem Hinweis darauf hin und verlinkt direkt in den Bereich Websites. Leg dort zuerst deine Seiten an – erst dann kannst du sie hier als Schritte einhängen.

Reihenfolge, Verschieben, Löschen

Jeder Schritt ist nummeriert. Über die kleinen Pfeile links (hoch/runter) verschiebst du ihn eine Position. Das Papierkorb-Symbol entfernt ihn; hat der Schritt schon einen Namen oder eine verknüpfte Seite, fragt BirdBuild vorher kurz nach. Rechts unter den Einstellungen läuft eine kleine Ablauf-Vorschau mit, damit du die Strecke auf einen Blick prüfst. Praktisch: Änderungen an der Schritt-Liste lassen sich mit Cmd/Strg + Z rückgängig machen (und mit Redo wiederherstellen).

Speichern und aktiv schalten

Oben rechts steht der Schalter Aktiv / Pausiert und der Speichern-Button. Alles – Einstellungen und die komplette Schritt-Liste – wird in einem Rutsch gespeichert. Beim ersten Mal heißt der Button „Funnel erstellen"; danach springt der Editor in den Bearbeiten-Modus. Ein pausierter Funnel bleibt erhalten, wird in der Übersicht aber leicht ausgegraut.

Auswertung lesen

Sobald ein Funnel angelegt ist, erscheint im Editor der Reiter „Auswertung" neben „Aufbau" (auch über das Drei-Punkte-Menü einer Funnel-Karte erreichbar). Oben stehen drei Kennzahlen: Eintritte (Aufrufe von Schritt 1), Abschlüsse (Conversions des letzten Schritts) und die Gesamt-Conversion in Prozent. Darunter zeichnet ein Trichter je Schritt einen Balken – die Breite steht für die Aufrufe im Verhältnis zum stärksten Schritt, der eingefärbte Teil zeigt den Conversion-Anteil. Springen zwischen zwei Schritten Besucher ab, siehst du in Rot den Abbruch gegenüber dem Vorschritt (Drop-off). So erkennst du schnell die undichte Stelle. Wichtig zu wissen: Die Zahlen füllen sich erst, wenn echte Besucher deine verknüpften Seiten durchlaufen. Frisch angelegt steht überall 0 – das ist normal, keine Fehlfunktion.

Funnel duplizieren, umbenennen, löschen

In der Übersicht hat jede Funnel-Karte unten ein Menü (drei Punkte): Bearbeiten, Auswertung, Umbenennen, Duplizieren (legt eine Kopie „… (Kopie)" mit denselben Schritten an) und Löschen. Löschen ist endgültig und nimmt auch die gesammelten Zahlen des Funnels mit – BirdBuild fragt vorher nach.

Wo du die Kontakte findest

Klick in der oberen Navigation auf Kontakte. Du landest bei „Alle Kontakte“ – der Tabelle mit allen Einträgen deines aktuellen Projekts. Ist die Liste noch leer, bekommst du zwei Knöpfe: Ersten Kontakt anlegen oder Importieren. Wechselst du oben links das Projekt, siehst du dessen eigene Kontakte, nie die eines anderen Projekts.

Einen Kontakt anlegen und bearbeiten

Oben rechts auf Kontakt öffnet den Editor. Ausfüllen musst du mindestens Vorname, Nachname oder E-Mail – der Rest ist optional: Telefon, Firma, Kundennummer, Geburtstag, „Abonniert am“, Adresse, PLZ, Ort, Bundesland, Land, Tags und ein freies Notizfeld. Eine E-Mail wird nur gespeichert, wenn sie auch wirklich wie eine aussieht. Danach auf Anlegen. Zum Ändern klickst du einfach irgendwo auf die Zeile – derselbe Editor geht auf, jetzt mit Speichern. Praktisch: oben im Editor sitzen zwei Pfeile, mit denen du zum vorigen oder nächsten Kontakt springst, ohne zu schließen.

Tags: schnell einsortieren

Tags sind kurze Stichwörter wie „kunde“, „lead“, „vip“ oder „newsletter“, jedes in einer eigenen Farbe. Setzen kannst du sie direkt in der Tabelle: in der Tags-Spalte auf Tag hinzufügen klicken, tippen, und entweder einen vorhandenen wählen oder mit Enter einen neuen erstellen. Über der Tabelle liegen alle Tags als Filter-Chips mit Zähler – ein Klick zeigt nur die Kontakte mit diesem Tag. Willst du vielen Kontakten auf einmal denselben Tag geben? Dann häkle sie links ab und nutze in der Auswahl-Leiste Tag + (bzw. Tag − zum Entfernen).

Listen: feste Gruppen bilden

Listen sind deine dauerhaften Gruppen, zum Beispiel „Newsletter“ oder „Stammkunden“. Über der Tabelle klickst du auf + Liste, gibst einen Namen ein, fertig. Eine Liste füllst du auf zwei Wegen: einzelne Kontakte inline über die Listen-Spalte, oder viele auf einmal per Mehrfachauswahl und Zu Liste. Über das Drei-Punkte-Menü an jeder Liste erreichst du Umbenennen, Mitglieder verwalten (Kontakte an- und abhaken in einem Schritt), Mit anderer Liste zusammenführen, Liste exportieren und Liste löschen. Wichtig: Löschst du eine Liste, bleiben die Kontakte erhalten – nur die Zuordnung verschwindet.

Segmente, Suche und Filter

Ganz oben liegen drei feste Segmente: Alle Kontakte, Letzte 7 Tage und Letzte 30 Tage (nach Anlage-Datum) – gut, um frische Leads zu sehen. Das Suchfeld durchsucht Name, E-Mail, Firma, Telefon, Kundennummer und Tags gleichzeitig. Über Filter grenzt du nach einer einzelnen Eigenschaft ein, etwa Land = AT oder Ort enthält „Wien“. Suche, Segment, Tag-Filter und Eigenschafts-Filter wirken zusammen – der Zähler oben zeigt dir jederzeit, wie viele Kontakte gerade übrig bleiben.

Spalten anpassen

Welche Spalten die Tabelle zeigt, bestimmst du selbst: über Spalten blendest du Felder ein und aus und ziehst sie per Anfasser in deine Wunschreihenfolge. Standardmäßig siehst du E-Mail, Telefon, Tags und Erstellt. Deine Einstellung merkt sich der Browser. Über Standard zurück stellst du die Reihenfolge wieder her.

Importieren und Exportieren

Bestandskontakte holst du über Mehr → Importieren rein. Lade eine CSV-Datei hoch oder füge die Daten ins Textfeld ein – die erste Zeile sind die Spaltennamen. Im zweiten Schritt ordnest du jede Spalte einer Eigenschaft zu; BirdBuild schlägt die Zuordnung automatisch vor (erkennt zum Beispiel „E-Mail“, „Telefon“, „Firma“). Passt ein Feld nicht, wählst du Neues Feld – so entsteht eine eigene Eigenschaft. Optional schiebst du alle Zeilen gleich in eine Liste. Doppelte E-Mail-Adressen werden erkannt: statt einen zweiten Eintrag anzulegen, wird der vorhandene Kontakt der gewählten Liste hinzugefügt. Umgekehrt exportierst du über Mehr → Exportieren alle Kontakte als CSV, über die Auswahl-Leiste nur die markierten, oder über das Listen-Menü genau eine Liste. Die Dateien öffnen sich in deutschem Excel mit korrekten Umlauten.

Von Kontakten zur E-Mail-Kampagne

Der Knopf E-Mail-Kampagne nimmt genau die Kontakte, die gerade sichtbar sind (Segment plus alle aktiven Filter) und legt daraus einen Kampagnen-Entwurf an. Du gibst einen Namen ein, bestätigst die Empfängerzahl und landest im Bereich E-Mails, wo du den Inhalt schreibst. Ehrlich gesagt: hier wird der Entwurf vorbereitet – den tatsächlichen Versand richtest du im E-Mail-Bereich ein.

Zwei Orte: Vorlagen und Anfragen

In der Seitenleiste findest du unter Websites (und ebenso unter Kontakte) zwei Punkte: Formulare und Formular-Anfragen. Unter „Formulare" (/studio/formulare) legst du wiederverwendbare Formular-Vorlagen an. Unter „Formular-Anfragen" (/studio/kontakte/formulare) laufen alle Einsendungen ein, die Besucher auf deinen Seiten abschicken.

Wichtig zu wissen: Das eigentliche Formular, das auf der Seite steht, baust du im Builder als Kontaktformular- oder Newsletter-Modul. Der Bereich „Formulare" im Studio ist ein Startpunkt mit fertigen Vorlagen – die Feldbearbeitung und die Einbindung in die Seite passieren im Builder.

Mit einer Vorlage starten

Geh auf Formulare und klick oben rechts auf Formular erstellen. Es öffnet sich die Vorlagen-Auswahl mit sechs Startpunkten: Kontaktformular (Name, E-Mail, Nachricht), Newsletter-Anmeldung (nur E-Mail mit Einwilligung), Angebotsanfrage (mit Telefon und Anfrage-Text), Rückruf-Bitte (Name und Telefon), Feedback und ein Leeres Formular. Wähl eine aus – die Felder sind danach frei anpassbar.

Das Formular auf die Seite bringen

Öffne die Website im Builder, zieh dir das Modul Kontaktformular (oder Newsletter) in eine Spalte und klick es an, damit rechts die Einstellungen aufgehen. Unter Formularfelder baust du die Felder mit Feld hinzufügen zusammen. Pro Feld stellst du ein:

• Beschriftung – z. B. „Name" oder „Deine Nachricht".
• Feldtyp – Text (einzeilig), E-Mail, Telefon, Zahl oder Mehrzeilig (Nachricht).
• Pflichtfeld – muss ausgefüllt werden. Setzt du den Haken, kannst du zusätzlich einen Fehlertext hinterlegen (z. B. „Bitte gib deinen Namen ein"), der erscheint, wenn das Feld leer bleibt.

Darunter kannst du den Ecken-Radius der Felder anpassen und im Abschnitt Absenden-Button Text und Farben des Buttons setzen.

Einsendungen zu Kontakten machen

Ganz unten in den Modul-Einstellungen liegt In Kontaktliste synchronisieren. Wählst du hier eine deiner Kontaktlisten, wird aus jeder Einsendung automatisch ein Kontakt in dieser Liste – bestehende Kontakte werden per E-Mail-Adresse erkannt und nicht doppelt angelegt. Über den Link Kontaktlisten verwalten → springst du direkt zu den Listen, falls du erst noch eine anlegen musst.

Ist eine Liste gewählt, kannst du die Einwilligung (DSGVO) auf „Pflicht-Häkchen" stellen und den Einwilligungstext anpassen. Dann muss der Besucher aktiv zustimmen, bevor er als Marketing-Kontakt gespeichert wird – ohne Häkchen landet nichts in der Liste. Newsletter-Anmeldungen bekommen automatisch den Tag „Newsletter"; ist in den Konto-Einstellungen Double-Opt-In aktiv, gilt der Kontakt erst nach Klick auf den Bestätigungslink als bestätigt.

Was beim Absenden passiert

Das Formular schickt die Daten ohne Umweg ab (kein JavaScript nötig). BirdBuild ordnet die Einsendung über die Subdomain der Seite der richtigen Website zu, speichert sie und zeigt dem Besucher eine schlichte Danke-Seite. Gegen Spam laufen mehrere Schutzmechanismen mit: ein unsichtbares Honeypot-Feld, eine Begrenzung auf 20 Einsendungen pro Stunde und IP sowie optional Cloudflare Turnstile, sobald es hinterlegt ist. Hast du in den Konto-Einstellungen die Benachrichtigung für neue Kontakte aktiv, bekommst du bei einer neuen Anfrage außerdem eine interne E-Mail.

Anfragen ansehen und beantworten

Alle Einsendungen findest du unter Formular-Anfragen. Links steht die Liste aller Anfragen mit Absender, Datum und einem Ausschnitt der Nachricht; oben kannst du mit dem Suchfeld nach Name, E-Mail oder Text filtern. Hast du mehrere Websites im Projekt, blendet sich ein Auswahlfeld ein, um nach einer bestimmten Website zu filtern. Klick eine Anfrage an, dann siehst du rechts alle Details. Über Antworten öffnest du eine E-Mail an den Absender, über das Papierkorb-Symbol löschst du die Anfrage nach einer Rückfrage. Die Roh-Einsendung wird übrigens immer gespeichert – auch dann, wenn keine Kontaktliste hinterlegt ist.

Wo du landest

Klick in der linken Navigation auf E-Mails. Du kommst aufs Dashboard (/studio/emails). Im Untermenü stehen daneben Automatisierungen, Vorlagen, Versandkanäle und Variablen – dieser Überblick dreht sich um das Dashboard und den Weg von der Idee bis zum Versand.

Das Analytics-Band oben

Ganz oben siehst du sechs Kacheln: Abonnenten (deine Kontaktzahl), Versendet (mit geplanten und Entwürfen als kleiner Zeile darunter), Empfänger erreicht, Ø Öffnungsrate, Ø Klickrate und Bounce-Rate. Das sind keine Schätzwerte – sie werden aus deinen tatsächlich versendeten Kampagnen berechnet. Hast du noch nichts verschickt, stehen die Raten auf „—". Direkt darunter zeigt ein Balken-Panel die Öffnungs- und Klickrate deiner letzten Kampagnen nebeneinander; rechts daneben laufen wechselnde Praxis-Tipps.

Die Kampagnen-Tabelle

Darunter liegt die Liste aller Kampagnen. Über den Reitern Alle · Entwürfe · Geplant · Versendet filterst du nach Status, rechts gibt es ein Suchfeld für den Namen. Jede Zeile zeigt Name und Betreff, dann Empfängerzahl, Geöffnet, Geklickt, Unzustellbar und Spam – bei Entwürfen und geplanten Kampagnen stehen dort noch Striche, die Zahlen erscheinen erst nach dem Versand. Über das ⋮-Menü ganz rechts kannst du eine Kampagne bearbeiten, duplizieren oder löschen. Ein Klick auf die Zeile selbst öffnet den Kampagnen-Assistenten.

Eine Kampagne anlegen

Klick rechts oben auf Kampagne erstellen. Zuerst wählst du den Kanal: E-Mail-Kampagne oder SMS / WhatsApp. Für einen Newsletter nimmst du E-Mail. Danach führt dich ein Assistent durch sechs Schritte, oben als Leiste sichtbar:

1. Name – nur für dich intern, die Empfänger sehen ihn nicht (z. B. „Sommer-Newsletter Juli").
2. Typ – Standard-Kampagne (eine E-Mail an alle) oder A/B-Split-Test (zwei Varianten, die bessere gewinnt).
3. Design – hier trägst du Betreff, Vorschautext (Preheader) und Absender ein und baust die E-Mail. Du startest mit einer fertigen Vorlage und passt sie im Editor an. Über den {{ }}-Menüpunkt setzt du Variablen wie {{contact.firstName}} in den Betreff.
4. Empfänger – entweder Alle Kontakte des Projekts oder einzelne Listen. Unten siehst du live die Empfängerzahl. Kontakte ohne E-Mail-Adresse werden übersprungen und dir als Hinweis angezeigt.
5. Zusammenfassung – alle Angaben auf einen Blick; fehlt eine Pflichtangabe, springt eine Checkliste direkt zum richtigen Schritt.
6. Senden – Jetzt senden oder Für später planen mit Datum und Uhrzeit.

Jederzeit gibt es oben rechts Speichern & Beenden. Verlässt du den Assistenten ohne zu speichern, wird der Stand trotzdem automatisch als Entwurf gesichert.

Testmail und A/B-Test

Bevor etwas rausgeht, solltest du dir einen Testversand ins eigene Postfach schicken – das Feld dafür findest du sowohl im Design- als auch im Senden-Schritt (Betreff muss dafür schon eingetragen sein). Beim A/B-Test legst du fest, was verglichen wird (Betreffzeile oder Inhalt) und woran der Gewinner gemessen wird (Öffnungs- oder Klickrate). Eine kleine Testgruppe bekommt A und B; nach der eingestellten Wartezeit geht die Gewinner-Variante automatisch an alle übrigen Empfänger.

Was beim Versand passiert

Der echte Versand läuft über deinen verbundenen Anbieter, den du unter E-Mails → Versandkanäle einrichtest. Ist noch keiner verbunden, wird die Kampagne versandbereit gespeichert und geht raus, sobald der Anbieter aktiv ist. Danach füllen sich Öffnungs-, Klick- und Zustellraten von selbst und wandern ins Analytics-Band und in die Tabelle.

Wo du das findest

Geh im Studio auf E-Mails → Automatisierungen. Oben rechts sitzt der Button „Automatisierung erstellen". Klick drauf, gib ihr einen Namen (oben links direkt überschreibbar, z. B. „Willkommen für neue Kontakte") – und du landest im Flow-Builder. Eine neue Automatisierung startet immer im Status Entwurf: Sie läuft noch nicht, bis du sie aktiv schaltest.

Schritt 1: Auslöser festlegen

Ganz oben im Ablauf steht der Start-Knoten mit dem Hinweis „Wenn das passiert". Klick ihn an und wähl deinen Auslöser. Sie sind gruppiert nach Kontakt (z. B. „Neuer Kontakt", „Zu einer Liste hinzugefügt", „Tag hinzugefügt", „Formular abgeschickt", „Geburtstag"), Shop (z. B. „Tätigt einen Kauf", „Warenkorb verlassen"), Termine, Veranstaltungen, Community, E-Mail (z. B. „E-Mail geöffnet", „Auf einen Link geklickt") und Aktivität.

Manche Auslöser haben noch eine Einstellung: Bei „Zu einer Liste hinzugefügt" wählst du welche Liste, bei „Tätigt einen Kauf" kannst du auf bezahlte Bestellungen, einen Mindestbetrag, einen Rabattcode oder ein bestimmtes Produkt einschränken. Lässt du so ein Feld leer, gilt „jede/r" – die Automatisierung startet dann bei jedem passenden Ereignis.

Schritt 2: Schritte in den Ablauf einbauen

Unter dem Auslöser hängt eine senkrechte Linie mit einem „+". Klick es an (oder den „Schritt hinzufügen"-Button darunter), und der Auswahl-Dialog öffnet sich. Die Schritte sind nach Zweck sortiert:

• Senden: E-Mail senden (wählt eine deiner Kampagnen), E-Mail-Benachrichtigung an eine feste Adresse (z. B. dein Team), sowie SMS und WhatsApp.
• Kontakt: Tag hinzufügen/entfernen, zu einer Liste hinzufügen/entfernen, Eigenschaft aktualisieren, Notiz hinterlegen, vom E-Mail-Empfang abmelden, Kontakt löschen.
• Automatisierte Aktionen: Verzögerung (warte z. B. 2 Tage) und Wenn/Dann (dazu gleich mehr).
• Andere: eine weitere Automatisierung starten oder einen Webhook auslösen (schickt die Kontaktdaten als JSON an eine externe URL).

Jeder Schritt erscheint als Karte im Fluss. Fährst du mit der Maus drüber, kannst du ihn nach oben/unten verschieben, bearbeiten oder löschen. Ein Klick auf die Karte öffnet die Einstellungen. In Textfeldern (z. B. bei einer Nachricht) sitzt oben der Button „Variable" – damit fügst du Platzhalter wie {{contact.firstName}} ein, die beim Versand mit den echten Kontaktdaten gefüllt werden.

Wenn/Dann: den Ablauf verzweigen

Der Schritt „Wenn / Dann" teilt den Fluss in einen Ja- und einen Nein-Zweig. Nur wenn deine Bedingung zutrifft, geht es im Ja-Zweig weiter, sonst im Nein-Zweig. Diesen Schritt kannst du nur am Ende eines Zweiges einfügen, weil er den Ablauf aufspaltet.

In der Bedingung wählst du ein Feld (z. B. „Ort", „Tag", „Firmenname"), einen Operator (ist, ist nicht, beinhaltet, startet mit, hat einen Wert, ist unbekannt …) und – falls nötig – einen Wert. Über „Filter hinzufügen" kombinierst du mehrere Bedingungen und legst fest, ob alle (UND) oder mindestens eine (ODER) erfüllt sein müssen. Textvergleiche achten nicht auf Groß-/Kleinschreibung, „Wien" und „wien" gelten also als gleich.

Schritt 3: Prüfen und aktivieren

Oben findest du den Button „Startbereit prüfen". Er listet auf, was noch fehlt – ein nicht gewählter Auslöser, ein leeres Pflichtfeld, ein Schritt ohne Kampagne. Jeder Punkt ist anklickbar und springt direkt an die richtige Stelle. Erst wenn nichts mehr offen ist, lässt sich der grüne „Aktivieren"-Knopf drücken; danach läuft die Automatisierung bei jedem passenden Ereignis. Über „Pausieren" stoppst du sie jederzeit wieder. Deine Änderungen werden übrigens automatisch gespeichert, du brauchst keinen Speichern-Button.

Im Reiter „Analytics & Ziele" siehst du später, wie viele Kontakte eingetreten und wie viele den Ablauf abgeschlossen haben.

Was schon greift – und was noch kommt

Ehrlich gesagt ist nicht jeder Schritt schon zu 100 % scharf geschaltet. Zuverlässig ausgeführt werden aktuell: Wenn/Dann-Verzweigungen, Tags setzen/entfernen, Listen-Zuordnung, Notizen, Abmelden und Webhooks. Der Schritt Verzögerung braucht einen Zeitplaner – trifft der Ablauf auf eine Wartezeit, stoppt er an dieser Stelle vorerst. Auch SMS/WhatsApp und einige Kontakt-Aktionen werden noch angebunden. Bau deine Abläufe ruhig jetzt schon fertig; die restlichen Aktionen laufen an, sobald sie freigeschaltet sind.

Wo du die Vorlagen findest

Geh im Studio auf E-Mails → Vorlagen. Du landest in einer Galerie mit drei Reitern oben links: Vorlagen (die fertigen Layouts), Meine Vorlagen (deine eigenen, gespeicherten Designs) und Leer starten. Jede Vorlage wird als kleine Live-Vorschau angezeigt – du siehst also sofort, wie die Mail wirklich aussieht, inklusive deines Logos oben.

Eine fertige Vorlage verwenden

Im Reiter Vorlagen stehen dir 10 Layouts zur Verfügung – vom „Modernen Newsletter" über „Produkt-Highlight" und „Angebot & Sale" bis zur „Event-Einladung" und „Persönlich (nur Text)". Über das Dropdown rechts (Alle Kategorien) filterst du nach den sechs Kategorien Newsletter, Verkauf, Ankündigung, Willkommen, Event und Persönlich.

Fahr mit der Maus über eine Karte und klick auf Verwenden. BirdBuild legt daraus eine neue Kampagne an („Unbenannte Kampagne") und öffnet direkt den Kampagnen-Editor – kurz erscheint der Hinweis „Kampagne wird vorbereitet …". Ab da baust du im Block-Editor weiter: Hero-Banner, Spalten, Produktkarte, Vorteile, Kundenstimme, Buttons und mehr. Alles an der Vorlage ist frei änderbar, du bist an nichts gebunden.

Was automatisch eingesetzt wird

Die Vorlagen arbeiten mit Platzhaltern, damit du nicht bei null anfängst. Das Logo oben zieht sich aus {{brand.logo}}: Hast du in den Marken-Einstellungen ein Logo hinterlegt, erscheint es automatisch. Genauso werden Firmenname ({{account.company}}), der Vorname des Empfängers ({{contact.firstName}}) und die Social-Links (Instagram, Facebook, LinkedIn, Website) eingesetzt, sofern du sie hinterlegt hast. Ist noch nichts gepflegt, bleibt ein sauberer Platzhalter stehen, den du jederzeit über die Bildauswahl austauschst.

Eigene Vorlagen speichern und wiederverwenden

Hast du ein Layout gebaut, das dir gefällt, kannst du es als eigene Vorlage sichern. Das geht im Kampagnen-Editor: Im Design-Schritt klickst du auf Als Vorlage speichern (der Button mit dem Lesezeichen-Symbol). Du gibst der Vorlage einen Namen – zum Beispiel „Mein Newsletter-Layout" – und sie liegt danach unter Meine Vorlagen bereit. Ein kleiner Zähler am Reiter zeigt dir, wie viele du gespeichert hast.

Ein Detail, das dir Arbeit spart: Bei eigenen Vorlagen wird nicht nur das Design übernommen, sondern auch Betreff und Vorschautext mitgespeichert. Wählst du so eine Vorlage später aus, sind diese Felder gleich mit vorbefüllt. Löschen kannst du eine eigene Vorlage über das ⋮-Menü rechts oben auf der Karte → Löschen (mit Rückfrage, damit nichts aus Versehen verschwindet).

Kleiner Hinweis: Zum Speichern muss die Mail Inhalte haben – bei einem komplett leeren Design meldet sich BirdBuild mit „Nichts zu speichern". Deine gespeicherten Vorlagen gelten pro Projekt, sie vermischen sich also nicht zwischen verschiedenen Projekten.

Leer starten

Willst du alles selbst aufbauen? Im Reiter Leer starten klickst du auf die leere Fläche und beginnst mit einer weißen Mail, die du Block für Block füllst. Praktisch, wenn du ein sehr eigenes Layout im Kopf hast.

Vorlage direkt in einer Kampagne wechseln

Du musst nicht immer über die Galerie gehen. Auch mitten im Kampagnen-Editor kannst du im Design-Schritt auf Vorlage wechseln klicken – dann öffnet sich dieselbe Auswahl und du übernimmst mit Anwenden ein anderes Layout in die laufende Kampagne, ohne eine neue anzulegen.

Was Variablen machen

Statt in jede Mail „Hallo Anna" zu tippen, schreibst du einmal Hallo {{contact.firstName}}. Beim Versand setzt BirdBuild pro Empfänger den echten Vornamen ein – bei Anna steht „Hallo Anna", bei Markus „Hallo Markus". Genauso funktionieren dein Firmenname, deine Adresse oder das Datum. Eine Variable ist immer in doppelte geschweifte Klammern gepackt: {{schlüssel}}.

Zwei Sorten gibt es. System-Variablen sind fest eingebaut und sofort verfügbar – Kontaktdaten, Absender, Impressum, Marke, Bestellung, Datum, System-Links. Eigene Variablen legst du selbst an, zum Beispiel ein Support-Telefon oder einen Rabattcode. Beide gelten kontoweit: nicht nur in E-Mails, sondern auch auf deinen Websites, im Shop und in Formularen.

Eigene Variablen anlegen

Geh auf Studio → E-Mails → Variablen. Links siehst du den Bereich „Eigene Variablen". Klick auf Variable hinzufügen und füll die zwei Felder aus: unter Bezeichnung einen sprechenden Namen (z. B. „Support-Telefon"), unter Wert den Inhalt (z. B. „+43 660 1234567"). BirdBuild bildet daraus automatisch den Schlüssel {{support_telefon}} – den siehst du gleich daneben und kannst ihn mit einem Klick kopieren. Dann oben rechts auf Speichern, fertig.

Ein wichtiges Detail: Der Schlüssel bleibt fest. Er wird einmal aus der Bezeichnung abgeleitet und ändert sich später nicht mehr, auch wenn du die Bezeichnung umbenennst. So brechen bereits gesetzte {{support_telefon}} in deinen Mails nicht plötzlich. Willst du nur den Wert aktualisieren – neue Telefonnummer? – änderst du ihn einmal hier, und er zieht überall automatisch nach.

Variablen in eine E-Mail einfügen

Du musst die Klammern nicht aus dem Kopf tippen. Im Kampagnen-Assistenten und im E-Mail-Editor findest du an jedem Textfeld einen kleinen Button „Variable" (mit Zauberstab-Symbol). Klick drauf, und ein Menü klappt auf: oben ein Suchfeld, darunter alle Variablen nach Gruppen sortiert – ganz unten deine eigenen unter „Eigene Variablen". Tipp z. B. „Vorname" ins Suchfeld, klick auf den Treffer, und {{contact.firstName}} landet genau an der Cursor-Position. Das klappt auch im Betreff (inklusive A/B-Betreff) und beim SMS-/WhatsApp-Text.

Auf der Variablen-Seite selbst kannst du außerdem jeden System-Platzhalter im rechten Panel „System-Variablen" direkt anklicken – er wird in die Zwischenablage kopiert, und du fügst ihn per Cmd/Strg+V ein, wo du willst.

Vorschau vs. echter Versand

In der Vorschau kennt BirdBuild ja noch keinen konkreten Empfänger. Darum zeigt sie Beispielwerte: {{contact.firstName}} erscheint als „Anna", {{date.today}} als das heutige Datum. Deine echten Firmendaten – Absendername, Impressum, Marken-Logo, Social-Links – werden dagegen schon in der Vorschau mit den tatsächlichen Werten aus deinen Marken-Standardwerten gefüllt, damit Vorschau und versendete Mail identisch aussehen.

Beim tatsächlichen Versand ersetzt BirdBuild die Kontakt-Variablen dann pro Person mit den echten Daten aus deiner Kontaktliste. Eine ehrliche Einschränkung dazu: Ist ein Feld bei einem Kontakt leer – etwa kein Vorname hinterlegt –, wird die Variable zu einem leeren Text. Aus „Hallo {{contact.firstName}}," wird dann „Hallo ,". BirdBuild räumt die Begrüßung aber automatisch auf, sodass daraus sauber „Hallo,“ wird – nie ein einzelnes Leerzeichen und nie ein fremder Beispielname. Ein gepflegter Kontaktbestand lohnt sich trotzdem, denn mit Vorname wirkt die Mail persönlicher.

Tippfehler erkennen

Hast du dich verschrieben und eine Variable eingetippt, die es nicht gibt – z. B. {{contact.firstnam}} –, bleibt sie in der Vorschau als dezentes ‹contact.firstnam› in Pfeilklammern stehen. Das ist dein Signal: Schlüssel stimmt nicht. Am sichersten fährst du, wenn du Variablen immer über das „Variable"-Menü einfügst, statt sie von Hand zu tippen.

Wo du alles einstellst

Geh im Studio auf E-Mails → Versandkanäle. Dort stehen untereinander die zwei E-Mail-Karten: „E-Mail-Versand (Newsletter)“ und „Transaktionaler Versand“. Darunter findest du die Test-Umleitung und die Kanäle für SMS/WhatsApp. Für die E-Mail-Zustellung sind nur die beiden oberen Karten wichtig.

Warum zwei Anbieter?

Das ist Absicht. Newsletter gehen über Mailgun, Bestätigungs- und System-Mails über Scaleway TEM. Der Grund: Reputation. Wenn eine große Kampagne mal als Spam markiert wird, soll das nicht die Zustellbarkeit deiner Bestellbestätigungen oder Passwort-Mails mit runterziehen. Getrennte Anbieter = getrennte Reputations-Pools. Falls Scaleway noch nicht verbunden ist, springt Mailgun automatisch als Ersatz für die transaktionalen Mails ein – aber sauber getrennt ist besser.

Newsletter-Versand (Mailgun) verbinden

Auf der Karte „E-Mail-Versand (Newsletter)“ trägst du ein:

• Sende-Domain – z. B. news.deine-domain.at (oder die sandbox…mailgun.org zum Ausprobieren)
• Region – US oder EU. Für europäische Konten nimm EU.
• Absendername und Absender-E-Mail – z. B. „Webhoch“ und hallo@news.deine-domain.at
• API-Schlüssel aus deinem Mailgun-Konto

Dann auf Verbinden. Der Schlüssel wird verschlüsselt server-seitig gespeichert und danach nie wieder angezeigt. Klick anschließend auf Testmail senden, um zu sehen, dass wirklich etwas ankommt.

Achtung bei der Sandbox-Domain: Damit kannst du nur an in Mailgun autorisierte Empfänger schicken. Für den echten Versand an deine ganze Liste brauchst du eine bei Mailgun verifizierte eigene Domain mit SPF/DKIM.

Bounce-Webhook einrichten (empfohlen)

Sobald die Verbindung steht, erscheint auf der Karte eine Webhook-URL (endet auf /server/webhooks/mailgun). Kopier sie und trag sie in Mailgun unter Sending → Webhooks ein. Dann meldet Mailgun uns automatisch, wenn eine Mail hart abprallt oder jemand sie als Spam markiert – und diese Adressen landen von selbst auf deiner Sperrliste. Damit das greift, hinterlegst du zusätzlich den Webhook-Signing-Key aus Mailgun im gleichen Feld. Ohne diesen Key werden die Events nur protokolliert, aber niemand wird gesperrt (Schutz vor gefälschten Webhooks).

Transaktionaler Versand (Scaleway)

Auf der zweiten Karte trägst du deine Projekt-ID und den Secret-Key aus der Scaleway-Console (console.scaleway.com → Transactional Email) ein, wählst die Region (Paris, Amsterdam oder Warschau) und setzt Absendername und -E-Mail, z. B. noreply@mail.deine-domain.at. Verifizier die Domain in Scaleway mit SPF/DKIM. Auch hier gibt es einen Test-Button. Durch diese Karte laufen nie Newsletter – nur Double-Opt-In-Bestätigungen, Buchungs- und Shop-Mails sowie interne Benachrichtigungen.

Double-Opt-In für Newsletter

Unten auf der Transaktional-Karte findest du den Schalter Double-Opt-In für Newsletter. Der ist standardmäßig an, und das solltest du auch so lassen. Meldet sich jemand über ein Newsletter-Formular an, bekommt die Person zuerst eine Bestätigungsmail. Erst nach dem Klick auf den Link gilt der Kontakt als bestätigt und wird bei Kampagnen berücksichtigt. Unbestätigte Anmeldungen werden beim Versand automatisch übersprungen. Den Text und das Design dieser Bestätigungsmail kannst du unter E-Mails → System-E-Mails in der Vorlage „Double-Opt-In“ anpassen – der Bestätigungslink {{confirm.url}} wird automatisch eingesetzt.

Sperrliste

Auf der Sperrliste stehen alle Adressen, an die keine Werbung mehr rausgeht. Sie füllt sich von allein: durch Klicks auf den Abmeldelink (jede Marketing-Mail enthält per RFC-8058 einen echten Ein-Klick-Abmelde-Button, den auch Gmail & Co. oben anzeigen) und durch die Bounce-/Spam-Meldungen des Mailgun-Webhooks. Beim nächsten Kampagnenversand werden diese Adressen automatisch ausgefiltert – darum musst du dich nicht kümmern.

Test-Umleitung (Sandbox)

Solange deine Domains noch nicht verifiziert sind oder du in Ruhe testen willst, hilft die Karte Test-Umleitung. Trag dort eine Adresse ein (z. B. deine eigene) und aktivier sie – dann gehen alle ausgehenden Mails, Newsletter wie Bestätigungen, nur an diese eine Adresse. Der eigentliche Empfänger steht dann im Betreff als [→ …], damit du siehst, an wen die Mail eigentlich gegangen wäre. Vor dem echten Launch einfach wieder ausschalten.

Neue Kampagne anlegen

Geh auf E-Mails und klick oben rechts auf Kampagne erstellen. Im Fenster „Kampagnenablauf auswählen" nimmst du E-Mail-Kampagne (SMS und WhatsApp laufen über eine eigene, kürzere Maske). BirdBuild legt sofort eine „Unbenannte Kampagne" an und öffnet den Assistenten. Die sechs Schritte siehst du oben als Leiste: Name · Typ · Design · Empfänger · Zusammenfassung · Senden. Du kannst jederzeit über die Leiste zwischen den Schritten springen und mit Speichern & Beenden aussteigen – dein Stand bleibt als Entwurf erhalten, selbst wenn du einfach den Tab schließt.

Schritt 1 & 2: Name und Typ

Der Name ist nur für dich, etwa „Sommer-Newsletter Juli". Die Empfänger sehen ihn nie. Beim Typ wählst du zwischen Standard-Kampagne (eine E-Mail an alle) und A/B-Split-Test. Entscheidest du dich für A/B, legst du drei Dinge fest: Was getestet wird (Betreffzeile oder E-Mail-Inhalt), woran der Gewinner erkannt wird (Öffnungsrate oder Klickrate) und nach wie vielen Stunden der Sieger feststeht (1 bis 48). Eine kleine Testgruppe bekommt A und B; die stärkere Variante geht danach automatisch an alle übrigen Empfänger.

Schritt 3: Betreff, Absender und Design

Oben steht die Karte Betreff & Absender. Trag die Betreffzeile ein – über das Variablen-Menü rechts daneben streust du Platzhalter wie {{contact.firstName}} ein, die beim Versand pro Empfänger gefüllt werden. Der Vorschautext (Preheader) ist die Zeile, die im Postfach neben dem Betreff steht. Darunter setzt du Absendername und Absender-E-Mail; beide sind mit deinen Standard-Absenderdaten vorbelegt. Beim A/B-Test auf den Betreff erscheint hier zusätzlich das Feld Betreff – Variante B.

Für den Inhalt wählst du zuerst einen Ausgangspunkt: eine der Vorlagen (z. B. „Moderner Newsletter", „Produkt-Highlight", „Angebot & Sale", „Willkommen") oder ein leeres Layout. Danach bearbeitest du im Editor Block für Block. Über Block hinzufügen öffnest du die Palette mit Elementen wie Überschrift, Text, Bild, Button, Hero-Banner, Spalten, Produktkarte, CTA-Banner, Kundenstimme und Trennlinie. Alternativ fügst du eine fertige Sektion ein. Jeden Block kannst du mit den kleinen Symbolen nach oben/unten schieben, duplizieren oder löschen. Bilder wählst du immer über den Medienbereich. Vertippt? Cmd/Strg+Z macht Änderungen am Design rückgängig.

Drei Buttons oben rechts im Design-Schritt gehören zusammen: Vorlage wechseln tauscht den Ausgangspunkt, Als Vorlage speichern legt dein aktuelles Layout unter „Meine Vorlagen" ab (mit Betreff und Vorschautext), und Design speichern übernimmt die Änderungen in die Kampagne. Solange „Nicht gespeichert" leuchtet, ist der letzte Stand noch nicht gesichert. Direkt darunter liegt die Leiste Testmail an dich – trag deine Adresse ein und prüf im eigenen Postfach, wie die E-Mail wirklich aussieht (dafür muss ein Betreff gesetzt sein).

Schritt 4: Empfänger

Hier entscheidest du, an wen die Kampagne geht: entweder Alle Kontakte dieses Projekts oder einzelne Listen, die du unter „Kontakte" angelegt hast. Du kannst mehrere Listen kombinieren. Ein Zähler zeigt dir laufend die Empfängerzahl. Haben Kontakte keine E-Mail-Adresse, erscheint ein Hinweis mit Direktlink – diese Kontakte werden beim Versand übersprungen.

Schritt 5 & 6: Zusammenfassung und Versand

Die Zusammenfassung listet Name, Typ, Betreff, Absender und Empfänger mit „Ändern"-Links und zeigt rechts eine Live-Vorschau. Fehlt noch etwas Wichtiges, steht es in einer Checkliste, und jede Zeile springt direkt zum passenden Schritt. Im Schritt Senden wählst du Jetzt senden oder Für später planen (Datum und Uhrzeit). Auch hier kannst du nochmal eine Testmail auslösen. Erst wenn alle Pflichtfelder erledigt sind, wird der Versand-Button aktiv; ist etwas offen, bleibt die Kampagne als Entwurf gesichert. Der eigentliche Versand läuft über deinen verbundenen Anbieter – ist noch keiner aktiv, wird die Kampagne versandbereit gespeichert und geht automatisch raus, sobald du unter E-Mails → Versandkanäle einen Anbieter verbindest.

Newsletter als Link teilen

Jede E-Mail-Kampagne lässt sich auch als öffentliche Web-Version teilen – praktisch für Social Media, Messenger oder alle, die nicht auf deiner Liste stehen. Öffne in der Kampagnen-Übersicht das Drei-Punkte-Menü der Kampagne und klick auf „Als Link teilen“. Es öffnet sich ein Fenster mit einer kopierbaren Adresse (birdbuild.net/n/…), einer Vorschau und der Möglichkeit, den Link jederzeit wieder zu deaktivieren. Die Web-Version zeigt exakt denselben Inhalt wie die Mail, aber ohne persönliche Empfänger-Daten (Platzhalter wie der Vorname bleiben leer, es erscheint nie ein fremder Name).

Wo du die Kanäle einrichtest

Geh links im Studio auf E-Mails → Versandkanäle (Adresse /studio/emails/kanaele). Ganz oben stehen deine E-Mail-Einstellungen, darunter findest du zwei Karten für die Messaging-Kanäle: SMS-Kampagne und WhatsApp-Kampagne. Jede Karte zeigt rechts einen Status – Verbunden (grün) oder Nicht verbunden.

Das Prinzip dahinter: Du bringst deinen eigenen Anbieter mit. BirdBuild versendet nicht über ein eigenes Konto, sondern über deine Verbindung. So läuft die Zustellung über deinen Account, mit deiner Absenderkennung und deinen Konditionen.

Einen Anbieter verbinden

Klapp die passende Karte auf und geh so vor:

1. Wähl im Feld Anbieter deinen Dienst aus. Für SMS stehen Twilio, MessageBird / Bird und Vonage bereit. Bei WhatsApp die WhatsApp Business Platform (Meta Cloud API), Twilio oder 360dialog.
2. Trag bei SMS die Absenderkennung ein (dein Markenname, max. 11 Zeichen, oder eine Nummer). Bei WhatsApp die Absender-Nummer im Format +43 ….
3. Füg deinen API-Schlüssel / Auth-Token ein. Den holst du aus deinem Anbieter-Konto (bei Twilio zum Beispiel Account SID und Auth-Token aus dem Dashboard). Das Feld ist als Passwort maskiert.
4. Klick auf Verbinden. Der Button wird erst aktiv, sobald ein Schlüssel drinsteht. Danach springt der Status auf Verbunden und zeigt Anbieter plus Absender an.

Deine Schlüssel werden verschlüsselt gespeichert und nie wieder angezeigt – auch nicht an deinen Browser zurückgegeben. Willst du wechseln oder abschalten, klick in der verbundenen Karte auf Trennen. Damit wird der hinterlegte Schlüssel gelöscht; zum erneuten Verbinden gibst du ihn frisch ein.

Abmeldung (Opt-out)

Ganz unten steht die Karte Abmeldung (Opt-out). Der Text hier wird bei jeder SMS- und WhatsApp-Nachricht automatisch angehängt – für werbliche Nachrichten ist so ein Abmelde-Hinweis Pflicht. Standard ist Antworte mit STOPP, um keine Nachrichten mehr zu erhalten. Pass ihn an deine Marke an und klick auf Speichern. Halt dich an das Stichwort, das dein Anbieter für Abmeldungen erkennt (meist STOPP bzw. STOP).

Nachrichtenlänge im Blick behalten

SMS werden in Segmenten abgerechnet. Solange du nur Standardzeichen nutzt, passen 160 Zeichen in ein Segment (bei mehreren Segmenten je 153). Sobald ein Sonderzeichen wie ein Emoji dabei ist, schaltet die SMS auf Unicode – dann sind es nur noch 70 Zeichen pro Segment (bzw. 67). Beim Schreiben einer SMS-Kampagne zeigt dir BirdBuild live Zeichenzahl und Segmente an, damit du nicht ungewollt mehrere Segmente verschickst.

Was passiert ohne verbundenen Anbieter?

Du kannst eine Kampagne für einen Kanal auch dann anlegen und fertig schreiben, wenn dort noch nichts verbunden ist. Im Versand-Schritt weist dich ein Hinweis darauf hin: Die Kampagne wird versandbereit gespeichert und geht automatisch raus, sobald du unter Versandkanäle einen passenden Anbieter verbindest. Im Kampagnen-Assistenten führt dich der Link E-Mails → Versandkanäle direkt hierher zurück. Die Einstellungen gelten pro Projekt – wechselst du das aktive Projekt, richtest du die Kanäle dort separat ein.

Räume anlegen

Öffne Studio → Community und klick auf „Raum erstellen". Ein Raum bündelt Beiträge, Mitglieder und Diskussionen zu einem Thema. Du vergibst einen Namen, optional eine Beschreibung und ein Titelbild, und legst den Zugang fest: frei (jeder kann beitreten) oder bezahlt (nur nach Buchung).

Beiträge & Diskussionen

In einem Raum schreibst du Beiträge mit dem Rich-Text-Editor (Überschriften, Listen, Links, Bilder). Wichtiges pinnst du oben an. Mitglieder kommentieren und reagieren – so entsteht der Austausch. Über das Drei-Punkte-Menü bearbeitest oder löschst du einzelne Beiträge.

Mitglieder & Rollen

Jedes Mitglied hat eine Rolle: Mitglied (liest und schreibt), Moderator (räumt auf, moderiert) oder Admin (verwaltet den Raum). Wer einem Raum beitritt, landet automatisch in deinen Kontakten und bekommt – wenn eingerichtet – eine Willkommens-Mail über die Automatisierungen.

Verknüpfung mit dem Rest

Community-Ereignisse (Beitritt, neuer Beitrag, Kommentar) hängen an den Automatisierungs-Auslösern. So kannst du z. B. bei jedem Beitritt automatisch eine E-Mail schicken oder ein Tag setzen.

Wo du das Programm findest

Geh im Studio in der Seitenleiste auf Affiliate. Dein Konto wird beim ersten Öffnen automatisch angelegt – du hast sofort einen Affiliate-Code, einen fertigen Standard-Link auf die Startseite und ein leeres Dashboard. Oben siehst du immer dein verfügbares Guthaben mit einem „Auszahlen“-Knopf. Darunter gibt es fünf Reiter: Dashboard, Links, Banner & Material, Auszahlung und Einstellungen.

So verdienst du

Für jede kostenpflichtige Anmeldung über deinen Link bekommst du 25 % des Monatspreises – jeden Monat neu, solange der Kunde zahlt. Ein Beispiel: Wirbst du jemanden für den Pro-Plan (39 €/Monat), sind das rund 9,75 € pro Monat; beim Business-Plan (89 €) sind es 22,25 € monatlich. Gratis- und Testkonten bringen keine Provision, erst wenn daraus ein bezahltes Abo wird.

Links holen und teilen

Im Reiter Links steht oben dein persönlicher Code (z. B. A1B2C3D). Du hast zwei Wege:

• Fertige Links (empfohlen): Klick bei einem Link auf „Kopieren“ – das ist eine kurze Adresse wie birdbuild.net/l/xxxxxxxxx. Nur diese Links zählen Klicks mit.
• Code anhängen: Du kannst auch ?ref=DEINCODE an jede birdbuild.net-Adresse hängen. Funktioniert genauso, wird aber nicht klick-getrackt.

Eigene Links legst du unter „Neuen Link erstellen“ an: Gib eine Bezeichnung ein (z. B. „Instagram-Bio“), wähl die Zielseite (Startseite, Funktionen, Preise oder Kontakt) und klick auf „Erstellen“. So siehst du in der Tabelle pro Kanal getrennt, wie viele Klicks reinkommen. Den ersten Link („Standard“) kannst du nicht löschen – auf ihn zeigen nämlich alle Banner.

Banner und Text

Im Reiter Banner & Material findest du vier fertige Werbebanner: Medium Rectangle (300 × 250), Leaderboard (728 × 90), Wide Skyscraper (300 × 600) und Social Post (600 × 315). Du siehst eine Live-Vorschau und kopierst mit einem Klick den fertigen HTML-Code für deine Website. Alle Banner verlinken automatisch über deinen Standard-Link. Für Social Media gibt es zusätzlich einen fertigen Teilen-Text plus Link zum Kopieren.

Wie eine Anmeldung erfasst wird

Klickt jemand deinen Link, wird ein Cookie gesetzt, das 30 Tage hält. Meldet sich die Person in diesem Zeitraum an und bucht einen bezahlten Plan, taucht die Anmeldung in deinem Dashboard auf. Jede neue Provision durchläuft erst eine Haltefrist von 14 Tagen (Schutz gegen Stornos und schnelle Kündigungen) – in dieser Zeit steht sie unter „In Haltefrist“, danach wird sie zu „Verfügbar“. Dich selbst kannst du übrigens nicht werben, und jeder Kunde zählt nur einmal.

Auszahlung anfordern

Ab 50 € verfügbarem Guthaben kannst du auszahlen. Geh dazu auf den Reiter Auszahlung (oder klick oben auf „Auszahlen“) und dann auf „Auszahlung anfordern“. Deine hinterlegten Zahlungsdaten sind schon vorausgefüllt; du kannst sie im Formular noch anpassen und schickst die Anfrage ab. Der ganze Betrag wird angefordert. Jede Auszahlung prüfen und bestätigen wir manuell, bevor Geld fließt – im Verlauf siehst du den Status „In Bearbeitung“ bzw. „Ausgezahlt“.

Zahlungsdaten hinterlegen

Damit du beim Auszahlen nicht jedes Mal alles neu tippst, hinterlege deine Daten unter Einstellungen. Wähl als Auszahlungsmethode PayPal (dann die PayPal-E-Mail) oder Banküberweisung (Kontoinhaber, IBAN, Bank, BIC). Wenn du auf Firma abrechnest, kannst du optional noch Rechnungsdaten wie Firmenname und USt-IdNr. eintragen. Am Ende auf „Änderungen speichern“ klicken. Name und E-Mail ziehen wir aus deinem Konto – die änderst du bei Bedarf in den Kontoeinstellungen.

Wie die KI in BirdBuild arbeitet

BirdBuild hat keinen eingebauten Chat-Assistenten im Studio. Stattdessen gibt es einen MCP-Server – eine Brücke, über die eine externe KI (zum Beispiel Claude Desktop) direkt in deinem Konto Websites baut. Die KI bekommt dabei echte Werkzeuge in die Hand: Website anlegen, Seiten hinzufügen, Inhalte setzen, Header wählen, veröffentlichen. Das Ergebnis landet als ganz normale, voll bearbeitbare BirdBuild-Website in deinem Projekt. Kein Screenshot, kein eingefrorener Export – jedes Element kannst du hinterher im Builder anfassen.

Schritt 1: API-Token erstellen

Geh im Studio auf Einstellungen und scroll zur Karte API-Tokens. Tipp dort einen Namen ein, damit du den Token später wiedererkennst – etwa „MCP" oder „Claude Desktop" – und klick auf Token erstellen. Der Token beginnt mit bb_… und wird dir nur ein einziges Mal im Klartext angezeigt. Kopier ihn also sofort. Verlierst du ihn, machst du einfach einen neuen und widerrufst den alten.

Schritt 2: MCP-Server im KI-Client verbinden

Direkt unter den API-Tokens steht die Karte Websites mit KI erstellen mit einer fertigen Konfiguration zum Kopieren. Öffne die MCP-Konfigurationsdatei deines KI-Clients (bei Claude Desktop ist das die claude_desktop_config.json) und füge den Eintrag ein. Zwei Dinge passt du an: den absoluten Pfad zur Datei mcp/index.mjs und den eben kopierten Token bei BIRDBUILD_API_TOKEN. Einmalig führst du im Ordner mcp noch npm install aus. Dann startest du den KI-Client neu, damit er den Server lädt.

Schritt 3: Die KI die Website bauen lassen

Jetzt beschreibst du deiner KI einfach im Chat, was du brauchst. Je konkreter, desto besser. Ein Beispiel, das gut funktioniert: „Erstelle mit BirdBuild eine Website für ein italienisches Restaurant Bella Vita in Wien: moderner Header mit Logo, Startseite mit Hero, drei Vorteilen, Speisekarten-Ausschnitt und Kontakt-Call-to-Action, dazu die Unterseiten Speisekarte und Kontakt. Danach veröffentlichen und mir die URL geben." Die KI arbeitet das der Reihe nach ab – typischerweise Website anlegen, Seiten erstellen, jede Seite mit Hero, Vorteilen und Handlungsaufruf füllen, den Header setzen und am Ende veröffentlichen. Hast du mehrere Projekte im Konto, wählt sie zuerst das richtige aus, sonst landet alles im Standard-Projekt.

Was die KI konkret steuern kann

Über den MCP-Server hat die KI Zugriff auf den kompletten Website-Aufbau: neue Websites vom Typ Website, Landingpage, Shop oder Funnel, Seiten anlegen und löschen (die Startseite ist geschützt), den gesamten Inhaltsbaum einer Seite setzen, einzelne Sektionen und Module ergänzen, den site-weiten Header per Vorlage oder eigenem Aufbau festlegen, Seiten-Meta wie SEO-Titel und -Beschreibung pflegen, deine vorhandenen Medien auflisten und die Seite live schalten. Sie nutzt dieselben Bausteine und dasselbe Design-System wie du im Builder – die KI baut also nichts Fremdes, sondern echte BirdBuild-Module.

Schritt 4: Im Builder nachfeilen

Die KI liefert dir ein solides Grundgerüst, kein perfektes Endergebnis. Öffne die erzeugte Seite danach im visuellen Builder (die KI gibt dir die Adresse, sonst gehst du über Websites und klickst auf Bearbeiten). Dort passt du Texte, Bilder, Farben, Abstände und Feinheiten selbst an – jedes Element ist frei bearbeitbar. In der Praxis ist das der Punkt, an dem aus dem KI-Rohbau deine Seite wird.

Ehrlich zum Umfang

Der Website-Generator über den MCP-Server ist der Teil, der heute produktiv läuft. Weitere KI-Helfer – etwa ein Design-Copilot direkt im Builder, KI-Textwerkzeuge zum Optimieren, Kürzen oder Erweitern einzelner Absätze, 1-Klick-SEO-Titel und ein Import bestehender Websites – sind geplant, aber noch nicht scharf geschaltet. Wenn du also im Builder eine „KI-Text verbessern"-Schaltfläche suchst: die kommt noch. Für den kompletten Erstaufbau einer Seite ist der MCP-Weg schon jetzt der schnellste.

Partner werden

Unter Studio → Agentur bewirbst du dich als Agentur. Du hinterlegst deine Firmendaten (Name, UID, Adresse, Ansprechperson, Website) und gestaltest dein öffentliches Profil: Logo, Slogan, Beschreibung, Leistungen und Regionen. Wir geben es manuell frei, dann erscheinst du im Verzeichnis unter birdbuild.net/partner.

Die Bereiche im Überblick

Der Agentur-Bereich ist in drei Gruppen gegliedert:

• Betreuung – Übersicht (Kennzahlen, offene Anfragen, Aufgaben), Anfragen (Kontaktanfragen aus deinem Profil) und Kunden (deine Kundenliste).
• Auftritt – Profil (dein öffentliches Verzeichnis-Profil) und Bewertungen (verifizierte Kundenstimmen).
• Agentur – Abrechnung (dein Agentur-Abo + Kundenpläne), Team (Mitarbeiter und Rollen) und Einstellungen (White-Label, Absender, Onboarding-Vorlagen, Firmendaten).

Kunden verwalten und „als Kunde einloggen“

Unter Kunden lädst du Kund:innen per E-Mail ein; ein Kunde gehört zu genau einer Agentur. Über „als Kunde verwalten“ versetzt du dich in ein verbundenes Kundenkonto und verwaltest dort Shop, E-Mails, Seiten und Co. – ein farbiges Banner zeigt dabei immer an, wessen Konto du gerade betreust, und mit einem Klick bist du zurück in deiner Agentur. Genau deshalb liegen die einzelnen Einstellungen nicht doppelt im Agenturbereich.

Abrechnung

Im Reiter Abrechnung läuft alles rund ums Geld zusammen: dein eigenes Agentur-Abo (gestaffelt nach Kundenkonten und Team-Sitzen, mit Add-ons und Rechnungen) und die Kundenpläne – die Tarife, die du deinen Kunden zum Agentur-Vorzugspreis zuweist. Eine Zusammenfassung zeigt Abo-Kosten und Kunden-Volumen auf einen Blick.

Einstellungen (White-Label und mehr)

Unter Einstellungen richtest du die agenturweiten Dinge ein: die White-Label-Domain samt Branding (Name, Logo, Akzentfarbe), unter der ein gebrandetes Kundenportal ausgeliefert wird; Absender und Benachrichtigungen (z. B. E-Mail bei neuer Anfrage oder Bewertung); Onboarding-Vorlagen (Starter-Kits nach Branche, die du beim Anlegen neuer Kunden auswählst); und deine internen Firmendaten.

Bewertungen

Aktive, verbundene Kund:innen können dich über BirdBuild bewerten. Die Bewertungen durchlaufen eine kurze Moderation und erscheinen dann in deinem öffentlichen Profil – echte, verifizierte Stimmen statt anonymer Sterne.

Wo du hinkommst

Klick in der linken Studio-Leiste unten auf Einstellungen (oder ruf /studio/einstellungen auf). Die Seite ist zweigeteilt: links dein Konto und deine Marke, rechts eine schmale Spalte mit Abo, Newsletter und Systemvariablen. Fast jeder Block hat einen eigenen Speichern-Knopf – du speicherst also gezielt den Bereich, den du gerade geändert hast, nicht die ganze Seite auf einmal.

Profil

Ganz oben steht dein Profil. Für das Avatar-Bild klick auf Aus Medien wählen – es öffnet sich der Medienbereich, kein PC-Dialog. Daneben trägst du deinen vollständigen Namen und deine E-Mail-Adresse ein. Die E-Mail ist dein Login, deshalb wird eine bereits vergebene Adresse abgelehnt.

Unternehmen & Land

Im Block Unternehmen steht der Firmenname deines Kontos und das Land (Österreich, Deutschland oder Schweiz). Das Land steuert unter anderem, wie später PLZ und UID geprüft werden. Ein Hinweis, der oft verwirrt: Diesen Firmennamen gibt es noch ein zweites Mal weiter unten bei „Marke & Standardwerte“. Der hier oben ist der reine Konto-/Abrechnungsname, der unten ist der Name, der in E-Mails und auf Websites als Variable erscheint. Wenn beide gleich sein sollen, trag sie einfach identisch ein.

Benachrichtigungen

Darunter schaltest du per Schieber, worüber BirdBuild dich informiert: neue Kontakte & Formular-Einträge, Bestellungen im Shop, den wöchentlichen Statistik-Report und Produkt-Neuigkeiten. Der Report ist standardmäßig aus, der Rest an. Für die eigentlichen Bestell- und Versand-Mails deines Shops führt ein Link zu den Shop-Benachrichtigungen; Betreff und Design aller transaktionalen Mails bearbeitest du über den Block System-E-Mails. Wenn du hier etwas umstellst, klick anschließend auf Änderungen speichern – oder drück einfach Cmd/Strg+S.

Passwort ändern

Im letzten Block der linken Spalte gibst du dein aktuelles und dein neues Passwort ein (mindestens 8 Zeichen) und klickst auf Passwort aktualisieren. Stimmt das aktuelle Passwort nicht, bleibt alles unverändert. Kleiner, aber wichtiger Sonderfall: Solange du dich über den Agentur-Bereich „als Kunde“ in ein fremdes Konto eingeklinkt hast, sind Profil- und Passwortänderungen gesperrt – sonst würdest du versehentlich deine eigenen Zugangsdaten ändern. Beende dazu zuerst die Kundenansicht.

Marke & Standardwerte

Das ist der Teil, der über das reine Konto hinausgeht. Setz hier dein Logo (wieder über den Medienbereich, es wird immer ganz gezeigt, nie beschnitten) und eine Akzentfarbe über den BirdBuild-Farbwähler. Diese Farbe wird die Standardfarbe jeder neuen E-Mail-Kampagne; lässt du sie leer, gilt das BirdBuild-Teal. Darunter füllst du die Firmen-Stammdaten aus: Firmenname, Straße, PLZ, Ort, Land, UID, Telefon, E-Mail und Website. Über Hinzufügen hängst du Social-Links an (Instagram, Facebook, LinkedIn, X, YouTube, TikTok, Website). Wichtig: Dieser Block hat einen eigenen Speichern-Knopf. Sobald du gespeichert hast, stehen die Werte als Variablen wie {{brand.logo}}, {{brand.company}}, {{company.address}} oder {{brand.instagram}} bereit – die kannst du in E-Mails, Websites, Shop und Formularen einsetzen, und sie füllen sich überall automatisch.

Rechte Spalte: Abo, Newsletter, Systemvariablen

Rechts siehst du deinen aktuellen Plan mit einem Link zum Upgrade, kannst den BirdBuild-Newsletter per Schalter an- oder abbestellen (speichert sofort) und dich über Konto von diesem Gerät abmelden. Ganz unten liegen die Systemvariablen: eigene Platzhalter, die du frei anlegst (Bezeichnung + Wert) und die sich systemweit einsetzen lassen. Der interne Schlüssel bleibt stabil, auch wenn du die Bezeichnung später umbenennst – so bricht ein einmal gesetztes {{…}} nicht.

API-Tokens

Brauchst du programmatischen Zugriff (etwa für den MCP-Server, um Websites automatisiert zu bauen), erstellst du im Block API-Tokens einen Token: Namen eintippen, Token erstellen klicken. Der Klartext wird genau einmal angezeigt – kopier ihn sofort. Ein Token ersetzt dein Passwort, behandle ihn also als Geheimnis; nicht mehr genutzte kannst du jederzeit widerrufen.

Hosting in der EU

Deine Websites und alle Daten liegen auf Servern in Deutschland — also innerhalb der EU und unter der DSGVO. Dafür musst du nichts einstellen, das ist einfach so. Auch der Versand der System-Mails (Bestätigungen, Benachrichtigungen) läuft über einen EU-Anbieter. Wenn du den transaktionalen Versand verbindest, kannst du unter Studio → E-Mails → Kanäle die Region wählen — Paris, Amsterdam oder Warschau.

SSL/HTTPS — passiert automatisch

Jede Website bekommt automatisch ein SSL-Zertifikat, ohne dass du etwas tust. Das gilt für die kostenlose Subdomain (deinname.birdbuild.net) genauso wie für eine eigene Domain. Das Zertifikat wird schon angestoßen, sobald du die Website anlegst — nicht erst beim Veröffentlichen. Der Grund ist praktisch: bis du fertig gebaut und veröffentlicht hast, ist es längst aktiv, und beim ersten Aufruf erscheint keine Verbindung nicht privat-Warnung. Bei einer eigenen Domain startet die Ausstellung, sobald die DNS-Prüfung erkennt, dass die Domain auf uns zeigt. Das kann in seltenen Fällen ein paar Minuten dauern — danach ist alles verschlüsselt.

Newsletter mit Double-Opt-in

Meldet sich jemand über ein Newsletter-Formular an, ist er erst mal nicht bestätigt. Er bekommt zuerst eine Bestätigungsmail, und erst nach dem Klick auf den Link wird er wirklich eingetragen und erhält Newsletter. Genau so verlangt es die DSGVO. Den Schalter dafür findest du unter Studio → E-Mails → Kanäle beim Punkt Double-Opt-In für Newsletter — er ist standardmäßig an. Lass ihn an, außer du hast einen sehr guten Grund. Den Text der Bestätigungsmail selbst kannst du unter Studio → Einstellungen → System-E-Mails an dein Design und deine Ansprache anpassen.

Einwilligung am Formular

Beim Bauen eines Kontakt- oder Newsletter-Formulars im Builder kannst du eine Einwilligungs-Checkbox aktivieren. Dann muss der Besucher aktiv zustimmen, bevor er absenden kann, und BirdBuild speichert den Zeitpunkt der Einwilligung mit. Den Checkbox-Text schreibst du selbst — pack am besten einen Link zu deiner Datenschutzerklärung rein. Wichtig: Ob eine Einwilligung nötig ist und in welche Kontaktliste ein Eintrag wandert, wird immer serverseitig aus deinem veröffentlichten Formular gelesen, nie aus dem abgeschickten Formular. So kann niemand per manipuliertem Absenden fremde Listen befüllen.

Bot- und Spam-Schutz

Jedes öffentliche Formular hat mehrere Schutzschichten, ohne dass du etwas tun musst. Zwei unsichtbare Honeypot-Felder fangen die meisten Spam-Bots ab (ein Mensch sieht sie nie, ein Bot füllt sie aus → die Einsendung wird still verworfen). Dazu kommt ein IP-Limit: pro Stunde sind maximal 20 Einsendungen von derselben Adresse erlaubt — für echte Besucher reicht das locker, Bots werden ausgebremst. Optional lässt sich zusätzlich Cloudflare Turnstile schalten, ein unsichtbarer Bot-Check, der ganz ohne nervige Bilderrätsel auskommt. Der greift auch beim Login und bei der Registrierung.

Sicheres Konto

Passwörter werden nie im Klartext gespeichert, sondern nur als kryptografischer Hash (scrypt). Der Login hat einen Brute-Force-Schutz: Nach zu vielen falschen Versuchen wird kurz gesperrt, wobei nur Fehlversuche zählen — ein erfolgreicher Login setzt den Zähler sofort zurück. Wer sein richtiges Passwort kennt, wird also nie ausgesperrt. Über Studio → Einstellungen → Konto meldest du dich jederzeit von einem Gerät ab.

Impressum & Datenschutzerklärung generieren

Rechtstexte sind lästig, aber Pflicht. Geh auf Studio → Websites, öffne bei der gewünschten Website den Rechtstexte-Assistenten und klick dich durch: Land (Österreich, Deutschland oder Schweiz), Betreiber-Art, Kontaktdaten, Tätigkeit. Im Schritt Funktionen hat BirdBuild deine Website schon analysiert und die passenden Punkte vorausgewählt — etwa Kontaktformular, Newsletter, Google Maps oder Zahlungsdienstleister. Prüf die Vorauswahl und häk fehlende Dienste an. Am Ende bekommst du fertiges Impressum und Datenschutzerklärung, die du kopieren oder direkt als Seiten übernehmen kannst. Ein ehrlicher Hinweis: Das ist eine solide Vorlage, aber keine Rechtsberatung. Bei kniffligen Konstellationen lass am besten einmal jemanden mit Ahnung drüberschauen.

Website ist nicht online / niemand sieht sie

Der häufigste Grund: Deine Seite ist gespeichert, aber noch nicht veröffentlicht. Speichern und Veröffentlichen sind bei BirdBuild zwei getrennte Schritte. Solange du im Builder nur speicherst, bleibt die Seite ein Entwurf und ist unter deiner Adresse nicht abrufbar.

So schaltest du sie live: Öffne die Website im Builder, klick oben rechts auf Veröffentlichen. BirdBuild legt dann einen Schnappschuss deines aktuellen Stands an und liefert ihn unter deinname.birdbuild.net aus. Danach zeigt die Website-Karte unter Websites den Status Live statt Entwurf. Über Live ansehen springst du direkt auf die öffentliche Fassung.

Wichtig zu wissen: Änderungen, die du nach dem Veröffentlichen im Builder machst, sind erst dann öffentlich, wenn du erneut veröffentlichst. Der Entwurf und die Live-Version sind bewusst getrennt, damit du in Ruhe bauen kannst, ohne dass Besucher halbfertige Stände sehen.

„Diese Adresse ist bereits vergeben"

Jede Subdomain darf nur einmal live sein. Wenn beim Veröffentlichen die Meldung kommt, dass deinname.birdbuild.net schon vergeben ist, hat eine andere veröffentlichte Website denselben Namen. Geh in den Website-Einstellungen auf das Feld Adresse (Subdomain) und wähl einen anderen Namen. Ein paar Namen sind gesperrt (z. B. www, app, admin, api, mail) – die kannst du nicht verwenden, weil sie für die Plattform reserviert sind.

E-Mail kommt nicht an

Fast immer liegt es daran, dass noch kein Versand-Anbieter verbunden ist. BirdBuild verschickt E-Mails nicht aus dem Nichts – du hinterlegst dafür einen Anbieter. Geh auf E-Mails → Versandkanäle. Dort gibt es zwei getrennte Blöcke:

• Transaktionaler Versand – für Bestätigungen, System-Mails und interne Benachrichtigungen (z. B. wenn jemand dein Kontaktformular ausfüllt).
• Marketing-Versand – für Newsletter und Kampagnen an deine Kontakte.

Ist keiner der beiden verbunden, meldet das System intern „Kein Versand-Anbieter verbunden" und die Mail geht schlicht nicht raus. Verbinde mindestens den transaktionalen Anbieter und trag eine Absender-Adresse ein, dann laufen Bestätigungs- und Benachrichtigungs-Mails.

Weitere Stolpersteine, wenn der Anbieter verbunden ist und trotzdem nichts ankommt:

• Test-Umleitung aktiv: Auf derselben Seite gibt es eine Karte für eine Umleitungs-Adresse. Ist die gesetzt, gehen alle Mails an diese eine Adresse (der eigentliche Empfänger steht dann im Betreff in eckigen Klammern). Praktisch beim Testen – aber leer lassen, sobald es echt sein soll.
• Newsletter mit Double-Opt-in: Trägt sich jemand über ein Newsletter-Feld ein, bekommt er zuerst eine Bestätigungs-Mail und zählt erst nach dem Klick als bestätigter Kontakt. Bis dahin bekommt er keine Kampagnen. Das ist rechtlich so gewollt.
• System-Mail abgeschaltet: Unter Einstellungen → System-E-Mails lässt sich jeder Mail-Typ einzeln an- und ausschalten. Ist eine Vorlage aus, wird sie beim passenden Ereignis übersprungen.
• Spam-Ordner & Absender-Domain: Schau zuerst im Spam-Ordner nach. Für saubere Zustellung braucht die Absenderdomain korrekte DNS-Einträge (SPF/DKIM) – die richtest du beim Anbieter ein.

Buchung zeigt keine freien Zeiten an

Wenn im Buchungs-Widget keine Zeiten auswählbar sind, fehlen meist die Öffnungszeiten oder die Leistung ist nicht sauber angelegt. BirdBuild rechnet die freien Slots aus deinen Öffnungszeiten, der Dauer der Leistung und den schon vergebenen Terminen aus. Fehlt eine dieser Angaben, bleibt die Liste leer.

Prüf das der Reihe nach:

• Öffnungszeiten setzen: Geh auf Termine → Einstellungen. Schalte für jeden Tag, an dem gebucht werden darf, den Regler auf aktiv und trag Von- und Bis-Zeit ein. Standard ist Mo–Fr 09:00–17:00, Sa/So geschlossen. An geschlossenen Tagen erscheinen nie Slots – das ist auch der Grund, wenn ausgerechnet am Wochenende nichts angezeigt wird.
• Zeitfenster muss passen: Die Bis-Zeit muss nach der Von-Zeit liegen, und die Leistung muss ins Fenster passen. Dauert eine Leistung 90 Minuten und du hast nur 09:00–10:00 offen, passt kein einziger Termin hinein und die Liste bleibt leer.
• Leistung aktiv: Unter Termine → Services muss die Leistung auf aktiv stehen und eine Dauer haben. Inaktive Leistungen sind öffentlich nicht buchbar.
• Raster & Puffer: Unter Buchungsregeln legst du fest, in welchem Takt Startzeiten angeboten werden (z. B. alle 30 Minuten) und wie viel Puffer zwischen zwei Terminen bleibt. Ein sehr großer Puffer bei knappen Öffnungszeiten kann die Auswahl stark ausdünnen.

Ein Tipp: Der Tag wird in der Zeitzone des Projekts berechnet (Standard Wien). Wenn du in einem anderen Land arbeitest, stell die Zeitzone in denselben Einstellungen um, sonst verschieben sich die Zeiten.

Eigene Domain verbindet sich nicht

Damit deine Seite unter deiner Wunschadresse (z. B. meine-firma.at) läuft, brauchst du drei DNS-Einträge bei deinem Domain-Anbieter. Du findest sie fertig ausgefüllt in den Website-Einstellungen unter Eigene Domain verbinden:

• TXT-Eintrag auf _birdbuild-verify – das ist der Eigentümer-Nachweis. Erst wenn dieser Eintrag gefunden wird, gilt die Domain als dir gehörend und wird ausgeliefert. Ohne ihn passiert nichts, egal wie die anderen Einträge stehen.
• A-Eintrag auf @, der auf unsere Server-IP zeigt (185.211.61.24).
• CNAME auf www, der auf *.birdbuild.net zeigt.

Nachdem du die Einträge angelegt hast, klick in den Einstellungen auf erneut prüfen. Der Status sagt dir, wo es hakt: „TXT-Eintrag fehlt noch" heißt, die Domain zeigt schon auf uns, aber der Nachweis fehlt – dann ist meist nur der TXT-Eintrag falsch getippt. „Eigentum bestätigt" heißt, der Nachweis stimmt und die Seite geht live, sobald A/CNAME aktiv sind und das HTTPS-Zertifikat erstellt wurde. Das Zertifikat läuft automatisch, du musst nichts installieren.

Wenn nach dem Anlegen noch nichts gefunden wird, ist das oft normal: DNS-Änderungen brauchen je nach Anbieter ein paar Minuten bis zu 24 Stunden, bis sie überall greifen. Ersetz vorhandene alte Einträge für @ und www, statt sie doppelt anzulegen. Unterstützt dein Anbieter keinen A-Eintrag auf @, nimm stattdessen ALIAS oder ANAME auf den CNAME-Zielwert. Kommt die Meldung, die Domain sei bereits mit einer anderen bestätigten Website verbunden, ist sie in einem anderen deiner Projekte belegt – dort zuerst lösen.

Die vier Tarife im Überblick

Die Pläne bauen aufeinander auf — jeder höhere enthält alles aus dem darunter. Du findest sie auf der öffentlichen Preisseite unter /preise.

• Start — der Einstieg: eine Website, der komplette Drag-&-Drop-Builder, alle Vorlagen und eine birdbuild.net-Subdomain.
• Solo (19 €/Monat) — alles aus Start, dazu deine eigene Domain, kein BirdBuild-Branding mehr auf der Seite sowie Formulare und Analytics.
• Pro (39 €/Monat, beliebteste Wahl) — alles aus Solo, plus Shop, Funnels und A/B-Tests, E-Mail-Kampagnen mit Automationen sowie CRM und Buchungen.
• Business (89 €/Monat) — alles aus Pro, dazu Kurse und Community, der KI-Generator samt Website-Transfer und mehrere Tenants mit Team-Funktion.

Nicht sicher, welcher passt? Auf der Preisseite gibt es den Plan-Finder: sechs kurze Fragen zu Teamgröße, Einsatzzweck und Anzahl deiner Projekte, danach bekommst du eine klare Empfehlung. Klick dazu einfach auf „Quiz starten“.

Kein Free-Plan — dafür 14 Tage kostenlos testen

Wir haben bewusst keinen dauerhaft kostenlosen Tarif. Stattdessen testest du 14 Tage lang gratis — mit dem vollen Funktionsumfang des Tarifs, den du gewählt hast, und ohne dass du vorab etwas bezahlst. Du probierst also die echte Pro- oder Business-Ausstattung aus, nicht eine abgespeckte Demo.

Nach den 14 Tagen wird die Zahlung fällig. Zahlst du nicht, wird dein Konto pausiert — aber nicht gelöscht. Deine Daten bleiben eine Karenzzeit erhalten, damit dir nichts verloren geht, nur weil du es mal vergessen hast. Sobald du zahlst, geht alles genau dort weiter, wo du aufgehört hast.

Monatlich oder jährlich zahlen

Auf der Preisseite gibt es oben einen Umschalter zwischen Monatlich und Jährlich. Der Unterschied:

• Monatlich: voller Monatspreis, und du bist monatlich kündbar — keine lange Bindung.
• Jährlich: du zahlst nur 10 statt 12 Monate, sparst also zwei Monate pro Jahr. Bei Pro bedeutet das zum Beispiel: statt 12 × 39 € zahlst du einmal 390 € fürs Jahr.

Hinweis: Solange BirdBuild noch nicht offiziell gestartet ist, sind die Preiszahlen auf der Seite bewusst verwischt dargestellt („Finaler Preis folgt zum Start“). Die hier genannten Beträge sind die geplanten Preise.

Add-ons: Website-Transfer

Du hast schon eine Seite bei EASY2 oder WordPress? Die kannst du zu BirdBuild übertragen lassen. Ablauf: erst weist du per DNS-Eintrag nach, dass die Seite dir gehört (bei WordPress zusätzlich ein WXR-Upload), dann wird sie analysiert und in BirdBuild nachgebaut.

• Der erste Transfer ist gratis.
• Jeder weitere Transfer kostet einmalig rund 100 € — zubuchbar, wenn du ihn brauchst.
• Höhere Tarife können mehr Gratis-Transfers enthalten.

Für Agenturen: 30 Tage gratis pro Kunden-Website

Wenn du eine Agentur betreibst und Websites für deine Kund:innen verwaltest, kannst du einzelne Kunden-Websites 30 Tage kostenlos laufen lassen. Das ist pro Website umschaltbar — so hast du in Ruhe Zeit, die Seite aufzusetzen und dem Kunden zu präsentieren, bevor die Abrechnung startet. Diese verlängerte Gratis-Phase gilt nur für von einer Agentur verwaltete Seiten, nicht für normale Konten.

Tarif wechseln

Du kannst jederzeit hochstufen, wenn du mehr brauchst — etwa von Solo auf Pro, sobald du einen Shop aufmachen willst. Ein Downgrade ist ebenfalls möglich; beachte dabei nur, dass ein niedrigerer Tarif bereits gewährtes Guthaben (zum Beispiel Gratis-Transfers) nicht neu vergibt.