15 Beste Beispiele für Kontaktformular-Design von 2021

Die durchschnittliche Conversion-Rate beträgt 2,35% im Jahr 2020 und dieser Median hat sich in den letzten fünf Jahren nicht sehr verändert. Trotz aller Fortschritte in den Bereichen Webdesign, UX-Design und Conversion-Optimierung liegt die durchschnittliche Conversion-Rate im Jahr 2020 immer noch um die 2% – Region herum.

Eine frühere Studie, die sich mit der Leistung verschiedener Arten von Webformularen befasste, ergab, dass Kontaktformulare mit einer durchschnittlichen Conversion-Rate von nur 1% bei weitem der schlechteste Täter sind.,

Wir sind jedoch nicht hier, um über die durchschnittliche Conversion-Rate zu sprechen. Wie die obige Grafik zeigt, erzielen die Top-25% – Marken auf der Suche mehr als das Doppelte der mittleren durchschnittlichen Conversion-Raten (im Durchschnitt) und die Top-10% fast fünfmal mehr Conversions (wieder im Durchschnitt).

Dies sind die Benchmarks, die Sie anstreben sollten.

Hier bei Venture Harbour haben wir viele Jahre damit verbracht, Webformulare zu überdenken, neu zu gestalten und zu optimieren, um die Ergebnisse zu maximieren und jede mögliche Konvertierung aus unseren Formularen herauszupressen., Wir haben die Conversion-Raten durch Formularoptimierung um bis zu 743% erhöht und die Qualität unserer Leads verbessert, sodass mehr von ihnen zu zahlenden Kunden werden.

Wir sind ziemlich zuversichtlich, dass wir eine gute Form kennen, wenn wir eine sehen, und hier haben wir 15 der besten Beispiele aus dem Jahr 2020, um Ihre eigenen Formularoptimierungskampagnen zu inspirieren.

Was macht ein gutes Kontaktformular aus?

Die Antwort auf diese Frage kommt wirklich darauf an, was Sie mit Ihren Kontaktformularen erreichen möchten., Es gibt Tonnen von Artikeln, in denen Best Practices für das Entwerfen von Best Practices aufgeführt sind, aber es gibt keine einzige Formel für ein Kontaktformular, die tatsächlich Conversions generiert.

Wenn die durchschnittliche Conversion-Rate für ein Kontaktformular 1% beträgt, sind die „Best Practices“ eindeutig nicht das, was sie sein sollen.

Nehmen Sie Best Practices nicht zu ernst

Die gebräuchlichste „Best Practice“ des Formulardesigns, auf die Sie stoßen werden, ist die Theorie, dass kürzere Formulare höhere Conversion-Raten erzielen., Die Idee ist, dass je mehr Formularfelder Sie haben, desto unwahrscheinlicher ist es, dass Benutzer sie ausfüllen möchten, und desto schwieriger ist es, sie abzuschließen.

Klingt nach einem soliden Argument.

Wie wir bereits gesehen haben, taucht diese Theorie in der realen Welt der Formoptimierung jedoch nicht auf.

Das obige Bild stammt aus einem ConversionXL-Artikel des ehemaligen Senior Conversion Optimizer von Unbounce, Michael Aagaard, der zeigt, wie das Befolgen der goldenen Best Practice zur Reduzierung der Anzahl von Feldern in einem Formular zu niedrigeren Conversion-Raten führte., Und um diese Theorie weiter aus dem Fenster zu werfen, stiegen die Conversion-Raten um 19,21%, indem einfach die Feldbeschriftungen auf dem Original optimiert wurden.

Das Kurzformkonzept erhöht also nicht immer die Conversion-Raten, und Sie werden dies in vielen Beispielen sehen, die wir uns in diesem Artikel ansehen. Es gibt einige ernsthafte B2B-Marken in dieser Liste, von denen Sie wissen, dass sie ihre Formulare testen, und es gibt nicht viele Designs, die Sie für kurz halten würden.

Und es gibt einen Grund dafür.,

Context matters in lead generation

setzen Sie keinen Kontakt-Formular auf Ihrer website, um einen Posteingang gefüllt mit Hey, wie geht es dir, Nachrichten und spam von bots. Ihr Kontaktformular ist ein Tool zur Leadgenerierung, mit dem Sie das Interesse potenzieller Kunden wecken und einen Kommunikations-und Supportkanal für Ihre bestehenden Kunden bereitstellen können.

Wie Sie in diesem Artikel sehen werden, führen die besten Kontaktformulare Benutzer dazu, die richtigen Fragen zu stellen und die richtigen Nachrichten zu senden – der Rest wird einfach herausgefiltert., Damit können Sie die Leads und Kundensupportfälle nach Spam und Zeitverschwendung sortieren.

Also lasst uns in die Beispiele.

#1: BrokerNotes

BrokerNotes ist eine Online-Plattform, die Investoren hilft, die beste Maklerfirma für sie zu wählen, basierend auf dem, was sie investieren und ihre Erfahrung.

Die Website verwendet ein mehrstufiges Formular, um Benutzern relevante Fragen zu stellen, und verfeinert die Liste der Empfehlungen entsprechend ihren Antworten.,

Um diesen Service anbieten zu können, muss BrokerNotes nun direkt mit Maklern, Dienstleistern und Medien zusammenarbeiten, die alle Kontakt aufnehmen möchten.

Das bringt uns auf die Kontaktseite.

Wieder einmal sehen wir ein mehrstufiges Formular auf der Kontaktseite und nicht das traditionelle vertikale Layout, das wir so gewohnt sind. Anstatt Benutzer von Anfang an nach persönlichen Informationen zu fragen, konzentriert sich BrokerNotes auf sie, indem es fragt, was es tun kann, um zu helfen.,

Benutzer können aus vorbestimmten Optionen auswählen, mit denen BrokerNotes die Art der empfangenen Kontaktnachrichten steuern kann. Alles, was einen Wert hat, wird unter den Optionen aufgeführt, während Benutzer im Formular weiterhin „Andere“ auswählen können, die BrokerNotes als Nichtpriorität markieren kann.

Wir haben im Laufe der Jahre viele mehrstufige Formulardesigns getestet und festgestellt, dass sie die Conversion um bis zu 743% steigern. BrokerNotes erhöhte seine Homepage-Conversions von 11% auf 46%, indem es auf mehrstufige Formulare umstellte, aber das Ziel mit seinem Kontaktformular ist etwas anders.,

Hier verwendet das Unternehmen ein mehrstufiges Formular, um Benutzern mitzuteilen, welche Art von Interaktionen es erhalten möchte, und erhöht die Qualität seiner Kontaktleitungen.

Beide mehrstufigen Formulare wurden mit einem erweiterten Formularerstellungstool namens Leadformly erstellt und optimiert.

#2: Sleeknote

Sleeknote verfolgt einen traditionelleren Ansatz für das Kontaktseitendesign mit dieser vertikalen Form, die neben einem Trio von Fast-CTA-Eingabeaufforderungen ausgerichtet ist: Buchen Sie eine Demo, lassen Sie sich inspirieren und werden Sie Partner.,

Sleeknote macht sehr deutlich, welche Art von Aktionen Benutzer über seine Kontaktseite ausführen können, und dies reduziert die Anzahl der irrelevanten Nachrichten. Diejenigen, die eine Demo buchen möchten, klicken auf den Link und werden beispielsweise zum entsprechenden Feld weitergeleitet.

Personen mit spezifischeren oder allgemeineren Anfragen können das Kontaktformular ausfüllen, obwohl es eine sichere Wette ist, dass diese Kontakte nicht als Priorität gegenüber dem klaren Konvertierungsziel behandelt werden, das Sleeknote anstrebt: Buchungen.,

Scheuen Sie sich nicht, bestimmte Aktionen auf Ihren Kontaktseiten zu fördern und Leads zu priorisieren, die beißen.

Es gibt noch einen anderen Konvertierungstrick, den Sleekbot auf seiner Kontaktseite verwendet – ein Chat-Widget, das Benutzer anruft und sie fragt, ob sie Fragen haben. Dies bedeutet, dass Benutzer nicht einmal ein Formular ausfüllen müssen, um ihre Fragen zu beantworten, was nicht nur die Conversions erhöht, sondern auch die Anzahl der nicht so nützlichen Nachrichten begrenzt, die den Sleeknots-E-Mail-Posteingang erreichen.,

SleekBot kann sich um diese kümmern und die nützlichen Interaktionen an einen Teil des Verkaufsteams des Unternehmens weitergeben.

Dieser Bot wird von HubSpot betrieben, der einen kostenlosen Chatbot-Builder für Unternehmen bietet, die das kostenlose CRM des Unternehmens verwenden. Das heißt, Sie möchten ein zahlender Kunde mit seiner Verkaufssoftware sein, um die Kontakte und Daten, die Ihr Bot generiert, optimal zu nutzen.

#3: Moosend

Moosend ist ein E-Mail-Marketing-Software-Anbieter und wie viele der Unternehmen, die wir in diesem Artikel betrachten werden, muss es umfangreiche Kontakt-und Support-Optionen bieten., In diesem Fall wird ein Formular nicht geschnitten und Moosend muss eine einzelne Kontaktseite erstellen, die Benutzer dorthin leitet, wohin sie gehen müssen.

Zunächst möchte ich Moosend dafür danken, dass er einen sichtbaren „Kontakt“ – Link in der Kopfzeile seiner Website hat. Diese Art der Navigation ist eine sterbende Rasse, aber es bedeutet, dass Benutzer immer nur einen Klick von der Kontaktseite entfernt sind.

Die Kontaktseite von Moosend hat einen eigenen Heldenbereich und bereitet Benutzer darauf vor, dass es viele Optionen gibt., Dies sind auch keine Optionen; Dies sind notwendige Optionen, die darauf abzielen, die Bedürfnisse potenzieller und bestehender Kunden zu erfüllen.

Zunächst bietet Moosend einen dedizierten Kontaktkanal für Personen, die das Verkaufsteam kontaktieren und über Preise, Pläne, Funktionen usw. sprechen möchten. Benutzer können auf Contact Sales klicken, um das entsprechende Kontaktformular auszufüllen, oder auf den Link sales email Address klicken, um eine E-Mail von ihrem ausgewählten E-Mail-Anbieter zu senden.,

Oder Sie können ein wenig mehr nach unten scrollen…

Bestehende Kunden können sich mit dem Support-Team von Moosend in Verbindung setzen, indem Sie auf den Kontakt klicken Support und Besucher haben auch die Möglichkeiten des Live-Chats für eine sofortige Antwort sowie einen Hilfebereich und eine Reihe von Webinaren zur Anleitung zur Verwendung der Moosend-Software.

Schließlich können Vermarkter, die mit Moosend arbeiten möchten (z. B. Affiliate-Vermarkter), Kontakt zur Marketingabteilung des Unternehmens aufnehmen.,

Das Unternehmen hat viel in seine Kontaktseite gepresst, liefert aber all diese Informationen in einer prägnanten und strukturierten Weise. Die Erfahrung mit Moosends Kontaktseite ist unkompliziert und Sie können sofort die Kontaktdaten finden, die Sie benötigen.

Die Formulare selbst werden mit Contact Form 7 erstellt, einem der beliebtesten Kontaktformular-Plugins in WordPress, und Moosend wird dem Tool sehr gerecht.,

Das Wichtigste, was Sie aus diesem Beispiel lernen können, ist, dass Ihre Formulare nicht der einzige entscheidende Faktor für die Formularumwandlungsraten sind – Sie müssen auch berücksichtigen, wie Ihre Kontaktseite strukturiert und in Ihre Website integriert ist.

#4: Scribd

Mit dem Konzept, komplexe Kontaktseiten noch weiter zu vereinfachen, haben wir Scribd. Der Online-Verlag bietet insgesamt acht verschiedene Arten von Anfragen an, sodass Benutzer auf das entsprechende Kontaktformular oder die entsprechende Seite der Website gesendet werden können.

Wenn ein Benutzer klickt auf ich brauche Hilfe!!!, Sie werden mit einem interaktiven Hilfe-Bot begrüßt. Dies wird von Solvvy unterstützt, einem KI-Kundensupportsystem, das sofortige Antworten auf häufig auftretende Benutzerprobleme bietet.

Wenn ich also“ Ich kann mich nicht bei meinem Konto anmelden “ eingebe und auf die Schaltfläche Frage stellen klicke, erhalte ich sofort verwandte FAQs und Antworten, die mir bei meinem Problem helfen.

Ich werde dann gefragt, ob diese Informationen meine Frage beantwortet haben, und wenn ich immer noch festsitze, kann ich auf Support kontaktieren klicken und meine Frage wird automatisch im Beschreibungsfeld angezeigt.,

#5: Zendesk

Zendesk bietet Kundenservice-und Verkaufssoftware für Unternehmen, sodass Sie denken möchten, dass eine eigene Kontaktseite ein Beispiel ist, von dem es sich zu lernen lohnt. Ähnlich wie Moosend muss auch Zendesk sowohl potenziellen als auch bestehenden Kunden unterschiedliche Kontakt – und Supportmöglichkeiten bieten, so dass es interessant sein wird, die Ansätze beider Unternehmen zu vergleichen.

Zendesk richtet seine beiden Kontaktoptionen horizontal aus und ich mag die Tatsache, dass dies beide für jeden Benutzertyp gleichzeitig sichtbar macht., Moosend beschließt, den Verkauf gegenüber dem Support zu bevorzugen – und das ist in Ordnung. Aber ich mag Zendesks Ansatz aus reiner UX-Designperspektive.

Das Kontaktformular selbst sieht recht einfach aus, aber auf Codeebene ist ziemlich viel los. Wir haben hier JavaScript-und AJAX-Code synchron, um modale Overlay-Formulare zu erstellen, die auf der vorhandenen Seite angezeigt werden, was bedeutet, dass Sie nicht auf eine andere Seite klicken müssen, bevor Sie mit dem Ausfüllen des Formulars beginnen können.,

Bonuspunkte für die Implementierung

Benutzer, die technische Hilfe benötigen, können klicken Gehen Sie zum Help Center, wo sie mit einer Suchleiste begrüßt werden. Scrollen Sie weiter und Zendesk bietet direkte Links zu Ressourcen für jedes seiner Produkte, die alle mit Leitfäden, FAQs und anderen nützlichen Ressourcen gefüllt sind.

Benutzer können auch die Community fragen, ihre Zendesk-Produkte aktualisieren und plattformübergreifende Hilfe bei Problemen im Zusammenhang mit mehr als einem Produkt anfordern.

Wenn das alles fehlschlägt, müssen Benutzer einfach auf die (?,) Hilfe-Taste unten rechts auf dem Bildschirm, um den Zendesk-Support über sein Live-Chat-System zu kontaktieren.

Wenn Sie ein Fan von Zendesks Kontakt-und Kundensupportsystem sind, können Sie es selbst implementieren, indem Sie Zendesks Support-und Verkaufsprodukte ausprobieren. Sie können hier klicken, um sich für eine kostenlose Testversion anzumelden, und Sie müssen lediglich ein aufgeräumtes mehrstufiges Formular ausfüllen, um 14 Tage lang kostenlosen Zugriff auf das Produkt von Zendesk zu erhalten.

Definitiv einen Versuch Wert.,

#6: Zeroqode

Zeroqode erreicht den Punkt auf seiner Kontaktseite und bietet ein einfaches, einfaches Kontaktformular zum Ausfüllen.

Es gibt keine Einschränkungen, lange Liste von Feldern oder strenge Validierung im Weg zu bekommen. Wenn Sie jemals einen Artikel über Best Practices für das Formulardesign gelesen haben, ist dies wahrscheinlich die Art von Kontaktformular, das Sie anschließend entwerfen würden.

In Bezug auf das Entfernen von Reibung für den Endbenutzer ist dies großartig., In Bezug auf die Generierung wertvoller Leads und Interaktionen von Benutzern möglicherweise nicht so sehr – aber das ist der Aufruf von Zeroqode.

Und Zeroqode ist übrigens noch nicht fertig.

Direkt nach seinem netten und einfachen Kontaktformular trifft Sie das Unternehmen mit einem großen, mutigen CTA-Abschnitt, in dem Sie gefragt werden, an welchen Projekten Sie arbeiten möchten.

Obwohl Zeroqode mit seinem einfachen Kontaktformular führend ist, macht das Unternehmen den Benutzern immer noch klar, welche Art von Interaktion es will und macht es sehr zugänglich.,

Und wie viele der Beispiele, die wir heute betrachten, verstärkt Zeroqode seine Kontaktseite mit einem Chatbot, diesmal mit Intercom – einer Plattform, mit der wir hier bei Venture Harbour viel Erfahrung haben.

Tatsächlich verwenden wir Intercom auf der Leadformly-Website, um Benutzern sofortigen Kundensupport und einen direkten Kontaktkanal für Personen zu bieten, die eine sofortige Reaktion auf das Ausfüllen von Formularen bevorzugen.,

#7: Unbounce

Unbounce ist ein weiterer Softwareanbieter, der Kontakt-und Kundensupport für eine Reihe verschiedener Benutzertypen bieten muss, von potenziellen Kunden und bestehenden bis hin zu Journalisten und Marketingpartnern.

Wie einige der Unternehmen, die wir uns bereits angesehen haben, gibt Unbounce an, welche Arten von Interaktionen von Benutzern gewünscht werden, und dies hilft, Aktionen zu segmentieren, bevor sie überhaupt stattfinden.

Sobald Interessenten auf die Schaltfläche Mit uns sprechen klicken, werden sie zu einer Kontaktseite für Anfragen weitergeleitet.,

Ein Klick auf die Schaltfläche Chat to Us und Benutzer werden mit einem Chatbot begrüßt, der von Unbounces eigener Chat-Engine betrieben wird, die Sie auch nutzen können, indem Sie Unbounce als Ihren Zielseitenersteller auswählen (dies steht ganz oben auf unserer Liste der besten Zielseitenersteller).

Unbounce ist jedoch nicht darauf angewiesen, dass Chatbots sich um alles kümmern. Benutzer können nach unten scrollen und ein traditionelleres Kontaktformular ausfüllen, um Fragen zu stellen.,

Zu diesem Zeitpunkt hat Unbounce Benutzer aufgefordert, bestimmte Arten von Abfragen zu verlassen, aber es hindert sie nicht daran, ihnen andere Fragen oder Anfragen zu stellen. Natürlich werden Verkaufsanfragen priorisiert, aber bei anderen Interaktionen wird die Tür nicht geschlossen, und dieses Setup erleichtert es dem Unternehmen, Nachrichten nach Wert/Wichtigkeit zu segmentieren.

#8: Pixpa

Pixpa geht für das unbeabsichtigte Kontaktformular mit drei Feldern und abgesehen von der Verwendung der Standardschaltfläche zum Senden habe ich keine Kritik., Was diese Kontaktseite jedoch wirklich auszeichnet, ist die Verwendung von Handlungsaufrufen über und unter dem Formular.

Bevor Benutzer ein einzelnes Feld ausfüllen können, werden sie daran erinnert, warum sie sich stattdessen für eine kostenlose Testversion anmelden sollten. Das ist auch nicht irgendein Call-to-Action, der über dem Kontakt sitzt, es ist verdammt gut – und der, der direkt darunter wartet, ist wohl noch besser.

Wer möchte E-Mails, wenn Sie stattdessen Verkäufe erzielen könnten?,

#9: Brandwatch

Brandwatch verfolgt einen traditionelleren Ansatz beim Formulardesign auf seiner Kontaktseite mit einem klassischen vertikalen Layout.

Wie Sie sehen, stapelt das Unternehmen vertikal fünf Eingabefelder und eine Dropdown-Liste – alle erforderlichen Felder – über ein Textfeld, in das Benutzer ihre Nachricht schreiben können.,

Was Brandwatch hier tut, sagt den Leuten, dass sie diese Informationen übergeben müssen, wenn sie in Kontakt treten wollen. Mit anderen Worten, es lohnt sich nicht, sich mit Kontakten zu beschäftigen, die diese Informationen nicht bereitstellen, und dies ist ihr Aufruf.

Manchmal lohnt es sich, eine niedrigere Gesamtkonvertierungsrate zu haben, wenn Sie eine Liste von Kontakten erhalten, die wertvoller, wenn auch kleiner sind.

Brandwatch verwendet auch die Inline-Formularvalidierung, um Felder hervorzuheben, die Benutzer nicht ordnungsgemäß ausfüllen oder ausfüllen., Dies ermutigt Benutzer, alle erforderlichen Informationen bereitzustellen, gibt ihnen aber auch visuelles Feedback, um häufige Fehler zu vermeiden.

Eine gute Formularvalidierung sollte Benutzern Feedback geben, wenn sie Ihr Formular ausfüllen, damit sie Fehler sehen können, bevor sie auf die Schaltfläche Senden klicken. Zumindest möchten Sie sicherstellen, dass Benutzer ein gültiges E-Mail-Format eingegeben haben (im Gegensatz zu oben), und dasselbe gilt für Telefonnummern, wenn Sie nach diesen Informationen fragen.,

Wenn Sie denken, dass dies nicht wie ein hochkonvertierendes Kontaktformular aussieht, haben Sie vielleicht Recht – aber die Markenuhr hat einen weiteren Trick im Ärmel.

Das Unternehmen verwendet eine Plattform namens Drift, um Chat-Widgets auf seiner Website zu platzieren, einschließlich seiner Kontaktseite, auf der der Bot eine spezielle Nachricht sendet.

Benutzer können das Kontaktformular ganz überspringen und ein Meeting mit einem der Brandwatches-Experten buchen, indem sie auf die obige Nachricht klicken und sich mit dem freundlichen Chatbot beschäftigen, der sofort auftaucht.,

Wenn Sie sich nun fragen, wie effektiv dies für Brandwatch war, gibt es zufällig eine Fallstudie auf der Drift-Website, die erklärt, wie viel Einfluss seine Chat-Software hatte.

Wir sprechen von einem Anstieg der Leads um 12,5%, 8.300 Gesamtkonvertierungen über Twitter, 674 über den Bot gebuchten Meetings und 1.300 E-Mail-Captures.

Nicht schlecht.

Brandwatch ist keineswegs das einzige Unternehmen, das Drift verwendet, um seine Kontaktseite zu verbessern., Sie finden eine ganze Reihe von Fallstudien auf der Drift-Website und eines meiner anderen Lieblingsbeispiele ist Rejoiner.

Rejoiner ist eine der besten E-Mail-Marketing-Lösungen für E-Commerce-Marken und es erfordert einen No-Nonsense-Ansatz, um das Seitendesign zu kontaktieren, indem es einfach keine hat.

Wenn Benutzer auf den Link „Kontakt“ klicken, werden sie von Reggie begrüßt, einem weiteren freundlichen Chatbot von Drift.,

Lassen Sie mich klar sein, ich empfehle niemandem, die Kontaktseite von ihrer Website zu entfernen, aber Rejoiner bietet ein passendes (wenn auch extremes) Beispiel für die Alternativen zu herkömmlichen Kontaktformularen.

Und wenn Ihnen die Idee gefällt, diese Art von Bot zu Ihrer Kontaktseite/Website hinzuzufügen, besuchen Sie einfach Drift für weitere Details.

#10: Yummygum

Das niederländische Designstudio Yummygum entscheidet sich für einen zweistufigen Prozess zu seinem Kontaktformular, das angezeigt wird, sobald Benutzer auf die Schaltfläche „Kontakt“ in der Kopfzeile der Site klicken.,

Beachten Sie, dass die Kopie sehr freundlich ist und die Leute buchstäblich einlädt, mit ihrem Team in Kontakt zu treten. Vielleicht fühlen Sie sich mit einem so lässigen Ton für Ihre eigene Marke (Vögel und Bienen) nicht wohl?) aber Sie können den Vorteil der Wahl der Sprache auf Ihrer Kontaktseite sehen.

Wenn Sie auf die Option Meeting for a coffee klicken, wird ein schönes und kurzes allgemeines Anfrageformular angezeigt, während die Auswahl Ihres Projekts ein detaillierteres Formular zurückgibt.,

Wir werden Ihnen nicht sagen, was die Vögel und die Bienen option kommt mit.

#11: Mary Lou ‚ s fullscreen Design

Unser erstes Beispiel war heute ein mehrstufiges Konzept der Designerin Mary Lou und wir sind mit einem weiteren Werk der talentierten Frau zurück. Dieses Mal sehen wir uns ein Vollbild-mehrstufiges Angebot an, das eine gute Alternative zur herkömmlichen Kontaktseite darstellt.,

Dieses Konzept eignet sich perfekt für die Art von No-Contact-Page-Ansatz von Yummygum, bei dem das Formular angezeigt wird, sobald Benutzer auf Ihre Kontaktschaltfläche klicken.

Indem Sie Benutzer durch jede Phase Ihres Formulars führen, können Sie mehr Informationen von ihnen erhalten, ohne dass diese langen Formulare so viele Menschen abschrecken.

Wenn Sie dieses mehrstufige Design mögen, können Sie den Quellcode von Codrops herunterladen und an Ihre Bedürfnisse anpassen., Sie benötigen einige HTML -, CSS – und PHP – Kenntnisse-oder einen Entwickler mit den gleichen Fähigkeiten -, um mit dem Quellcode zu arbeiten, aber dies kann eine gute Option sein, wenn Sie etwas anderes als typische Kontaktformulare für WordPress-Plugins wünschen.

#12: Active Campaign

Active Campaign bringt uns zurück, Konzepte für Kontaktseiten zu entwerfen, die Benutzern mehrere Optionen bieten müssen. Wir sprechen hier nicht über das aufregendste Design, aber es erledigt die Arbeit wirklich auf einfache, effektive Weise.,

Jede Option wird den Benutzern klargestellt und Active Campaign kann je nach Antwort das entsprechende Formular (oder eine andere Ressource) bereitstellen. Nur wenige der Beispiele, die wir uns heute angesehen haben, bieten den Besuchern sieben verschiedene Optionen auf so prägnante Weise.

Das visuelle Formulardesign ist nichts, worüber man sich aufregen könnte, aber ActiveCampaign hat das Interesse bereits segmentiert, wenn Benutzer so weit kommen Es braucht keine sehr komplexe Form, um die Arbeit in diesem Stadium zu erledigen.,

Benutzer müssen nicht einmal ihren Namen eingeben – sie müssen lediglich einen Anfragetyp im ersten Feld auswählen (weitere Segmentierung) und ihre E-Mail-Adresse angeben, bevor sie ihre Nachricht schreiben. Es gibt auch eine Option zum Hinzufügen von Anhängen für Benutzer mit technischen Problemen (z. B. zum Anhängen von Screenshots eines Problems mit der Software).

Wenn das nicht funktioniert, hat ActiveCampaign auch ein eigenes Live-Chat-System und Sie können diese Funktion auf Ihrer eigenen Website verwenden, indem Sie sich bei ActiveCampaign anmelden.,

ActiveCampaign ist die beste Allround-CRM -, E-Mail-Marketing-und Marketingautomatisierungssoftwareplattform, die wir hier bei Venture Harbour seit fast einem Jahrzehnt einsetzen und die bis heute die meisten unserer Marketingstrategien antreibt.

Wenn Sie nach einer All-in-One-Lösung für Kundenmanagement und Marketingautomatisierung suchen, möchten Sie unbedingt die 14-tägige kostenlose Testversion von ActiveCampaign ausprobieren.

#13: Mailerlite

MailerLite ist eine weitere E-Mail-Marketing-Plattform, die mehr für die kleineren Unternehmen und Unternehmer dieser Welt konzipiert ist., Unabhängig davon bietet es einige beeindruckende Funktionen und dazu gehört auch ein eigenes Tool zum Erstellen von Formularen.

Zugegeben, es ist nicht der fortschrittlichste Builder auf dem Markt und bietet keine Formularanalysen, mit denen Sie die Leistung optimieren und verbessern können. Es macht es jedoch sehr einfach, einfache, effektive Kontaktformulare und Kontaktseiten zu erstellen.

Die eigene Kontaktseite von MailrLite ist ungefähr so gut wie ein Beispiel, wie Sie es finden werden.,

MailrLite ist ein Unternehmen, das fast ausschließlich von Remote-Mitarbeitern betrieben wird und dessen Produkte größtenteils für Remote-Profis, Unternehmer und Freiberufler entwickelt wurden. Dies bedeutet, dass das Unternehmen kein Vertriebs-und Support-Team wie ActiveCampaign und viele andere Beispiele, die wir uns heute angesehen haben, haben kann.

Daher ist es auf ein einfaches Kontaktformular und eine E-Mail-Automatisierung angewiesen, um Abfragen zu segmentieren und zu behandeln.,

Für technische unterstützung, es ermutigt benutzer zu drehen zu video tutorials, seine knowledge base und benutzer guides zu lösen grundlegende probleme. Für dringendere Angelegenheiten können sich Benutzer an das Support-Team wenden, obwohl sie auf eine Antwort warten müssen.

Obwohl dies möglicherweise nicht das ideale Kundensupport-Setup ist, ist es ein gutes Beispiel dafür, wie kleine Unternehmen Online-Ressourcen bereitstellen können, um das Fehlen eines vollständigen Support-Teams zu verringern.,

#14: Tune

Tune ist ein weiteres Unternehmen, das neben einem einfachen Formular und einem Chat-Widget wichtige Konvertierungsziele auf seiner Kontaktseite enthält. Um auf die Konvertierungsziele aufmerksam zu machen, verwendet Tune einfach Hyperlinks, um Text blau hervorzuheben und den Benutzern mitzuteilen, dass sie klicken können, um die beschriebene Aktion abzuschließen.

Tune ermutigt Menschen erneut, wertvolle Aktionen auszuführen, anstatt einfach Kontaktformulare mit generischen Nachrichten auszufüllen., Es überrascht nicht, dass das Unternehmen mehr daran interessiert ist, dass sich Personen für 30-Tage-Tests anmelden, als Nachrichten mit der Aufschrift „Hallo“zu lesen.

Benutzer, die das Gesuchte nicht in blauem Text finden, können das Kontaktformular jederzeit ausfüllen – ein einfaches, schnörkelloses Design für sich.

Tune verwendet Marketo tatsächlich, um seine Formulare zu erstellen, und dies ist zugegebenermaßen keine der größten Stärken der Plattform., Dies ist jedoch ein weiteres Beispiel dafür, dass das Kontaktformular in den Hintergrund tritt, während Tune Benutzer dazu ermutigt, die Aktion abzuschließen, und einen Chatbot verwendet, um Leads zu erfassen, die sonst wegrutschen könnten.

Eine Andere angetrieben durch Drift, nicht weniger.

#14: Die Fußzeilenform

Ein Ansatz, den wir nicht allzu oft sehen, sind Fußzeilenentwürfe, die jedoch sehr effektiv sein können. Dieser Ansatz verfügt nicht nur über eine Kontaktseite, sondern fügt auch ein Kontaktformular in die Fußzeile Ihrer Website ein, wodurch im Wesentlichen jede Seite in eine Kontaktseite umgewandelt wird.,

Bei kreativen Designarchitekten haben sie sich für Fußzeilenformulare anstelle einer dedizierten Kontaktseite entschieden. Wir empfehlen jedoch immer, eine Kontaktseite zu haben, da Benutzer sie tendenziell erwarten und sie auch für lokales SEO wichtig sind.

Wenn Sie zum Fußzeilenformular zurückkehren, können diese eine großartige Möglichkeit sein, Personen in Ihre Marke einzubeziehen, sobald sie den unteren Rand Ihrer Seite erreicht haben. Aus diesem Grund werden Sie am Ende wichtiger Seiten viele Aufrufe zum Handeln sehen-und es gibt keinen Grund, warum Sie nicht beides haben können.,

#15: Creative Design Architects

Ein Ansatz, den wir nicht allzu oft sehen, sind Fußzeilenentwürfe, die jedoch sehr effektiv sein können. Dieser Ansatz verfügt nicht nur über eine Kontaktseite, sondern fügt auch ein Kontaktformular in die Fußzeile Ihrer Website ein, wodurch im Wesentlichen jede Seite in eine Kontaktseite umgewandelt wird.

Bei kreativen Designarchitekten haben sie sich für Fußzeilenformulare anstelle einer dedizierten Kontaktseite entschieden. Wir empfehlen jedoch immer, eine Kontaktseite zu haben, da Benutzer sie tendenziell erwarten und sie auch für lokales SEO wichtig sind.,

Wenn Sie zum Fußzeilenformular zurückkehren, können diese eine großartige Möglichkeit sein, Personen in Ihre Marke einzubeziehen, sobald sie den unteren Rand Ihrer Seite erreicht haben. Aus diesem Grund werden Sie am Ende wichtiger Seiten viele Aufrufe zum Handeln sehen-und es gibt keinen Grund, warum Sie nicht beides haben können.

Und wenn Sie diese Art von Kontaktformular auf Ihrer Website erstellen möchten, könnten Sie daran interessiert sein zu wissen, dass dies alles mit dem Kontaktformular 7-Plugin für WordPress erreicht wurde.

Erhalten Ihre Kontaktformulare Ergebnisse?,

Zu viele Unternehmen vernachlässigen Ihre Kontakt-Formulare und diese schneidet einen wertvollen lead-generation-tool. Die Beispiele, die wir uns in diesem Artikel angesehen haben, veranschaulichen, wie Sie Ihre Kontaktseiten und Formulare für Ihr Unternehmen nutzen können, um sowohl die Quantität als auch die Qualität der Anfragen zu erhöhen.

Viele der Beispiele, die wir uns angesehen haben, verwenden Techniken, um diese Leads zu segmentieren und zu qualifizieren, indem sie Optionen einschränken oder Benutzer zu bestimmten Arten von Interaktionen führen – z. B. Angebotsanfragen, Verkaufsanfragen, technische Fragen usw.,

Dadurch können sie die weniger wertvollen Abfragen herausfiltern und sich auf diejenigen konzentrieren, die echte Geschäftsmöglichkeiten darstellen.

Wir haben hier eine Vielzahl von Designansätzen gesehen, aber jedes Beispiel hat eines gemeinsam: Bestimmte Ziele zu definieren und dann Kontaktseiten und Formulare zu entwerfen, die Benutzer dazu ermutigen, die gewünschten Aktionen auszuführen.

Dies ist der Ansatz, den Sie mit Ihren Kontaktformularen verfolgen sollten.