ModX Tutorial

Changing the net, one site at a time…

Kontaktformular
 downloadwarning-icon
Keinen Code von der Seite kopieren! Die ModX-Variablen enthalten Leerzeichen. Download des Codes als .odt-Datei am Seitenende!

1. Kontaktseite erstellen und benennen
   Im Seiten Manager eine neue Ressource / Seite erstellen und "Kontakt" nennen.
Dann in den Seiteneinstellungen die Option "Rich Text" deaktivieren.
    
2. Code in die Seite einfügen
  

<p> <strong>hier steht meine Anrede / Überschrift</strong>
<br/>
Adresse hier eintragen
<br/> Straße
<br/> PLZ, Wohnort
<br/> Telefon
<br/> Fax</p>
<br/>
<br/>
<br/>
<p>
Um uns eine Nachricht zukommen zu lassen, füllen Sie bitte das Kontaktformular vollständig aus.
</p>

<br/>
<div style="width: 250px;">
[ !getServer]]
[ !eForm? &formid=`ContactForm`  &to=`E-mail-Adresse-hier eintgragen` &tpl=`form` &report=`report` &subject=`contactform` &eformOnBeforeMailSent=`getServer` &vericode=`1`]]
</div>

   
1. Zuerst die in grün angegebenen Parameter anpassen
2. eigene E-Mail Adresse im Script eintragen
 
 
Wie aus dem Quellcode oben zu ersehen, werden das Snippet "eForm" und "getServer" sowie die beiden Chunks "form" und "report" benötigt.
   
4. Einbindung / Vorhandensein der Snippets / Chunks kontrollieren
   
elemente-manager  
  
Wir navigieren in "Elemente" > "Elemente-Verwaltung" und schauen hier unter den Tabs "Chunks" und "Snippets" nach, ob die für das Funktionieren des Kontaktformulars notwendigen Snippest / Chunks vorhanden sind.
1. Snippet: "eForm"

Dieses Snippet dürfte in 98% aller Fälle bereits installiert sein, aber Nachschauen lohnt immer!

tab-snippet

snippet-eform 

3. Snippet :

Das Snippet "getServer" ist ein nettes Gimmick, doch für unser Kontaktformular nicht unbedingt notwendig. Es ermittelt nur - wie der Name schon sagt - einige Informationen über den Absender (siehe Quelltext unten).

Wer das nicht will oder braucht, der soll einfach die folgenden Codezeilen aus dem Quelltext des Chunks "report" löschen und kann auf  Schritt 3 verzichten.

<strong>IP:</strong> < br />

<strong>Host:</strong> < br />

<strong>User Agent:< /strong> [+user_agent+ ]


 
4. Chunks: form / report anlegen

tab-chunks
chunks-form-report
 
top-icon
 
5. Download Chunks, Snippet und Quellcode für die Ressource
 
 
download-icon01 Snippet eForm
download-icon01 Snippet getServer
download-icon01

Chunk "form"

download-icon01 Chunk "report"
download-icon01
Quelltext für die ModX-Ressource

(Das Snippet "eForm" ist in der Regel vorhanden!)
Die rechts stehenden Dateien laden und mit einem Texteditor öffnen. Keinenfalls mit Word oder anderem Office Schreibprogramm!
Das Snippet "getServer" ist optional (s.o.).

Dann neue Chunks anlegen und den Code aus "report" und "form" dort eingeben. Bitte die Chunks auch genauso benennen, sonst funktioniert das Script nicht und die Seite bleibt ohne Funktion!

Falls das Snippet "eform" nicht vorhanden sein sollte, auch dieses von der ModX Site laden und unter dem Reiter "Snippets" neu anlegen.

Wenn alle Parameter im Code der ModX Ressource richtig vorgenommen worden sind, sollte das Kontaktformular jetzt funktionieren!

 top-icon