Legacy Kontaktformular durch ein natives Kontaktformular ersetzen

Frage

Ich habe ein Kontaktformular-Formular, welches mit dem Legacy Kontaktformular-Modul aus der Paketquelle umgesetzt wurde.
Was muss ich tun, um dieses durch ein Kontaktformular, welches das native Formularsystem von UliCMS benutzt, zu ersetzen?

Antwort

1. Legen Sie bitte eine neue Seite an, die einen Text enthält, der nach dem erfolgreichen Absenden des Formulars angezeigt werden soll.
2. Erstellen Sie unter Inhalte > Formulare ein neues Formular.
3. Um ein Kontaktformular, welches die gleichen Felder wie das Legacy Kontaktformular-Modul hat zu erstellen, konfigurieren Sie die Felder bitte wie folgt:
   Felder
   vorname => Vorname nachname => Nachname emailadresse => Absender betreff => Betreff nachricht => Nachricht
   Pflichtfelder
   vorname nachname emailadresse betreff nachricht
   Feld, welches den Absender enthält
   
   Erfolgsseite
   [Die in Schritt 1 erstellte Seite]
4. Entfernen Sie das alte Kontaktformular aus der Seite (Embed-Code entfernen)
5. Fügen Sie stattdessen folgenden HTML-Code im Quellcode-Modus ein:
   <form action="?submit-cms-form=1" method="post"> <table border="0" cellpadding="1" cellspacing="1" style="height:479px; width:100%"> <tbody> <tr> <td><strong>Vorname: </strong></td> <td><input name="vorname" required="true" size="40" type="text" /></td> </tr> <tr> <td><strong>Nachname:</strong></td> <td><input name="nachname" required="true" size="40" type="text" /></td> </tr> <tr> <td><strong>Emailadresse:</strong></td> <td><input name="emailadresse" required="true" size="40" type="email" /></td> </tr> <tr> <td><strong>Ihr Betreff:</strong></td> <td><input name="betreff" required="true" size="40" type="text" /></td> </tr> <tr> <td><strong>Ihre Nachricht:</strong></td> <td> <p><textarea cols="60" name="nachricht" required="true" rows="20"></textarea></p> <p>&nbsp;</p> </td> </tr> <tr> <td><strong>Formular:</strong></td> <td><input type="submit" value="Absenden" />[csrf_token_html]</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </tbody> </table> </form>
6. Deaktivieren Sie den Quellcode-Modus.
7. Klicken Sie mit der rechten Maustaste in das Formular und wählen Sie Formulareigenschaften.
8. Kopieren Sie unter Formulare die Formular Absende-URL in das Feld Aktion und bestätigen Sie mit OK.
9. Wählen Sie bei Cache Steuerung die Option Caching deaktiviert aus.
10. Speichern Sie bitte die Seite.

Das in dieser Anleitung erstellt Kontaktformular ist in der Funktionalität equivalent zu dem Formular, welches das Kontaktformular-Modul aus der Paketquelle bietet.
Nun können Sie falls gewünscht noch Änderungen vornehmen. Sie können beispielsweise zusätzliche Felder hinzufügen, das Layout ändern oder Felder entfernen.

Einen Kommentar schreiben