Manchmal kann die Verbesserung von UX viel Geld kosten.
Und oft gibt es für einige der Probleme, die Website-Besucher haben, einfache Lösungen.
Das wirft die Frage auf: Wie können Sie feststellen, ob Kunden ihre Website-Erfahrung genießen?
Die Antwort ist möglicherweise einfacher als Sie denken.
Formulare auf Ihrer Website sind eine effektive Möglichkeit, Kundenfeedback zu ihren Erfahrungen während ihres Besuchs einzuholen. Diese Formulare geben Ihnen Informationen darüber, wie Sie die UX Ihrer Website verbessern können, um langfristig höhere Conversions zu erzielen.
Tatsächlich verwenden 74 % der Vermarkter Formulare, um Leads zu generieren, und mehr als die Hälfte dieser Vermarkter gibt an, dass es das Tool ist, das am häufigsten zu Conversions führt.
Ob Sie mehr Besucher in Leads umwandeln, Informationen für Ihr Vertriebsteam sammeln oder treuere Markenbotschafter gewinnen möchten, Formulare sind ein Muss für eine Inbound-Strategie.
Letztlich tragen Formulare dazu bei, Unzufriedenheit mit dem Kundenerlebnis auszuräumen und so eine stärkere Kundenbeziehung sicherzustellen. Wenn Sie kein Formular auf Ihrer Website haben, könnten Ihnen auf lange Sicht mehr Leads, höhere Conversions und zufriedenere Kunden entgehen.
Hier zeigen wir Ihnen, wie Sie einen bestimmten Formulartyp erstellen, der Ihnen und dem Kunden eine E-Mail sendet, um sicherzustellen, dass das Formular eingegangen ist.
So erstellen Sie ein Formular in HTML und versenden es per E-Mail
Es ist möglich, ein HTML-Formular zum Senden von E-Mails zu erstellen, aber das hängt davon ab, wie Sie arbeiten und auf welcher Plattform Sie arbeiten. Das bedeutet, dass die Dinge etwas anders aussehen, wenn eine Kombination aus HTML und verschiedenen Skripten geplant ist.
Die Grundlagen nutzen
Verwenden Sie nur HTML? Wir geben dir Deckung. Hier ist ein Beispielcode, den Sie von Grund auf verwenden können:
Dieser Code erstellt ein Formular, das den Kontaktnamen und die Nachricht anfordert und eine Schaltfläche zum Senden enthält. Bitte beachten Sie, dass dieser Code einfach ist und nicht sehr elegant aussieht. Für ein schöneres Ergebnis müssen Sie ein paar weitere Codezeilen hinzufügen, die speziell auf Ihre Bedürfnisse zugeschnitten sind.
Bei diesem Code ist außerdem zu beachten, dass er nicht direkt an E-Mail-Adressen gesendet wird, sondern in einem E-Mail-Client oder einem Tools-Fenster geöffnet werden kann, um das Formular abzusenden.
Obwohl nur einfaches HTML verwendet wird, ist dies nicht die ideale Option.
Die Schwierigkeit von HTML-E-Mail-Formularen
Im Idealfall ermöglichen Ihnen Browser, Formulareinsendungen direkt an eine E-Mail-Adresse weiterzuleiten. Der Grund dafür ist jedoch, dass beim direkten Versenden von E-Mails über ein HTML-Webformular die E-Mail-Adresse des Besuchers preisgegeben wird, was ihn anfällig für böswillige Aktivitäten wie Phishing macht.
Während der obige HTML-Code den Standard-E-Mail-Client auf dem Computer des Benutzers aktivieren kann, tut der Webbrowser dies, indem er eine Anfrage an den E-Mail-Dienstanbieter sendet, nicht an die angegebene Adresse.
Es gibt einige Probleme mit der Option. Es ist beispielsweise nicht zu 100 % mit allen Browsern kompatibel, nicht sehr einfach zu verwenden und es ist unmöglich, das Format der Daten zu steuern, wenn der Browser das Formular sendet.
Darüber hinaus erscheint beim Absenden des Formulars eine Warnmeldung, die den Benutzer darüber informiert, dass die von ihm übermittelten Informationen aus Datenschutzgründen nicht verschlüsselt werden. Dies kann den Benutzer dazu verleiten, das Formular nicht abzusenden.
Mit welchem HTML-Code können Sie Formulareinsendungen direkt an eine E-Mail-Adresse senden?
Damit das Formular mit Ihrem E-Mail-Server zusammenarbeiten und es an ein Postfach senden kann, ist PHP die Antwort; Lassen Sie uns diese Option jetzt erkunden.
Erstellen Sie ein vollständiges Formular
Um ein Formular zu erstellen, mit dem Abonnenten Sie kontaktieren können, ist das PHP-Skript Ihr bester Freund. Ich weiß, Akronym. Dies steht für Hypertext-Präprozessor und diese Sprache arbeitet mit HTML zusammen, um das Formular zu verarbeiten.
Bevor wir mit dem Prozess beginnen, besprechen wir einige Formulargrundlagen.
Ein Webformular besteht aus zwei Seiten: dem Front-End, das den Besuchern im Browser angezeigt wird, und einem Back-End-Skript, das auf dem Server ausgeführt wird.
Der Webbrowser des Besuchers verwendet HTML-Code, um das Formular anzuzeigen. Wenn das Formular gesendet wird, sendet der Browser die Informationen über den im „action“-Attribut des Formular-Tags genannten Link an das Backend und sendet die Formulardaten an diese URL.
Zum Beispiel:
.
Anschließend übergibt der Server die Daten an das in der Aktions-URL angegebene Skript: myform-processor.php in diesem Fall. Anhand dieser Daten kann das Backend-Skript eine Datenbank mit Formulareinsendungen erstellen, den Benutzer auf eine andere Seite (z. B. zur Kasse) weiterleiten und eine E-Mail senden.
Es gibt andere Skriptsprachen, die Sie in der Backend-Programmierung verwenden können, beispielsweise Ruby, Perl oder ASP für Windows. PHP ist jedoch am beliebtesten und wird von fast allen Webhosting-Dienstleistern verwendet.
Wenn Sie ein vollständiges Formular erstellen müssen, führen Sie die folgenden Schritte aus.
1. Verwenden Sie PHP, um eine Seite zu erstellen.
Geben Sie beim Erstellen einer Webseite anstelle der Erweiterung „.html“ „.php“ ein. Dies ähnelt dem, was passiert, wenn Sie ein Bild als „jpg“ statt als „png“ speichern.
Dadurch weiß der Server, dass er das von Ihnen geschriebene PHP hosten soll. Anstatt die leere HTML-Seite als solche zu speichern, speichern Sie sie etwa so: „subscriberform.php“. Sobald Ihre Seite erstellt und gespeichert ist, können Sie das Formular erstellen.
2. Erstellen Sie das Formular mithilfe von Code.
In diesem Schritt schreiben Sie den Code zum Erstellen des Formulars.
Wenn Sie nicht sicher sind, wie man Formulare in HTML erstellt, schauen Sie sich die Ressource von HTML Dog an, um eine Einführung in die Grundlagen zu erhalten.
Für ein Grundformular wird folgender Code benötigt:
Da dies dem reinen HTML-Schreiben ähnelt, erstellen diese Zeilen auch einen Namen für das Formular und einen Bereich, in dem Abonnenten eine benutzerdefinierte Nachricht schreiben und an Sie senden können.
Ein wichtiger Unterschied ist der Teil „action = contact.php“. Dieser Teil des Codes bewirkt, dass die Seite das Formular beim Absenden sendet. Denken Sie daran, dass dies im ersten Beispiel keine Option war.
3. Lassen Sie Formulare per E-Mail versenden.
Nachdem Sie das Formular erstellt und alle entsprechenden Korrekturen basierend auf Ihren Designvorlieben hinzugefügt haben, ist es an der Zeit, den E-Mail-Teil zu erstellen.
Dazu wird zum Anfang der Seite gescrollt (dem Anfang, noch bevor der HTML-Doctype definiert wurde). Um das Versenden von Daten per E-Mail zu ermöglichen, müssen wir einen Code hinzufügen, der die Daten verarbeitet. Kopieren Sie diesen Code oder erstellen Sie etwas Ähnliches:
Denken Sie daran, dass alles in der ersten und letzten Zeile der Webseite mitteilt, dass diese Funktionen wie PHP funktionieren sollen. Dieser Code prüft auch, ob ein Abonnent das Formular verwendet. Überprüfen Sie von dort aus, ob das Formular übermittelt wurde.
Um es weiter aufzuschlüsseln: „Mail“ sendet das ausgefüllte Formular als E-Mail an „[email protected]“ und die Betreffzeile lautet wie folgt. In der nächsten Zeile können Sie eine Kopie der E-Mail-Nachricht in Anführungszeichen einfügen, die von der von Ihnen gewählten E-Mail-Adresse gesendet wird.
Um den Prozess zum Erstellen von HTML-E-Mail-Formularen zusammenzufassen:
Sobald das Formular abgeschickt wurde, sendet die Seite die Daten an sich selbst. Wenn die Daten korrekt gesendet wurden, versendet die Seite sie als E-Mail. Der Browser lädt dann den HTML-Code der Seite, einschließlich des Formulars.
Damit verfügen Sie über den grundlegenden Code, den Sie zum Erstellen des Formulars benötigen.
Bitte beachten Sie, dass dies nur eine Möglichkeit ist; Alternativ können Sie ein Formular auch mit einem CRM wie HubSpot erstellen.
Wenn Sie HubSpot-Kunde sind, lesen Sie weiter, um zu erfahren, wie Sie mit dem HubSpot-Tool ein HTML-Formular erstellen, das Ihnen eine E-Mail sendet.
Verwendung von HubSpot
HubSpot Forms ist Teil des Marketing Hub und erfordert keine technischen Vorkenntnisse.
Wenn Sie wissen möchten, wie Sie nach dem Absenden eines Formulars eine E-Mail erhalten, lesen Sie unseren Knowledge Base-Artikel.
Wenn Sie HubSpot Forms verwenden, können Sie benutzerdefinierte Formulare erstellen, die eine Verbindung zu Ihrer Kontaktliste herstellen. Sie können diese Formulare auch anpassen und automatische E-Mails basierend auf dem Ausfüllen Ihrer Formulare auslösen. Bitte beachten Sie, dass für Letzteres ein Premium-Upgrade erforderlich ist. Klicken Sie hier, um mehr über HubSpot-Formulare zu erfahren.
HTML-Formulare sind ein ziemlich einfacher Prozess und eine großartige Möglichkeit, mit Abonnenten in Kontakt zu treten. Wenn Sie sie auf Ihrer Website haben, haben Kunden eine einfache Möglichkeit, Ihr Unternehmen zu kontaktieren oder sich für E-Mails anzumelden.
Formulare, die Ihnen E-Mails senden, behalten die Informationen zur Referenz und Vereinfachung in Ihrem Posteingang. Denken Sie daran, dass dies nicht Ihre einzigen Optionen zum Erstellen von Formularen sind. Eine Liste der Tools zum Erstellen von Formularen finden Sie in unserem Beitrag hier.
