Formulare in Sitebuilder erstellen: Schritt für Schritt

Formulare sind unverzichtbar für jede Website. Egal, ob Sie ein Kontaktformular, Anmeldeformular oder eine Umfrage benötigen, Sitebuilder bietet alle Werkzeuge, um professionelle Formulare ohne technische Kenntnisse zu erstellen.

Warum Formulare wichtig sind

Formulare bilden die Brücke zwischen Ihnen und Ihren Besuchern. Sie ermöglichen es:

  • Kontaktdaten potenzieller Kunden zu sammeln
  • Feedback und Bewertungen zu erhalten
  • Newsletter-Anmeldungen zu verarbeiten
  • Angebotsanfragen zu erhalten
  • Umfragen und Untersuchungen durchzuführen

Ein Formular hinzufügen

Schritt 1: Formularblock platzieren

  1. Öffnen Sie die Seite, auf der Sie das Formular platzieren möchten
  2. Klicken Sie auf das Plus-Symbol, um ein Element hinzuzufügen
  3. Suchen Sie in der Elementbibliothek nach Formular
  4. Ziehen Sie den Formularblock an die gewünschte Position

Schritt 2: Formularart wählen

Sitebuilder bietet verschiedene vorgefertigte Formularvorlagen:

  • Kontaktformular: Name, E-Mail und Nachricht
  • Newsletter-Anmeldung: Nur E-Mail-Adresse
  • Angebotsanfrage: Umfangreich mit mehreren Feldern
  • Leeres Formular: Vollständig selbst gestalten

Wählen Sie den Typ, der am besten zu Ihrem Ziel passt.

Felder hinzufügen und konfigurieren

Verfügbare Feldtypen

Sitebuilder unterstützt diverse Feldtypen für jede Situation:

Textfelder

  • Kurzer Text (für Namen, Betreff)
  • Langer Text (für Nachrichten, Kommentare)
  • E-Mail (mit automatischer Validierung)
  • Telefonnummer
  • Website-URL

Auswahlfelder

  • Dropdown-Menü (eine Option wählen)
  • Radiobuttons (eine Option, immer sichtbar)
  • Kontrollkästchen (mehrere Optionen möglich)

Spezialfelder

  • Datumswähler
  • Zeitwähler
  • Dateiupload
  • Sternebewertung
  • Unterschrift

Feld hinzufügen

  1. Klicken Sie im Editor auf das Formular
  2. Wählen Sie Feld hinzufügen
  3. Wählen Sie den Feldtyp
  4. Geben Sie den Feldnamen ein
  5. Stellen Sie optional einen Platzhalter ein

Feld verpflichtend machen

Einige Felder dürfen nicht leer bleiben. So machen Sie ein Feld verpflichtend:

  1. Klicken Sie auf das Feld, das Sie anpassen möchten
  2. Öffnen Sie die Feldeinstellungen
  3. Schalten Sie den Schalter Verpflichtend ein
  4. Fügen Sie optional eine eigene Fehlermeldung hinzu

Formulareinstellungen

E-Mail-Benachrichtigungen

Erhalten Sie eine E-Mail bei jeder Einsendung:

  1. Klicken Sie auf das Formular
  2. Gehen Sie zu Einstellungen
  3. Geben Sie Ihre E-Mail-Adresse bei Empfänger ein
  4. Passen Sie den Betreff an
  5. Wählen Sie, welche Felder in der E-Mail erscheinen

Bestätigungsseite

Nach dem Absenden können Sie Besucher weiterleiten oder eine Nachricht anzeigen:

Nachricht anzeigen

  1. Wählen Sie Nachricht anzeigen
  2. Geben Sie Ihre Dankesnachricht ein
  3. Gestalten Sie die Nachricht nach Wunsch

Weiterleiten zur Seite

  1. Wählen Sie Weiterleiten zur URL
  2. Geben Sie die URL Ihrer Dankeseite ein
  3. Erstellen Sie optional eine spezielle Dankeseite

Spam-Schutz

Verhindern Sie Spam-Einsendungen mit diesen Optionen:

reCAPTCHA hinzufügen

  1. Gehen Sie zu den Formulareinstellungen
  2. Aktivieren Sie reCAPTCHA
  3. Verbinden Sie Ihre Google reCAPTCHA-Schlüssel
  4. Wählen Sie zwischen v2 (Checkbox) oder v3 (unsichtbar)

Honeypot-Feld Dies ist ein unsichtbares Feld, das nur Bots ausfüllen:

  1. Aktivieren Sie Honeypot in den Einstellungen
  2. Spam wird automatisch gefiltert

Erweiterte Optionen

Bedingte Logik

Zeigen oder verbergen Sie Felder basierend auf vorherigen Antworten:

  1. Wählen Sie das Feld, das bedingt sein soll
  2. Klicken Sie auf Bedingungen
  3. Stellen Sie die Regel ein (zum Beispiel: nur anzeigen, wenn...)
  4. Wählen Sie das Triggerfeld und den Wert

Beispiel: Zeigen Sie ein Textfeld Andere Gründe nur an, wenn jemand Sonstiges in einem Dropdown auswählt.

Mehrstufiges Formular

Lange Formulare können Sie in Schritte unterteilen:

  1. Fügen Sie ein Schritt-Element hinzu
  2. Platzieren Sie Felder in jedem Schritt
  3. Konfigurieren Sie die Weiter- und Zurück-Schaltflächen
  4. Fügen Sie optional einen Fortschrittsbalken hinzu

Dateiuploads

Lassen Sie Besucher Dateien mitsenden:

  1. Fügen Sie ein Dateiupload-Feld hinzu
  2. Legen Sie erlaubte Dateitypen fest (PDF, JPG, PNG)
  3. Konfigurieren Sie die maximale Dateigröße
  4. Wählen Sie, ob mehrere Dateien erlaubt sind

Formularstyling

Aussehen anpassen

  1. Wählen Sie das Formular
  2. Gehen Sie zu Design
  3. Passen Sie an:
    • Hintergrundfarbe
    • Randstil und Farbe
    • Schriftart und Größe
    • Feldhöhe und -breite
    • Schaltflächenstil

Senden-Schaltfläche stylen

  1. Klicken Sie auf die Senden-Schaltfläche
  2. Ändern Sie den Text (Senden, Anmelden, Anfragen)
  3. Passen Sie die Farben an
  4. Fügen Sie Hover-Effekte hinzu

Einsendungen verwalten

Einsendungen ansehen

Alle Formulareinsendungen werden gespeichert:

  1. Gehen Sie zu Formulare in Ihrem Dashboard
  2. Wählen Sie das Formular
  3. Sehen Sie alle Einsendungen chronologisch an
  4. Klicken Sie auf eine Einsendung für Details

Einsendungen exportieren

  1. Gehen Sie zu Formulareinsendungen
  2. Klicken Sie auf Exportieren
  3. Wählen Sie das Format (CSV oder Excel)
  4. Laden Sie die Datei herunter

Tipps für effektive Formulare

Halten Sie es kurz

  • Fragen Sie nur, was nötig ist
  • Kombinieren Sie Vorname und Nachname in einem Feld
  • Vermeiden Sie optionale Felder, es sei denn, sie sind nützlich

Klare Beschriftungen

  • Verwenden Sie klare Feldnamen
  • Fügen Sie Platzhalter als Beispiel hinzu
  • Zeigen Sie Fehlermeldungen direkt am Feld an

Mobilfreundlich

  • Testen Sie Formulare auf Ihrem Telefon
  • Sorgen Sie für große berührbare Elemente
  • Verwenden Sie die richtige Tastatur (E-Mail, Telefon)

Verwandte Artikel

Brauchen Sie Hilfe?

Wir sind für Sie da! Stoßen Sie auf Probleme oder haben Sie Fragen? Unser Support-Team hilft Ihnen gerne persönlich weiter. Senden Sie uns eine Nachricht über das Ticketsystem - wir antworten in der Regel innerhalb weniger Stunden und denken gerne mit Ihnen mit.