--- title: So entwerfen Sie das perfekte Kontaktformular für Ihre Website description: Ein durchdachtes Kontaktformular kann mitentscheiden, ob ein Interessent seine Daten preisgibt. Es lohnt sich, wenn Sie die Conversion steigern wollen. image: https://www.vierviertel.com/hubfs/vier_blog_das-perfekte-Kontaktformular-f%C3%BCr-Ihre-Website.jpg --- [![vierviertel](https://www.vierviertel.com/hubfs/vierviertel_2023_orange-1.svg "vierviertel")](https://www.vierviertel.com/) - Leistungen - [Marke, Strategie & Positionierung](https://www.vierviertel.com/marke-strategie-positionierung) - [Website & Maintenance](https://www.vierviertel.com/website-maintenance) - [Inbound & Outbound Kampagnen](https://www.vierviertel.com/demand-generation) - [Vertriebsmaterial & Messe](https://www.vierviertel.com/vertriebsmaterial-messe) - [Marketing Technology Integration](https://www.vierviertel.com/marketing-technology-integration) - [AI Marketing Operations](https://www.vierviertel.com/ai-marketing-operations) - [Referenzen](https://www.vierviertel.com/referenzen) - Ressourcen - WISSENSWERTES - [Blog](https://www.vierviertel.com/blog) - [Website Relaunch Guide](https://www.vierviertel.com/website-relaunch-guide/) - [Branding Guide](https://www.vierviertel.com/branding-guide/) - [Checkliste Broschüre](https://www.vierviertel.com/checkliste-broschüre) - [SEO-Checkliste](https://www.vierviertel.com/website-seo-checkliste-neu) - [Checkliste Inbound Marketing Kampagne](https://www.vierviertel.com/checkliste-inbound-marketing-kampagne) - [Messedesign Guide](https://www.vierviertel.com/blog/messedesign) - [Inbound Marketing Grundlagen](https://www.vierviertel.com/blog/grundlagen-inbound-marketing) - [Leadgenerierung Know-How](https://www.vierviertel.com/blog/leadgenerierung) - [B2B Content Marketing Tipps](https://www.vierviertel.com/blog/b2b-content-marketing) - [HubSpot Marketing Software](https://www.vierviertel.com/blog/hubspot) - [Biotech Marketing](https://www.vierviertel.com/biotech-marketing) - [Marketing für IT Unternehmen](https://www.vierviertel.com/marketing-fuer-it-unternehmen) - [FAQ](https://www.vierviertel.com/marketing-und-design-faq) - [Marketing- und Design-Glossar](https://www.vierviertel.com/de/marketing-und-design-glossar) - KALKULATION & KOSTEN - [Inbound Marketing Kosten](https://www.vierviertel.com/blog/was-kostet-inbound-marketing) - [Website Kosten](https://www.vierviertel.com/blog/neue-website-wie-hoch-sind-die-kosten) - [Was kostet eine Broschüre?](https://www.vierviertel.com/blog/broschuere-erstellen-lassen) - PARTNER & TOOLS - [HubSpot Solutions Partner](https://ecosystem.hubspot.com/de/marketplace/solutions/vierviertel-agentur-fuer-kommunikationsdesign-gmbh) - [Google Partner Agentur](https://ads.google.com/) - [LinkedIn Kampagnen-Manager](https://business.linkedin.com/) - [Facebook Business](https://www.facebook.com/business) - [Sistrix](https://www.sistrix.de/) - Agentur - [Agenturprofil](https://www.vierviertel.com/agentur-profil) - [Biotech & Life Science Agentur](https://www.vierviertel.com/biotech-life-science-agentur) - [Agentur für Consulting und Beratungsunternehmen](https://www.vierviertel.com/agentur-fuer-consulting-und-beratungsunternehmen) - [Jobs](https://www.vierviertel.com/jobs) [Kontakt](https://www.vierviertel.com/kontakt) - en [Inbound Marketing](https://www.vierviertel.com/blog/topic/inbound-marketing) , [Website](https://www.vierviertel.com/blog/topic/website) # So entwerfen Sie das perfekte Kontaktformular für Ihre Website 01.07.2024 [Christoph Weimann](https://www.vierviertel.com/blog/author/chris) ![](https://www.vierviertel.com/hubfs/vier_blog_das-perfekte-Kontaktformular-f%C3%BCr-Ihre-Website.jpg) Was ist denn an Kontaktformularen spannend? Es sind schließlich nur ein paar Felder, in die man seine Kontaktdaten eingeben soll. Die Betonung liegt auf „Kontaktdaten“. Denn wer das Formular ausfüllt und abschickt, wird damit vom anonymen Besucher zu einem potenziellen Kunden, der uns zum Dialog auffordert. Und diese sogenannte Conversion wünschen wir uns doch im [B2B-Marketing](https://www.vierviertel.com/blog/website-optimierung-fuer-b2b-unternehmen), oder? ## Warum ein Kontaktformular erstellen?   Ein durchdachtes und gut platziertes Kontaktformular kann maßgeblich mitentscheiden, ob ein Interessent seine Daten preisgibt oder nicht. Es lohnt sich also, diesem Thema Aufmerksamkeit zu schenken, denn die Conversion Ihres Formulars lässt sich auch mit vermeintlich kleinen Stellschrauben ankurbeln. Einige praktische Tipps habe ich hier für Sie zusammengestellt.   ## Wie sieht ein Kontaktformular aus?   Ob Ihr Formular drei oder acht Felder benötigt, lässt sich pauschal nicht beantworten. Es gibt aber eine Faustregel, die besagt: Sammeln Sie nur so viele Informationen, wie Sie auch wirklich brauchen. Je weniger Eingabefelder ein Formular hat, desto leichter wird es **Conversions** erzielen. Logisch, wir Nutzer machen uns eben ungern mehr Arbeit als nötig.   Ein längeres **Kontaktformular**, das nach Aufwand aussieht, erzeugt beim Besucher eine größere Hemmschwelle. Trotzdem mag es eine gute Entscheidung sein, ein paar zusätzliche Informationen abzufragen. Die Zahl der Leads wird sich dadurch wahrscheinlich verringern, aber ihre Qualität steigt gleichzeitig an, was in manchen Geschäftsfeldern entscheidend sein kann. Fragen Sie sich bei der Konzeption des Formulars immer, welchem Zweck es dient.   Sie haben natürlich die Möglichkeit, ein längeres Formular zu konzipieren, aber lediglich wenige Felder als Pflichtfelder zu definieren. Die zusätzlichen Daten werden vom Nutzer dann auf freiwilliger Basis eingegeben. Behalten Sie aber im Hinterkopf, dass schon der Anblick eines ausführlichen Kontaktformulars auf manche Besucher abschreckend wirken kann. Meine Empfehlung: Entwerfen sie zwei unterschiedliche Kontaktformulare, testen Sie sie nach der A/B-Methode – und setzen Sie auf den Gewinner.     ## Absenden oder nicht – das gehört auf den Button   In vielen Standardformularen ist der Call-to-Action-Button mit einem schlichten »Abschicken« oder »Absenden« beschriftet. Wir können jedoch die Conversionrate steigern, indem wir den neutralen, aber langweiligen Begriff durch eine konkrete Handlungsanweisung ersetzen. Am besten funktionieren Buttons, die sich auf das Angebot beziehen, das der Nutzer gerade wahrnehmen möchte. So hat er seinen Vorteil noch einmal kurz und knackig vor Augen. Im Fall des Kontaktformulars empfehlen wir die Beschriftung: »Jetzt Kontaktformular absenden«. **Tipp:** Der Button sollte nicht dezent mit dem Hintergrund verschmelzen, sondern deutlich und einladend am Ende des Formulars prangen. Er sollte eindeutig als Button erkennbar sein – er muss nicht nur klickbar sein, sondern auch so aussehen.     ## Den Nutzer in den Mittelpunkt stellen   Wir haben es immer mit Menschen zu tun – und die fühlen sich persönlicher angesprochen, wenn sie erst einmal ihr Anliegen kundtun können. Indem Sie in Ihrem Kontaktformular fragen »Worum geht’s?«, stellen Sie für den Nutzer Relevanz her. Hat er erst einmal beschrieben, um was es ihm geht, wird er seine persönlichen Daten mit einem besseren Gefühl eingeben.      ## Formulare so einfach wie möglich gestalten   Niemand möchte komplizierte, unnötig lange oder technisch nervtötende [Formulare](https://www.vierviertel.com/blog/das-perfekte-kontaktformular-fuer-website-und-conversion) ausfüllen. Machen Sie es Ihren Kunden also so leicht wie möglich. Hier sind einige Tipps:   - **Ghost Text verwenden:** Der Nutzer weiß sofort, was er eingeben muss, wenn Sie die Felder mit grauem, vorausgefülltem Beispieltext versehen. Das senkt auch die Fehlerquote und damit die Abbruchrate. Wer zu oft Fehlermeldungen auslöst, weil er Daten im falschen Feld eingegeben hat, wird irgendwann frustriert aufgeben. - **Responsive Design beachten:** Alle Formulare sollten mobile friendly sein. Menschen verbringen heute einen Großteil ihrer Onlinezeit am Smartphone oder Tablet. Sorgen Sie also dafür, dass Ihre Kontaktformulare auch per Touchscreen leicht auszufüllen sind. - **Einspaltige Formulare anbieten:** Es ist eine Sache der Balance – einerseits wollen wir Formulare nicht zu lang erscheinen lassen und setzen deshalb zwei Felder nebeneinander. Andererseits ist es bei mehreren Feldern übersichtlicher, sie in einer einzigen Spalte untereinander zu platzieren. So kann der Nutzer mit seiner Tab-Taste ganz leicht durch die Eingabemaske springen. - **Felder farbig markieren:** Sie erleichtern Ihren Besuchern die Orientierung im Formular, wenn Sie das jeweils angeklickte Feld mit einem Rahmen oder einer Hintergrundfarbe versehen.     ### Fazit Das Kontaktformular ist ein wichtiges Element der **Neukundengewinnung** an der Schnittstelle zwischen digitaler und persönlicher Kundenbeziehung. Wenn Sie grobe Fehler vermeiden und die Usability in den Vordergrund stellen, können Sie sich bald über eine höhere Conversionrate freuen. Daran sollten Sie denken, wenn Sie sich mit dem nächsten [Website Relaunch](https://www.vierviertel.com/website-relaunch/) beschäftigen.   [![CTA\_relaunch\_guide-2022](https://no-cache.hubspot.com/cta/default/2645941/interactive-197974878901.png)](https://www.vierviertel.com/hs/cta/wi/redirect?encryptedPayload=AVxigLIqOPDRcyWRjA9tdo%2BeVnfZF5LPAeZrOyik8LnHMFTwj9gg1SXxPSFc40DWwXv%2BVlHgy%2FOGy%2FWZyBzluBAJxgcIxMcqqJgeBBBs1J1GPSjk3lUBS7UcukVYQvzhhoOSqjybRP1CaBAIg0YXsf5eEi0Hpb2QcOlGn2Kdy1a%2BMYuKDuPVSL9OSJQf83f%2BG%2FQWOx92kr0ipm7WYLkgok23B5OmgpIvnzuE7HfIGwhzW7mRCpY%3D&webInteractiveContentId=197974878901&portalId=2645941)   ## Der eigentliche Grund zur Kontaktaufnahme entsteht durch einen strategischen Aufbau Ihrer gesamten Website.   Wenn ein potenzieller Kunde das Kontaktformular ausfüllt, dann ist das der Lohn einer fein abgestimmten **mehrstufigen Strategie,** die wir als Inbound Marketing bezeichnen. [Content Marketing](https://www.vierviertel.com/blog/content-marketing-vs-inbound-marketing), [Leadgenerierung](https://www.vierviertel.com/blog/lead-generierung-in-den-mittelpunkt-des-online-marketing) und [Lead Nurturing](https://www.vierviertel.com/blog/lead-nurturing-b2b-marketing-mit-r%C3%B6ntgenblick) sind weitere Stationen auf diesem Weg. Wenn Sie eine erste Idee davon bekommen möchten, empfehle ich Ihnen den Artikel: **[»Inbound Marketing – bringt das was?«](https://www.vierviertel.com/blog/was-bringt-inbound-marketing)**   Oder Sie holen sich direkt Ihr Gratis-eBook und einen Einblick in die Grundlagen der B2B-Inbound-Marketing-Methode.   [![Grundlagen des B2B Inbound Marketing](https://no-cache.hubspot.com/cta/default/2645941/interactive-197641805491.png)](https://www.vierviertel.com/hs/cta/wi/redirect?encryptedPayload=AVxigLKxc%2B%2FnsD8M5b7tXu%2BmVH3wDkl7pUC9gVha06Wnlb2GkVkboakowDXse12ZUqWpaQr2lxMa%2BJ28Hw0ACVygRFEA%2F3HlcKecnemIpGH8xOcRyZd34yOXuDmBhFv8zFxYVVwhzTSN4BdBpKu5PZmFjOWdtJ9aaCTcoxt0YLDywQ%2F8FKPseJBnL%2B0H6YrjEMN8WUw1vQ1DpZP3W0LPfMiKp8Nzok1DZX33kiDubq5TsHAYahtw5Z6l&webInteractiveContentId=197641805491&portalId=2645941)     ![](https://www.vierviertel.com/hubfs/vierviertel_2014_christoph_portrait_600px-1.jpg) **Christoph Weimann** Als Partner und Gründer von vierviertel berät er unsere Kunden mit Schwerpunkt Strategie. Er ist begeisterter Wellenreiter, Grillmeister und Tennis-Sandplatzspezialist! share [![Share on facebook](https://www.vierviertel.com/hs-fs/hubfs/facebook-color.png?width=32&name=facebook-color.png)](http://www.facebook.com/share.php?u=https://www.vierviertel.com/blog/das-perfekte-kontaktformular-fuer-website-und-conversion&utm_medium=social&utm_source=facebook) [![Share on linkedin](https://www.vierviertel.com/hs-fs/hubfs/linkedin-color.png?width=32&name=linkedin-color.png)](http://www.linkedin.com/shareArticle?mini=true&url=https://www.vierviertel.com/blog/das-perfekte-kontaktformular-fuer-website-und-conversion&utm_medium=social&utm_source=linkedin) [![Share on email](https://www.vierviertel.com/hs-fs/hubfs/email-color.png?width=32&name=email-color.png)](mailto:?subject=Check%20out%20https://www.vierviertel.com/blog/das-perfekte-kontaktformular-fuer-website-und-conversion&utm_medium=social&utm_source=email%20&body=Check%20out%20https://www.vierviertel.com/blog/das-perfekte-kontaktformular-fuer-website-und-conversion&utm_medium=social&utm_source=email) Kommentare ## Verwandte Themen [![Leadgenerierung](https://www.vierviertel.com/hubfs/vier_blog_leadgenerierung-mittelpunkt-marketing-1300px.jpg)](https://www.vierviertel.com/blog/lead-generierung-in-den-mittelpunkt-des-online-marketing) [Inbound Marketing](https://www.vierviertel.com/blog/topic/inbound-marketing), [Leadgenerierung](https://www.vierviertel.com/blog/topic/leadgenerierung) ### [Warum Leadgenerierung in den Mittelpunkt des Online-Marketings gehört](https://www.vierviertel.com/blog/lead-generierung-in-den-mittelpunkt-des-online-marketing) Eigentlich ist es ja ein bisschen irreführend, dauernd von „Leads“ zu... [![5 Punkte, auf die Sie beim Logodesign achten sollten](https://www.vierviertel.com/hubfs/vier_blog_5-Punkte-auf-die-Sie-beim-Logodesign-achten-sollten.jpg)](https://www.vierviertel.com/blog/5-punkte-auf-die-sie-beim-logodesign-achten-sollten) [Branding](https://www.vierviertel.com/blog/topic/branding) ### [5 Punkte, auf die Sie beim Logodesign achten sollten](https://www.vierviertel.com/blog/5-punkte-auf-die-sie-beim-logodesign-achten-sollten) Es gibt unzählige Logos auf dieser Welt. Wenige sind hervorragend,... [![5 Beispiele, die Leads generieren](https://www.vierviertel.com/hubfs/vier_blog_5-Beispiele%2c-die-Leads-generieren.jpg)](https://www.vierviertel.com/blog/fuer-ihre-homepage-5-beispiele-die-leads-generieren) [Website](https://www.vierviertel.com/blog/topic/website), [Leadgenerierung](https://www.vierviertel.com/blog/topic/leadgenerierung) ### [Für Ihre Homepage: 5 Beispiele, die Leads generieren](https://www.vierviertel.com/blog/fuer-ihre-homepage-5-beispiele-die-leads-generieren) Wenn Sie das erste Mal eine Website besuchen, starten Sie oft auf der... ## Newsflash abonnieren #### Unser Newsflash kommt per Mail und bringt aktuelle Marketing-Insights und Neuigkeiten aus der Agentur – immer dann, wenn es etwas wichtiges zu berichten gibt. #### vierviertel –Agentur für Kommunika­tions­design Arndtstraße 10 50676 Cologne Germany [+49 221-951566-0](tel:+49%20221-951566-0) [info@vierviertel.com](mailto:info@vierviertel.com) - [Kontakt](https://www.vierviertel.com/kontakt) - [Referenzen](https://www.vierviertel.com/referenzen) - [Agentur](https://www.vierviertel.com/agentur-profil) - [Biotech Agentur](https://www.vierviertel.com/biotech-life-science-agentur) - [Life Science Agentur](https://www.vierviertel.com/biotech-life-science-agentur) - [Agentur für Consulting und Beratungsunternehmen](https://www.vierviertel.com/agentur-fuer-consulting-und-beratungsunternehmen) - [Jobs](https://www.vierviertel.com/jobs) #### Leistungen - [Marke, Strategie & Positionierung](https://www.vierviertel.com/marke-strategie-positionierung) - [Website & Maintenance](https://www.vierviertel.com/website-maintenance) - [Inbound & Outbound Kampagnen](https://www.vierviertel.com/demand-generation) - [Vertriebsmaterial & Messe](https://www.vierviertel.com/vertriebsmaterial-messe) - [Marketing Technology Integration](https://www.vierviertel.com/en/marketing-technology-integration) - [AI Marketing Operations](https://www.vierviertel.com/ai-marketing-operations) - [Broschüren und Präsentation](https://www.vierviertel.com/broschueren-praesentationen) - [Messegestaltung](https://www.vierviertel.com/messegestaltung) #### Ressourcen ##### WISSENSWERTES - [Blog](https://www.vierviertel.com/blog) - [Website Relaunch Guide](https://www.vierviertel.com/website-relaunch-guide/) - [Branding Guide](https://www.vierviertel.com/branding-guide/) - [Inbound Marketing Grundlagen](https://www.vierviertel.com/blog/grundlagen-inbound-marketing) - [Messedesign Guide](https://www.vierviertel.com/blog/messedesign) - [Leadgenerierung Know-How](https://www.vierviertel.com/blog/leadgenerierung) - [HubSpot Marketing Software](https://www.vierviertel.com/blog/hubspot) - [B2B Content Marketing Tipps](https://www.vierviertel.com/blog/b2b-content-marketing) - [Biotech Marketing](https://www.vierviertel.com/biotech-marketing) - [Marketing für IT Unternehmen](https://www.vierviertel.com/marketing-fuer-it-unternehmen) - [Glossar](https://www.vierviertel.com/de/marketing-und-design-glossar) - [FAQ](https://www.vierviertel.com/marketing-und-design-faq) ##### KALKULATION & KOSTEN - [Inbound Marketing Kosten](https://www.vierviertel.com/blog/was-kostet-inbound-marketing) - [Website Kosten](https://www.vierviertel.com/blog/neue-website-wie-hoch-sind-die-kosten) - [Was kostet eine Broschüre?](https://www.vierviertel.com/blog/broschuere-erstellen-lassen) ##### PARTNER & TOOLS - [HubSpot](https://www.hubspot.de/) - [Sistrix](https://www.sistrix.de/) - [Facebook Business Manager](https://www.facebook.com/business) - [LinkedIn Kampagnen Manager](https://business.linkedin.com/) ##### Auszeichnungen ![Award logo](https://www.vierviertel.com/hubfs/Screenshot_2021-07-19%202021-07-07_vierviertel-Website_02%20pdf.png) ![Award logo](https://www.vierviertel.com/hubfs/Screenshot_2021-07-19%202021-07-07_vierviertel-Website_02%20pdf(3).png) ![Award logo](https://www.vierviertel.com/hubfs/Screenshot_2021-07-19%202021-07-07_vierviertel-Website_02%20pdf(4).png) ![Award logo](https://www.vierviertel.com/hubfs/Screenshot_2021-07-19%202021-07-07_vierviertel-Website_02%20pdf(5).png) ##### Zertifikate ![Gallery image](https://www.vierviertel.com/hubfs/Screenshot_2021-07-19%202021-07-07_vierviertel-Website_02%20pdf(2).png) ![Gallery image](https://www.vierviertel.com/hubfs/Screenshot_2021-07-19%202021-07-07_vierviertel-Website_02%20pdf(1).png) [Follow us on Facebook](https://www.facebook.com/vierviertel/) [Follow us on LinkedIn](https://www.linkedin.com/company/vierviertel) [Follow us on Instagram](https://www.instagram.com/agenturvierviertel/) [Follow us on Facebook](https://www.pinterest.de/agenturvierviertel/) © 2026 vierviertel All rights reserved. - [Impressum](https://www.vierviertel.com/impressum) - [Datenschutz](https://www.vierviertel.com/datenschutz) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Christoph Weimann", "url" : "https://www.vierviertel.com/blog/author/chris" }, "dateModified" : "2025-10-22T08:41:05.968Z", "datePublished" : "2024-07-01T06:46:00.000Z", "headline" : "So entwerfen Sie das perfekte Kontaktformular für Ihre Website", "image" : [ "https://www.vierviertel.com/hubfs/vier_blog_das-perfekte-Kontaktformular-f%C3%BCr-Ihre-Website.jpg" ], "mainEntityOfPage" : { "@id" : "https://www.vierviertel.com/blog/das-perfekte-kontaktformular-fuer-website-und-conversion", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.vierviertel.com/hubfs/vierviertel_2023_orange-1.svg" }, "name" : "vierviertel Werbeagentur" } } ``` ```json { "@context" : "https://schema.org", "@id" : "/", "@type" : "Organization", "address" : { "@type" : "PostalAddress", "addressCountry" : "DE", "addressLocality" : "Köln 50676", "postalCode" : "50676", "streetAddress" : "Arndtstraße 10 Agentur für Kommunikationsdesign GmbH" }, "alternateName" : "vierviertel", "geo" : { "@type" : "GeoCoordinates", "hasMap" : "https://maps.app.goo.gl/4pAKicAGygfPXRgg6", "latitude" : 50.94374, "longitude" : 6.92095 }, "image" : "https://www.vierviertel.com/hubfs/vierviertel_2023_orange-1.svg", "isicV4" : "731100", "logo" : "https://www.vierviertel.com/hubfs/vierviertel_2023_orange-1.svg", "mainEntityOfPage" : { "@id" : "https://www.vierviertel.com/blog/das-perfekte-kontaktformular-fuer-website-und-conversion", "@type" : "WebPage", "description" : "Ein durchdachtes Kontaktformular kann mitentscheiden, ob ein Interessent seine Daten preisgibt. Es lohnt sich, wenn Sie die Conversion steigern wollen. " }, "naics" : "541810", "name" : "vierviertel Werbeagentur", "potentialAction" : { "@type" : "SearchAction", "query-input" : "", "target" : "/hs-search-results?term=" }, "sameAs" : [ "https://www.facebook.com/vierviertel/", "https://www.linkedin.com/company/vierviertel", "https://twitter.com/vierviertel", "https://www.instagram.com/agenturvierviertel/", "https://www.pinterest.de/agenturvierviertel/" ], "telephone" : "+49 221-951566-0", "url" : "/" } ```