Dieser Code erstellt ein Formular, das den Kontaktnamen und die Nachricht anfordert und eine Schaltfl\u00e4che zum Senden enth\u00e4lt. Bitte beachten Sie, dass dieser Code einfach ist und nicht sehr elegant aussieht. F\u00fcr ein sch\u00f6neres Ergebnis m\u00fcssen Sie ein paar weitere Codezeilen hinzuf\u00fcgen, die speziell auf Ihre Bed\u00fcrfnisse zugeschnitten sind.<\/p>\n
Bei diesem Code ist au\u00dferdem zu beachten, dass er nicht direkt an E-Mail-Adressen gesendet wird, sondern in einem E-Mail-Client oder einem Tools-Fenster ge\u00f6ffnet werden kann, um das Formular abzusenden.<\/p>\n
Obwohl nur einfaches HTML verwendet wird, ist dies nicht die ideale Option.<\/p>\n
Die Schwierigkeit von HTML-E-Mail-Formularen<\/h3>\n
Im Idealfall erm\u00f6glichen Ihnen Browser, Formulareinsendungen direkt an eine E-Mail-Adresse weiterzuleiten. Der Grund daf\u00fcr ist jedoch, dass beim direkten Versenden von E-Mails \u00fcber ein HTML-Webformular die E-Mail-Adresse des Besuchers preisgegeben wird, was ihn anf\u00e4llig f\u00fcr b\u00f6swillige Aktivit\u00e4ten wie Phishing macht.<\/p>\n
W\u00e4hrend 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.<\/p>\n
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\u00f6glich, das Format der Daten zu steuern, wenn der Browser das Formular sendet.<\/p>\n
Dar\u00fcber hinaus erscheint beim Absenden des Formulars eine Warnmeldung, die den Benutzer dar\u00fcber informiert, dass die von ihm \u00fcbermittelten Informationen aus Datenschutzgr\u00fcnden nicht verschl\u00fcsselt werden. Dies kann den Benutzer dazu verleiten, das Formular nicht abzusenden.<\/p>\n
Mit welchem \u200b\u200bHTML-Code k\u00f6nnen Sie Formulareinsendungen direkt an eine E-Mail-Adresse senden?<\/p>\n
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.<\/p>\n
Erstellen Sie ein vollst\u00e4ndiges Formular<\/h3>\n
Um ein Formular zu erstellen, mit dem Abonnenten Sie kontaktieren k\u00f6nnen, ist das PHP-Skript Ihr bester Freund. Ich wei\u00df, Akronym. Dies steht f\u00fcr Hypertext-Pr\u00e4prozessor und diese Sprache arbeitet mit HTML zusammen, um das Formular zu verarbeiten.<\/p>\n
Bevor wir mit dem Prozess beginnen, besprechen wir einige Formulargrundlagen.<\/p>\n
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\u00fchrt wird.<\/p>\n
Der Webbrowser des Besuchers verwendet HTML-Code, um das Formular anzuzeigen. Wenn das Formular gesendet wird, sendet der Browser die Informationen \u00fcber den im \u201eaction\u201c-Attribut des Formular-Tags genannten Link an das Backend und sendet die Formulardaten an diese URL.<\/p>\n
Zum Beispiel: <\/strong><\/p>\n .<\/p>\n Anschlie\u00dfend \u00fcbergibt der Server die Daten an das in der Aktions-URL angegebene Skript: myform-processor.php<\/strong> 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.<\/p>\n Es gibt andere Skriptsprachen, die Sie in der Backend-Programmierung verwenden k\u00f6nnen, beispielsweise Ruby, Perl oder ASP f\u00fcr Windows. PHP ist jedoch am beliebtesten und wird von fast allen Webhosting-Dienstleistern verwendet.<\/p>\n Wenn Sie ein vollst\u00e4ndiges Formular erstellen m\u00fcssen, f\u00fchren Sie die folgenden Schritte aus.<\/p>\n Geben Sie beim Erstellen einer Webseite anstelle der Erweiterung \u201e.html\u201c \u201e.php\u201c ein. Dies \u00e4hnelt dem, was passiert, wenn Sie ein Bild als \u201ejpg\u201c statt als \u201epng\u201c speichern.<\/p>\n Dadurch wei\u00df 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: \u201esubscriberform.php\u201c. Sobald Ihre Seite erstellt und gespeichert ist, k\u00f6nnen Sie das Formular erstellen.<\/p>\n In diesem Schritt schreiben Sie den Code zum Erstellen des Formulars.<\/p>\n Wenn Sie nicht sicher sind, wie man Formulare in HTML erstellt, schauen Sie sich die Ressource von HTML Dog an, um eine Einf\u00fchrung in die Grundlagen zu erhalten.<\/p>\n F\u00fcr ein Grundformular wird folgender Code ben\u00f6tigt:<\/p>\n Da dies dem reinen HTML-Schreiben \u00e4hnelt, erstellen diese Zeilen auch einen Namen f\u00fcr das Formular und einen Bereich, in dem Abonnenten eine benutzerdefinierte Nachricht schreiben und an Sie senden k\u00f6nnen.<\/p>\n Ein wichtiger Unterschied ist der Teil \u201eaction = contact.php\u201c. Dieser Teil des Codes bewirkt, dass die Seite das Formular beim Absenden sendet. Denken Sie daran, dass dies im ersten Beispiel keine Option war.<\/p>\n Nachdem Sie das Formular erstellt und alle entsprechenden Korrekturen basierend auf Ihren Designvorlieben hinzugef\u00fcgt haben, ist es an der Zeit, den E-Mail-Teil zu erstellen.<\/p>\n 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\u00f6glichen, m\u00fcssen wir einen Code hinzuf\u00fcgen, der die Daten verarbeitet. Kopieren Sie diesen Code oder erstellen Sie etwas \u00c4hnliches:<\/p>\n Denken Sie daran, dass alles in der ersten und letzten Zeile der Webseite mitteilt, dass diese Funktionen wie PHP funktionieren sollen. Dieser Code pr\u00fcft auch, ob ein Abonnent das Formular verwendet. \u00dcberpr\u00fcfen Sie von dort aus, ob das Formular \u00fcbermittelt wurde.<\/p>\n Um es weiter aufzuschl\u00fcsseln: \u201eMail\u201c sendet das ausgef\u00fcllte Formular als E-Mail an \u201eyour@email.address\u201c und die Betreffzeile lautet wie folgt. In der n\u00e4chsten Zeile k\u00f6nnen Sie eine Kopie der E-Mail-Nachricht in Anf\u00fchrungszeichen einf\u00fcgen, die von der von Ihnen gew\u00e4hlten E-Mail-Adresse gesendet wird.<\/p>\n Um den Prozess zum Erstellen von HTML-E-Mail-Formularen zusammenzufassen:<\/p>\n 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\u00e4dt dann den HTML-Code der Seite, einschlie\u00dflich des Formulars.<\/p>\n Damit verf\u00fcgen Sie \u00fcber den grundlegenden Code, den Sie zum Erstellen des Formulars ben\u00f6tigen.<\/p>\n Bitte beachten Sie, dass dies nur eine M\u00f6glichkeit ist; Alternativ k\u00f6nnen Sie ein Formular auch mit einem CRM wie HubSpot erstellen.<\/p>\n 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.<\/p>\n HubSpot Forms ist Teil des Marketing Hub und erfordert keine technischen Vorkenntnisse.<\/p>\n Wenn Sie wissen m\u00f6chten, wie Sie nach dem Absenden eines Formulars eine E-Mail erhalten, lesen Sie unseren Knowledge Base-Artikel.<\/p>\n Wenn Sie HubSpot Forms verwenden, k\u00f6nnen Sie benutzerdefinierte Formulare erstellen, die eine Verbindung zu Ihrer Kontaktliste herstellen. Sie k\u00f6nnen diese Formulare auch anpassen und automatische E-Mails basierend auf dem Ausf\u00fcllen Ihrer Formulare ausl\u00f6sen. Bitte beachten Sie, dass f\u00fcr Letzteres ein Premium-Upgrade erforderlich ist. Klicken Sie hier, um mehr \u00fcber HubSpot-Formulare zu erfahren.<\/p>\n HTML-Formulare sind ein ziemlich einfacher Prozess und eine gro\u00dfartige M\u00f6glichkeit, mit Abonnenten in Kontakt zu treten. Wenn Sie sie auf Ihrer Website haben, haben Kunden eine einfache M\u00f6glichkeit, Ihr Unternehmen zu kontaktieren oder sich f\u00fcr E-Mails anzumelden.<\/p>\n 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.<\/p>\n Manchmal kann die Verbesserung von UX viel Geld kosten. Und oft gibt es f\u00fcr einige der Probleme, die Website-Besucher haben, einfache L\u00f6sungen. Das wirft die Frage auf: Wie k\u00f6nnen Sie feststellen, ob Kunden ihre Website-Erfahrung genie\u00dfen? Die Antwort ist m\u00f6glicherweise einfacher als Sie denken. Formulare auf Ihrer Website sind eine effektive M\u00f6glichkeit, Kundenfeedback zu ihren […]<\/p>\n","protected":false},"author":1,"featured_media":870102,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/434c7ea9c1a2b4f1fa723_content.jpg","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/870101"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=870101"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/870101\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/870102"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=870101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=870101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=870101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}1. Verwenden Sie PHP, um eine Seite zu erstellen.<\/h3>\n
2. Erstellen Sie das Formular mithilfe von Code.<\/h3>\n
\n\n\n\n\n\n\n\n\n\n<\/pre>\n
3. Lassen Sie Formulare per E-Mail versenden.<\/h3>\n
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<\/pre>\n
Verwendung von HubSpot<\/h3>\n
![\"Neuer](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/1587994209_678_Que-es-y-como-hacerlo.png\")
<\/p>\n ","protected":false},"excerpt":{"rendered":"