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 von diesem Skript.
Mein Tutorial findet Ihr unten.



Formular

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

Ihr dürft gerne testen
zum Tutorial


Tutorial und Download Mailscript

aktualisierte Version vom 24. April 2021 von PHP 5.5 bis PHP 8
Diese Version verwendet 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.569 x

Download SMTP Mailscript

aktualisierte Version vom 21. Juli 2021 von PHP 5.5 bis PHP 8
Diese Version verwendet den PHPMailer v6.5.0 vom 16. Juni 2021 der von hier stammt.

Downloads insgesamt seit 21.07.2021: 941 x

Download SMTP Mailscript mit Spamschutz

aktualisierte Version vom 16. Oktober 2021 von PHP 5.5 bis PHP 8
Diese Version verwendet den PHPMailer v6.5.0 vom 16. Juni 2021 der von hier stammt.

Downloads insgesamt seit 16.10.2021: 930 x

Tutorial

Diese Anleitung gilt ebenso für das SMTP-Mailscript, in das die SMTP-Angaben von eurem Provider eingetragen werden müssen. Hier könnt Ihr ein Beispiel mit einem SMTP-Formular von mir sehen. 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)

Ich verwende auf dieser Beispiel-Seite das SMTP-Mailscript mit dem modifiziertem Skript mit zusätzlichem Spamschutz gegen Bots vom 16.10.2021.

Der Einbau ist gleich mit dem SMTP-Mailscript (oben), nur wird hier im Skript "mailscript.php" 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>




Diese Anleitung beschreibt das aktualisierte Skript vom 24. April 2021 mit dem PHPMailer v6.4.0, der von hier stammt. Ihr könntet aber ebenso den PHPMailer v6.5.0 verwenden, der dem SMTP-Mailscript beiliegt.

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, die ich hier "danke.html" genannt habe und eventuell eine Fehlerseite, die ich hier "fehler.html" genannt habe. 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.

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"] . "
";

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