Referenz Thomas Berscheid Kontaktformular mehrere Adressen Fehlerprüfung TYPO3 Extension Template CSS TypoScript TS CSS HTML Programmierung Köln
Referenz Thomas Berscheid Kontaktformular mehrere Adressen Fehlerprüfung TYPO3 Extension Template CSS TypoScript TS CSS HTML Programmierung Köln
Referenz Thomas Berscheid Kontaktformular mehrere Adressen Fehlerprüfung TYPO3 Extension Template CSS TypoScript TS CSS HTML Programmierung Köln
Referenz Thomas Berscheid Kontaktformular mehrere Adressen Fehlerprüfung TYPO3 Extension Template CSS TypoScript TS CSS HTML Programmierung Köln
Referenz Thomas Berscheid Kontaktformular mehrere Adressen Fehlerprüfung TYPO3 Extension Template CSS TypoScript TS CSS HTML Programmierung Köln
Referenz Thomas Berscheid Kontaktformular mehrere Adressen Fehlerprüfung TYPO3 Extension Template CSS TypoScript TS CSS HTML Programmierung Köln

Kontaktformular mit mehreren Adressen als Extension

Für mehrere Webseiten aus der Agentur meiner Frau sollte ein Kontaktformular entstehen. Die Webseiten sind mit TYPO3 aufgebaut. Daher sollte eine Extension entstehen.

Das Formular sollte Namen, e-Mail Adresse, Telefonnummer und Nachricht übermitteln. Name, e-Mail Adresse und Nachricht müssen ausgefüllt werden. Eine Fehlerabfrage sollte entsprechende Meldungen anzeigen. Wenn das Formular richtig ausgefüllt ist, sollte es an eine e-Mail Adresse verschickt werden. Die zur Verfügung stehenden Adressen sollten an zentraler Stelle pflegbar sein.

Dazu entstand eine Extension, die sowohl das Kontaktformular als auch die Eingabe der e-Mail Adressen im Backend steuert.

Download Referenzliste als PDF

TYPO3 Extension mit Extbase und Fluid

Kontaktformular auf Webseite

Referenz Thomas Berscheid Kontaktformular mehrere Adressen Fehlerprüfung TYPO3 Extension Template CSS TypoScript TS CSS HTML Programmierung Köln

Die Startansicht des Kontaktformulars auf der Webseite 

Quelltext des Formulars in Extension

Referenz Thomas Berscheid Kontaktformular mehrere Adressen Fehlerprüfung TYPO3 Extension Template CSS TypoScript TS CSS HTML Programmierung Köln

Das Kontaktformular bietet vier Eingabefelder unterschiedlicher Art für die zu verarbeitenden Daten. Die Benennung der Felder erfolgt über die Language Datei der Extension. Das Formular ist im Partials-Ordner abgelegt und wird an mehreren Stellen eingebunden (Eingabe und Überprüfung der Fehler).

Quelltext Controller

Referenz Thomas Berscheid Kontaktformular mehrere Adressen Fehlerprüfung TYPO3 Extension Template CSS TypoScript TS CSS HTML Programmierung Köln

Wenn der Benutzer das Formular abgeschickt hat, erfolgt eine Abfrage, ob die als required gesetzten Felder ausgefüllt sind. Ist dies nicht der Fall, wird für jedes Feld eine Fehlermeldung generiert. Ist dies geschehen, wird der jeweilige Inhalt in die Klasse geschrieben, die das Verschicken der e-Mail auslöst.

Validierung von Fehlern bei Eingabe

Referenz Thomas Berscheid Kontaktformular mehrere Adressen Fehlerprüfung TYPO3 Extension Template CSS TypoScript TS CSS HTML Programmierung Köln

Wenn der Kunde ein Feld oder mehrere Felder nicht ausgefüllt hat, bekommt er eine entsprechende Fehlermeldung. Diese wird über ein eigenes Formular in Fluid generiert.

Meldung zu erfolgreich verschickten Formulardaten

Referenz Thomas Berscheid Kontaktformular mehrere Adressen Fehlerprüfung TYPO3 Extension Template CSS TypoScript TS CSS HTML Programmierung Köln

Wenn der Benutzer alle Angaben gemacht und auf „Abschicken“ geklickt hat, wird eine e-Mail generiert. Eine vorgeschaltete Darstellung der Eingaben findet nicht statt. Der Zwischenschritt führte bei mehreren Kunden dazu, dass sie die Mail nicht verschickt haben. Daher sollte die Funktion so einfach wie möglich gehalten werden.

Pflege e-Mail Adressen im Backend

Referenz Thomas Berscheid Kontaktformular mehrere Adressen Fehlerprüfung TYPO3 Extension Template CSS TypoScript TS CSS HTML Programmierung Köln

Das Kontaktformular wird an jeweils nur eine e-Mail Adresse verschickt. Für die gesamte Webseite können jedoch beliebig viele e-Mail Adressen hinterlegt werden, aus denen für jedes eingebundene Formular eine Adresse ausgewählt werden kann. Die Steuerung des Backends erfolgt über TYPO3 FlexForms.

Auswahl e-Mail Adresse für Empfänger

Referenz Thomas Berscheid Kontaktformular mehrere Adressen Fehlerprüfung TYPO3 Extension Template CSS TypoScript TS CSS HTML Programmierung Köln

Das Plugin bietet die Möglichkeit, aus den bereitgestellten e-Mail Adressen eine als Empfänger der e-Mail auszuwählen.

Einbindung in Webseite über den Erweiterungsmanager

Referenz Thomas Berscheid Kontaktformular mehrere Adressen Fehlerprüfung TYPO3 Extension Template CSS TypoScript TS CSS HTML Programmierung Köln

Das Kontaktformular ist als Extension für TYPO3 programmiert und kommt in mehreren Webseiten der Agentur zum Einsatz.

TYPO3: Wir geben acht auf die Georgienseite
Thomas Berscheid ‣ 27.06.2017, 02:00:00
Im Frühjahr 2017 haben wir sehr viel Arbeit in den Relaunch der Georgienseite gesteckt. Nach 17 Jahren war es Zeit für eine Generalüberholung.
Chinkali: So geht SEO!
Thomas Berscheid ‣ 22.05.2017, 13:03:00
Erfolgreiche Suchmaschinenoptimierung für Georgienseite. SEO für 350 Seiten und 1.850 Bilder bringt Webseite bei Google nach oben.
Georgische Übersetzungen nun mit eigener Domain online
Thomas Berscheid ‣ 01.03.2017, 14:50:00
Georgische Übersetzungen: Neue Webseite rückt Handwerk der Übersetzerin stärker in den Mittelpunkt
Georgisch Dolmetschen jetzt mit eigener Webseite
Thomas Berscheid ‣ 27.02.2017, 22:54:00
Weitere Domain der Internetagentur Irma Berscheid-Kimeridze seit wenigen Tagen im Netz. Georgisch Dolmetschen mit eigener Webseite erreichbar.
SEO wirkt weiter – Georgisch.Com auf Seite 1 bei Google
Thomas Berscheid ‣ 22.02.2017, 10:23:00
Webseite von Irma Berscheid-Kimeridze nach Relaunch und Suchmaschinenoptimierung auf Seite 1 bei Google Suchergebnissen
^