Skip to content
  • Portrait
    • Testimonials
    • über uns
    • Feeds
    • AGB
  • Leistungen
    • Wie wir arbeiten
    • Webdesign Region
    • Fallstudien
      • Fallstudie Projekt Maler-Gipser
      • Fallstudie Projekt Treuhand
      • Fallstudie Projekt Museum
      • Fallstudie Projekt Gesundheitspraxis
    • Checklisten
      • META Unabhaengigkeit
      • Neue Website lancieren
    • Shopübersicht
  • Insights
    • Webdesign vom Spezialisten
    • Know-how
    • Neuigkeiten über Webseiten
    • Reels
    • Analoge Hilfsmittel
  • Kalkulatoren
  • FAQ
    • Datenschutzerklärung
  • Anfragen
    • Erstgespräch
    • Projektanfrage
  • Portrait
    • Testimonials
    • über uns
    • Feeds
    • AGB
  • Leistungen
    • Wie wir arbeiten
    • Webdesign Region
    • Fallstudien
      • Fallstudie Projekt Maler-Gipser
      • Fallstudie Projekt Treuhand
      • Fallstudie Projekt Museum
      • Fallstudie Projekt Gesundheitspraxis
    • Checklisten
      • META Unabhaengigkeit
      • Neue Website lancieren
    • Shopübersicht
  • Insights
    • Webdesign vom Spezialisten
    • Know-how
    • Neuigkeiten über Webseiten
    • Reels
    • Analoge Hilfsmittel
  • Kalkulatoren
  • FAQ
    • Datenschutzerklärung
  • Anfragen
    • Erstgespräch
    • Projektanfrage
    Know-how  ·  05. Juni 2026

    Besseres Kontaktformular für mehr Kundenanfragen

    Wie sollte ein Kontaktformular aussehen, damit es tatsächlich Anfragen bringt

    Das eigentliche Problem liegt selten am Formular selbst

    Ein Kontaktformular sammelt keine Anfragen. Es entscheidet darüber, ob jemand, der bereits Interesse hat, den letzten Schritt geht oder die Seite verlässt. Diese Unterscheidung ist wichtig, weil sie zeigt, woran ein schwaches Formular tatsächlich scheitert. Der Besucher kommt mit einem konkreten Anliegen. Er prüft innerhalb weniger Sekunden, ob die Eingabemaske vertrauenswürdig wirkt, wie viel Aufwand sie verlangt und ob er versteht, was nach dem Absenden passiert. Diese Bewertung läuft unbewusst ab und entscheidet über die Anfrage.

    Die richtige Anzahl Felder hängt vom Auftragstyp ab

    Pauschale Empfehlungen wie “so wenig Felder wie möglich” greifen zu kurz. Ein Schreiner, der individuelle Möbel fertigt, profitiert von mehreren Feldern, weil er Anfragen vorqualifizieren muss. Wer ohne Massangaben, Materialwunsch und Zeithorizont anfragt, kostet ihn Stunden für ein unverbindliches Erstgespräch. In einem solchen Projekt haben wir das Formular bewusst auf sechs Felder erweitert, davon zwei als Pflicht. Die Zahl der Anfragen sank leicht, die Qualität stieg deutlich. Bei einem Hauswart, der Liegenschaften in Uster betreut, war die Lage umgekehrt. Drei Felder genügen: Name, Telefonnummer, kurze Beschreibung. Alles Weitere klärt das Telefonat.

    Microcopy entscheidet darüber, ob ein Feld ausgefüllt wird

    Beschriftungen wie “Nachricht” oder “Anliegen” sind technisch korrekt und gleichzeitig unbrauchbar. Sie verlangen vom Besucher, dass er selbst herausfindet, was er schreiben soll. Wirksamer sind Formulierungen, die konkret nach dem fragen, was Sie für das Erstgespräch benötigen. Bei einem Yoga-Studio in Wetzikon haben wir das Feld “Nachricht” ersetzt durch die Frage “Welches Ziel verfolgen Sie, und haben Sie bereits Vorerfahrung?”. Die Antworten wurden länger und verwertbarer. Das Studio konnte Anfragen direkt einer Kursempfehlung zuordnen und sparte den Klärungs-Mailverkehr.

    Pflichtfelder bewusst setzen

    Ein Stern hinter jedem Feld erzieht Besucher dazu, das Minimum einzutragen. Markieren Sie nur jene Felder als Pflicht, ohne die Sie nicht antworten können. Beim erwähnten Schreiner waren das Name, E-Mail und die grobe Projektbeschreibung. Telefonnummer und Wunschtermin blieben optional, wurden aber zu rund 70 Prozent ausgefüllt, weil die Anordnung der Felder den nächsten logischen Schritt vorgab. Pflicht erzeugt Widerstand, eine sinnvolle Reihenfolge erzeugt Mitarbeit.

    Vertrauen entsteht im Umfeld des Formulars

    Ein Formular steht selten isoliert. Direkt darüber gehört in der Regel eine Aussage darüber, was nach dem Absenden geschieht. “Sie erhalten innerhalb von 24 Stunden eine Antwort.” Diese eine Zeile beantwortet die unausgesprochene Frage jedes Besuchers, ob seine Anfrage versickert. Bei einem Maler im Zürcher Oberland haben wir diese Zeile ergänzt und gleichzeitig ein kleines Portraitfoto neben das Formular gesetzt. Die Conversion stieg innerhalb von zwei Monaten messbar an, obwohl das Formular selbst unverändert blieb.

    Mobiltauglichkeit ist keine Option mehr

    Über die Hälfte der Anfragen entsteht heute auf dem Smartphone. Felder müssen gross genug sein, dass sie mit dem Daumen treffsicher angesteuert werden. Eingabetypen müssen korrekt deklariert sein, damit die richtige Tastatur erscheint – Zahlentastatur bei der Telefonnummer, At-Zeichen direkt verfügbar bei der E-Mail. Diese technischen Details kosten wenig Aufwand und verhindern Abbrüche, die niemand misst, weil sie unsichtbar geschehen.

    Datenschutz transparent darstellen

    In der Schweiz gilt das revidierte Datenschutzgesetz seit September 2023. Ein Hinweis unter dem Formular, dass die Daten ausschliesslich zur Bearbeitung der Anfrage verwendet und nicht an Dritte weitergegeben werden, ist nötig und schafft gleichzeitig Vertrauen. Ein Häkchen mit Zwang zur Einwilligung ist in den meisten Fällen nicht erforderlich, solange der Zweck klar im Klartext beschrieben ist. Bei einem Verein haben wir diese Klausel auf zwei Sätze gekürzt und gleichzeitig die Anfragen erhöht, weil das Formular weniger juristisch und mehr ansprechbar wirkte.

    Spamschutz darf nicht spürbar sein

    Captchas, die Bilder identifizieren lassen, kosten Anfragen. Ein Honeypot-Feld, das für Menschen unsichtbar bleibt und nur von Bots ausgefüllt wird, erledigt denselben Schutz ohne Nebenwirkung. Bei Websites lässt sich diese Methode mit etwas zusätzlichem Code ergänzen, ohne dass der Besucher etwas davon merkt. Wer mit reCAPTCHA arbeitet, sollte zumindest die unsichtbare Variante wählen, die im Hintergrund läuft. Wir arbeiten bei Formularen deshalb ausschliesslich mit Jotform oder Elfsight. Das sind externe Anbieter von äusserst professionellen Formularen. Der Kunde erhält z. B. eine Kopie seiner Anfrage.

    Der Button entscheidet mit

    “Absenden” ist die schwächste denkbare Beschriftung. Sie beschreibt eine Mechanik, kein Ziel. Wirksam sind Buttons, die das Ergebnis benennen. “Offerte anfordern”, “Termin reservieren”, “Beratung anfragen”. Bei einem Tennislehrer haben wir “Senden” durch “Probelektion anfragen” ersetzt. Die Klickrate auf den Button stieg um rund 30 Prozent, weil er erstmals einlöste, was die Seite versprochen hatte.

     

    Was nach dem Klick passiert, gehört zum Formular.

    Eine Dankesseite, die schlicht “Vielen Dank, wir melden uns” anzeigt, verschenkt einen der wichtigsten Momente. Der Besucher ist in diesem Moment maximal aufmerksam. Nutzen Sie diese Sekunden, um Erwartungen zu setzen: Wann genau die Antwort kommt, über welchen Kanal, was er im Erstgespräch erwartet, ob er sich auf etwas vorbereiten soll. Bei mehreren unserer Projekte haben wir auf der Dankesseite zusätzlich eine Telefonnummer eingebaut für den Fall, dass die Anfrage doch dringend ist.

    Die Position auf der Website

    Ein Kontaktformular gehört auf eine eigene Unterseite, gleichzeitig sollte ein kleineres Anfrageelement auch auf jenen Seiten verfügbar sein, auf denen die Kaufentscheidung reift – also auf Leistungs- und Referenzseiten. Diese Doppelpräsenz reduziert die Klickwege und nimmt dem Besucher die Suche ab. Auf der Hauptseite “Kontakt” gehört das Formular weit oben, ohne grosse Einleitung. Wer auf “Kontakt” klickt, will sich nicht durch einen Begrüssungstext arbeiten.

    Häufige Fehler, die regelmässig Anfragen kosten

    Lange Formulare ohne erkennbaren Mehrwert für den Besucher zählen ebenso dazu wie Pflichtfelder für Postadressen ohne Begründung, generische Button-Beschriftungen, fehlende Vorschau der Antwortzeit, zu kleine Felder auf dem Smartphone, eine nichtssagende Bestätigungsseite und sichtbare Captchas. Diese Fehler treten regelmässig auf und sind in den meisten Fällen ohne grossen Aufwand zu beheben. Wer sein Formular einmal jährlich durchgeht und einzelne Punkte anpasst, verbessert die Anfragequalität in der Regel stärker als durch einen Relaunch der gesamten Website.

    Jetzt Erstgespräch anfordern
    tagPlaceholderTags:
    Global colors
      bg-primary
      bg-primary-light
      bg-primary-dark
      bg-secondary
      bg-secondary-dark
    Template colors
      body
      top-header
      top-header-inner
      header
      header-inner
      navigation-inner
      navigation color
      dropdown background color
      content
    Footer Styles
      background
      text color
      link color
      horizontal line
    Buttons
      style 1
      style 2
      style 3
      text color
    Mobile navigation
      background color
      navigation color
    Other elements
      social icons
      top header border
      header border
      nav inner border
      footer border
     
    Template configurations
     
    has-right-nav no-shopping-cart primary-font
     
    Top header inner
     
    has-top-header-border-color br20
     
    Header inner
     
     br15 has-shadow-small  add-left-20 add-right-20  margin-10
     
    Navigation inner
     
    br10 has-large-border has-border-left
     
    Navigation styles
     
    size-15 weight-400 has-large-border-radius no-shadow
     
    Sub-menu (breadcrumbs) styles
     
    size-15
     
    Mobile Navigation styles
     
    size-30
     
    Content styles
     
    form-white round-btn
     
    Footer styles
     
    o-form round-btn
     
    Footer background image
     
     

     

    Typography

    Heading H1
    weight-700
     
    Heading H2
    weight-500
     
    Heading H3
    weight-500
     
    Body text (p, table, td)
    weight-400
     
    Buttons
    weight-600 size-16
     
     
    Advanced settings
     
    Custom CSS

    .my-class {

    background:#f0f0f0;

    }

    /* MATRIX-GLOBAL-SETTINGS-START */

    :root {

    --content-width: 1170px;

    --special-pages-content-width: 900px;

    }

    #cc-inner #hs-container .j-formnew input[type='submit'],

    #cc-inner #hs-container input.submitUser,

    #cc-inner .hs-button,

    #cc-inner .j-calltoaction-link,

    #cc-inner input.cc-checkout-btn,

    #cc-inner a.cc-shop-addtocard {

    padding: 6px 30px !important;

    }

    .j-module.j-imageSubtitle img,

    .j-module.j-textWithImage img,

    .j-module.j-gallery img {

    border-radius: 25px;

    }

    /* MATRIX-GLOBAL-SETTINGS-END */


    Note:
    All changes made here will be applied to your entire website.

    Standorte im Überblick


    • Rapperswil
    • Hinwil
    • Wetzikon
    • Uster
    • Effretikon
    • Winterthur

    (+41) 79 871 22 78
    E-Mail
    Edit Top Header section here

    draggable-logo
    Logo Webdesign-ZO

    Impressum | AGB | Widerrufsbelehrung | Datenschutz | Cookie-Richtlinie | Vertrag widerrufen
    (C) 2026 / Webdesign-ZO
    Abmelden | Bearbeiten
    • Nach oben scrollen