Das Einrichten eines Kontaktformulars auf einer Webseite erfordert mehrere Schritte. Hier sind grundlegende Schritte, die Sie befolgen können:
1. HTML-Formular erstellen:
Erstellen Sie ein HTML-Formular, das die erforderlichen Felder für den Benutzer enthält, um Informationen einzugeben. Ein einfaches Beispiel könnte so aussehen:
<form action="process_form.php" method="post"> <label for="name">Name:</label> <input type="text" id="name" name="name" required> <label for="email">E-Mail:</label> <input type="email" id="email" name="email" required> <label for="message">Nachricht:</label> <textarea id="message" name="message" required></textarea> <input type="submit" value="Senden"> </form>
In diesem Beispiel wird das Formular an ‚process_form.php‘ gesendet, wo die Formulardaten dann verarbeitet werden können.
2. Serverseitige Verarbeitung:
Erstellen Sie eine Datei (z.B. mit PHP, Python oder Node.js), die die Formulardaten verarbeitet und Sie per E-Mail oder auf andere Weise benachrichtigt. Hier ist ein einfaches- und unvollständiges Beispiel für PHP:
<?php if ($_SERVER["REQUEST_METHOD"] == "POST") { $name = $_POST["name"]; $email = $_POST["email"]; $message = $_POST["message"]; $to = "ihre-email@beispiel.com"; $subject = "Neue Kontaktanfrage von $name"; $headers = "From: $email"; mail($to, $subject, $message, $headers); } ?>
3. Sicherheit:
Wichtig: In diesem Beispiel wird noch die berüchtigte PHP-Funktion mail() verwendet. Dies ist bereits seit Jahren nicht mehr gebräuchlich, weil dadurch Spam versendet werden kann. Um über ein Formular eine Mail zu versenden, sollte man sich zunächst am Webserver authentifizieren. Hierzu gibt es viele weitere Artikel.
Verwenden Sie statt der unsicheren mail()-Funktion beispielsweise die PHPMailer-Bibliothek. PHPMailer bietet eine sichere Möglichkeit, E-Mails zu versenden und unterstützt verschiedene Authentifizierungsmethoden. Hier sind die grundlegenden Schritte:
Schritt a. Laden Sie die PHPMailer-Bibliothek von der [offiziellen GitHub-Seite](https://github.com/PHPMailer/PHPMailer) herunter.
Schritt b. Entpacken Sie das heruntergeladene Archiv und füge den `PHPMailer`-Ordner in dein Projektverzeichnis ein.
Schritt c. Importieren Sie die `PHPMailer`-Klasse in Ihrem PHP-Skript:
[..] use PHPMailer\PHPMailer\PHPMailer; use PHPMailer\PHPMailer\Exception; require 'PHPMailer/src/Exception.php'; require 'PHPMailer/src/PHPMailer.php'; require 'PHPMailer/src/SMTP.php'; [..]
Schritt d. Setzen Sie die erforderlichen Konfigurationsparameter für den E-Mail-Versand:
[..] $mail = new PHPMailer(true); try { //Server-Einstellungen $mail->isSMTP(); $mail->Host = 'smtp.example.com'; // SMTP-Server deines Anbieters $mail->SMTPAuth = true; $mail->Username = 'dein@email.com'; // Deine E-Mail-Adresse $mail->Password = 'deinPasswort'; // Dein E-Mail-Passwort $mail->SMTPSecure = 'tls'; // TLS oder SSL verwenden $mail->Port = 587; // Port entsprechend der Konfiguration deines Anbieters //Empfänger und Inhalt $mail->setFrom('dein@email.com', 'Dein Name'); $mail->addAddress('ziel@email.com', 'Empfänger Name'); $mail->isHTML(true); $mail->Subject = 'Betreff der E-Mail'; $mail->Body = 'Nachrichtentext hier'; //E-Mail senden $mail->send(); echo 'Die E-Mail wurde erfolgreich versendet.'; } catch (Exception $e) { echo "Fehler beim Versenden der E-Mail: {$mail->ErrorInfo}"; } [..]
Ersetzen Sie dabei die Platzhalter (`smtp.example.com`, `dein@email.com`, `deinPasswort`, etc.) durch die richtigen Werte.
Schritt e. Testen Sie das fertige Skript offline, bevor Sie es auf unserem Server verwenden!
Diese Schritte sollen keine Anleitung sein, sondern grob zeigen, wie man authentifizierte E-Mails von der Webseite aus senden kann. Beachten Sie, dass die genauen Parameter je nach Konfiguration variieren können. Wenn Sie sich nicht sicher sind, lassen Sie das Skript von einem Profi entwickeln. Sie setzen sich schließlich auch nicht in ein Auto und fahren los, ohne einen Führerschein zu besitzen. Warum sollte es im Internet anders sein?
4. Implementieren Sie Sicherheitsmaßnahmen wie Validierung auf Serverseite, um unerwünschte Eingaben zu verhindern, und fügen Sie gegebenenfalls Captchas hinzu, um Spam zu reduzieren.
5. Testen:
Testen Sie Ihr Kontaktformular bei Ihnen lokal, bevor Sie es auf unseren Webserver hochladen.
6. Hosting:
Laden Sie Ihre aktualisierte Webseite auf unseren Webhosting-Server und testen es erneut, um sicherzustellen, dass es ordnungsgemäß funktioniert.
Dies sind lediglich grundlegende Schritte, und je nach Ihren speziellen Anforderungen und der verwendeten Technologie können zusätzliche Schritte erforderlich sein. Wenn Sie beispielsweise eine Content-Management-Plattform wie WordPress verwenden, gibt es möglicherweise Plugins, die Ihnen bei diesem Prozess helfen können. Mit solchen Plugins brauchen Sie nicht bei Null anfangen und kommen schnell an Ihr Ziel.
WICHTIG: Die Homepage selber, also das Design und die Programmierung, können Sie entweder selber erstellen oder Sie wenden sich an entsprechende Agenturen. G4W stellt lediglich die technische Infrastruktur zur Verfügung, mit welcher Sie eine Webseite 24/7 betreiben können. Lesen Sie hierzu auch weitere Artikel.