Formular mit Erfolgseite


Kontakt Formular von Mobirise mit einem eigenen Mail-Skript und
Weiterleitung zur Erfolgsseite



Vielen Dank an Werner-Zenk.de für die Entwicklung vom Mail-Skript.
Mein Tutorial findet ihr unten.



Formular

Dies ist ein Block mit einem Mobirise Formular.
Die Mail wird über ein eigenes Mailskript verschickt
und nicht über den Formoid-Server, den Mobirise sonst verwendet.

Ihr dürft gerne testen. Ihr erhaltet eine Kopie der Mail.

Captcha-Bild

Tutorial und Download Mailscript

Version vom 24. April 2021 von PHP 5.5 bis PHP 8
Dieses Download enthält den PHPMailer v6.4.0 vom 31. März 2021 der von hier stammt.

Beachte bitte, dass persönliche Daten eines Benutzers, nur über eine verschlüsselte Verbindung (https:) zum Webserver gesendet werden sollten! Dies betrifft insbesondere gewerbliche Seiten.

Bitte ladet Euch die Mailscripts an dem Button unten von meinem Server herunter.
Downloads insgesamt seit 04.09.2017: 4.727 x

Download SMTP Mailscript

Version vom 26. Februar 2025 von PHP 5.5 bis PHP 8.x
Dieses Download enthält den PHPMailer v6.9.3 vom 24. November 2024 der von hier stammt.

Downloads insgesamt seit 21.07.2021: 1.045 x

 Download SMTP Mailscript mit Captcha Spamschutz 

Ich empfehle diese Version vom 16. März 2025 von PHP 5.5 bis PHP 8.x
Dieses Download enthält den PHPMailer v6.9.3 vom 24. November 2024 der von hier stammt.

Downloads insgesamt seit 16.03.2025: 39 x

Tutorial

Diese Anleitung gilt ebenso für das SMTP-Mailscript, in das die SMTP-Angaben von eurem Provider eingetragen werden müssen. Ihr müsst in diesem Script noch zusätzlich folgende Angaben eintragen, also ebenso wie z.B. in dem Mailprogramm "Outlook":

Postausgangsserver SMTP (im Script ist dort beispielhaft der Server von "1&1 IONOS" eingetragen als: "smtp.ionos.de")
Benutzernamen (oft ist das die e-Mail Adresse)
Passwort (das ihr vom Provider mit eurer E-Mail-Adresse erhalten habt)

Wer den extra Spamschutz über den Captcha-Code zusätzlich einbauen will, findet mein Tutorial dazu hier.



Ich verwende auf dieser Beispiel-Seite das SMTP-Mailscript mit Captcha und dem modifiziertem Skript mit einem sogenannten Honeypot als zusätzlichem Spamschutz gegen Bots vom 16.03.2025.

Der Einbau ist gleich mit dem SMTP-Mailscript (oben), nur wird hier im Skript "mailscript.php" für den Honeypot noch mit einer Abfrage auf eine POST Variable über ein zusätzliches JavaScript der Versand über dieses Formular geprüft. 

Bitte öffnet dazu die Datei "form.php" aus dem Download und fügt dieses <span> mit der id="field" über den Mobirise "Code Editor" vor dem schließenden </form> Tag ein:

<span id="field"></span>

Kopiert das zusätzliche JavaScript in die Seiteneinstellungen eurer Mobirise-Formularseite in den Bereich "End of <body> code":

<script>
  if (document.querySelector("#field")) {
    document.querySelector("#field").innerHTML = `<input type="hidden" name="field">`;
  }
</script>



Der "PHPMailer" wird kontinuierlich weiterentwickelt. Daher ist es ratsam, die neuesten Dateien der aktuellen Version zu verwenden und ältere Versionen in meinem Download zu ersetzen. Ich verwende hier aktuell den "PHPMailer v6.9.3".

Bitte achtet darauf, dass der Verzeichnisname "PHPMailer-master" immer gleich bleibt, wie in dem Skript "mailscript.php" angegeben.

Hier geht es zum neuesten "PHPMailer":
https://github.com/phpmailer/phpmailer/releases


Entpackt das ZIP-Archiv und öffnet im Verzeichnis das Mailscript (mailscript.php) mit einem Editor (wie z.B. Notepad++) und tragt im oberen Teil des Mailscripts euren Namen und eure e-Mail Adresse ein. Achtet darauf, dass das Mailscript die Kodierung UTF-8 ohne BOM beibehält.

Legt eine Erfolgsseite an, hier danke.html und eine Fehlerseite, hier fehler.html.

Auf diese Seiten wird nach dem Versenden der Mail weitergeleitet.

Kopiert, mit eurem FTP-Programm, dieses Script "mailscript.php", sowie das gesamte Verzeichnis "PHPMailer-master" dann in das Stammverzeichnis eures Mobirise-Projektes, also in das Verzeichnis, indem sich auch alle anderen Webseiten befinden. Der Version liegt noch ein Formular "form.php" zum Testen bei, das ihr für den Einbau in Mobirise nicht benötigt.

// Empfänger
// An diese E-Mail-Adresse wird die Nachricht gesendet. Bitte einen Namen und eMail eintragen:
$empfaengerName = "John Doe"; // Name des Empfängers
$empfaengerEmail = "john@example.com"; // E-Mail des Empfängers
$dankeSeite = "danke.html"; // Danke - Seite, die Mail wurde erfolgreich versandt. Eventuell anpassen.
$fehlerSeite = "fehler.html"; // Fehler - Seite, falls die Mail nicht versandt werden konnte. Eventuell anpassen.

Bei den SMTP Einstellungen der beiden SMTP-Mailscripts müsst ihr genau die vom Provider vorgegeben Einstellungen eintragen. So wird verhindert, dass beispielsweise Spammer oder Hacker die Absender-Mail-Adresse missbrauchen, um das Vertrauen in den Absender auszunutzen. Ich empfehle daher unbedingt die SMTP-Mailscripts bevorzugt zu verwenden.

Hier sind beispielhaft die Einstellungen, wie sie beim Anbieter "IONOS" aussehen würden. Der Benutzername ist häufig die verwendete E-Mail-Adresse des Absenders, zusammen mit dem entsprechenden Passwort:

// Servereinstellungen
$mail->isSMTP(); // Senden mit SMTP
$mail->Host = "smtp.ionos.de"; // Postausgangsserver (SMTP)
$mail->SMTPAuth = true; // SMTP-Authentifizierung aktivieren
$mail->Username = "mail@example.com"; // SMTP Benutzername
$mail->Password = "***********"; // SMTP Passwort
$mail->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS; // Implizite TLS-Verschlüsselung aktivieren
$mail->Port = 465; // Port - Postausgangsserver (SMTP)

Formular-Beispiel

Formular Beispiel

Formular Beispiel

Tragt nun lediglich im Mobirise-Formular anstelle eurer e-Mail Adresse im Feld "Notification Email or Action URL"
den Namen vom Script "mailscript.php" ein, das ihr ja bereits in das Stammverzeichnis am Server kopiert habt.

Denkt daran die von euch verwendeten Formular-Feld-Namen im Skript "mailscript.php" eventuell zu ergänzen oder zu entfernen, je nachdem welche Feldnamen ihr nun verwendet habt. In meinem Formular-Beispiel Screenshot oben, habe ich also das Feld "Phone" deaktiviert und entsprechend im Skript auch diese Zeile entfernt bzw. mit 2 Slash // am Beginn der Zeile deaktiviert.

// Inhalt der E-Mail setzen
$inhaltEmail = "Gesendet am: $datum Uhr
Name: " . $_POST["name"] . "
E-Mail: " . $_POST["email"] . "
// Phone: " . $_POST["phone"] . "
Nachricht: " . $_POST["message"] . "
";

Kopie an Absender

Hier ist eine kleine Erweiterung, um eine Kopie der E-Mail an den Absender zu senden und die Möglichkeit zu bieten, direkt an die Absender-Adresse zu antworten.

Fügt diese beiden Optionen beispielsweise unter den Einträgen für 'Absender und Empfänger' hinzu.

// Der Absender bekommt eine Kopie - the sender receives a copy
$mail->addCC($_POST["email"]); // Falls BCC gewünscht: $mail->addBCC($_POST["email"]);

// "Antworten an" den Absender der Nachricht setzen - set "Reply to" to the sender of the message
$mail->addReplyTo($_POST["email"], $_POST["name"]);

Video

Tutorial Video

Hier ein Video zu diesem Skript von Volker aus unserem Forum, das sich noch auf eine ältere Version vom PHPMailer bezieht aber ebenso gilt.

Das funktioniert mit jedem Mobirise-Formular, auch mit der Erweiterung Form Builder.

Impressum | Datenschutz | Spenden

Copyright © Mobirise-Tutorials.com Thomas Frei-Herrmann
Private Homepage