2.0 Installationsanleitung f\u00fcr PrestaShop Form Studio<\/b><\/h2>\nSystemanforderungen<\/b><\/h3>\n
Bevor Sie das Modul installieren, vergewissern Sie sich, dass Ihre Umgebung die folgenden Anforderungen erf\u00fcllt:<\/span><\/p>\n Schritt 1 \u2013 Modul hochladen:<\/b> Melden Sie sich in Ihrem PrestaShop-Backend an. Gehen Sie zu Module > Modulmanager und klicken Sie oben rechts auf Modul hochladen. W\u00e4hlen Sie die von Knowband heruntergeladene ZIP-Datei aus und klicken Sie auf \u00d6ffnen. PrestaShop l\u00e4dt die Dateien automatisch hoch und entpackt sie.<\/span><\/p>\n Schritt 2 \u2013 Installation:<\/b> Nach dem Hochladen klicken Sie auf \u201eInstallieren\u201c, wenn Sie dazu aufgefordert werden. Nach der Installation werden Sie zur Modulkonfigurationsseite weitergeleitet.<\/span><\/p>\n Schritt 3 \u2013 Bei Bedarf suchen:<\/b> Falls das Modul nicht automatisch angezeigt wird, suchen Sie in der Suchleiste des Modulmanagers nach \u201eForm Studio\u201c und klicken Sie auf Konfigurieren.<\/span><\/p>\n 3.0 H\u00e4ufige Installationsprobleme<\/b><\/p>\n Das Erste, was man im Modul sieht, ist die Schaltfl\u00e4che zum Aktivieren oder Deaktivieren der Funktion. <\/span>PrestaShop Form Studio <\/b>Wenn das Modul aktiviert ist, sind alle aktiven Formulare im Frontend sichtbar. Durch Deaktivieren werden alle Formulare f\u00fcr Besucher ausgeblendet, ohne dass Konfigurationen gel\u00f6scht werden.<\/span><\/p>\n Im Bereich \u201eE-Mail-Einstellungen\u201c wird gesteuert, wie Ihr Shop nach dem Absenden eines Formulars sowohl mit Administratoren als auch mit Kunden kommuniziert.<\/span><\/p>\n E-Mail-Vorlagen aktivieren<\/b>Sie k\u00f6nnen die vordefinierte E-Mail-Vorlage in der <\/span>PrestaShop Formular-Generator<\/b><\/a>Wenn dieses Modul aktiviert ist, werden die E-Mails mit der vordefinierten E-Mail-Vorlage und allen Variablen zugestellt.<\/span><\/p>\n Inhalt der Admin-E-Mail: <\/b>Dieser<\/span> Dies ist die E-Mail, die Ihr Shop-Team erh\u00e4lt, sobald ein Benutzer ein Formular absendet. Sie k\u00f6nnen Betreff, Text und Format mithilfe des Rich-Text-Editors an das Branding Ihres Shops anpassen. Au\u00dferdem k\u00f6nnen Sie Vorlagenvariablen wie Name des Absenders, E-Mail-Adresse und Formularfeldwerte dynamisch hinzuf\u00fcgen, indem Sie im Abschnitt \u201eVorlagenvariablen\u201c auf das entsprechende Tag klicken.<\/span><\/p>\n Autoresponder-Inhalte<\/b>Der automatische Antworttext ist die Best\u00e4tigungs-E-Mail, die dem Kunden nach dem Absenden eines Formulars automatisch zugesendet wird. Sie k\u00f6nnen diese E-Mail nutzen, um Erwartungen zu kl\u00e4ren, die n\u00e4chsten Schritte zu erl\u00e4utern oder sich einfach f\u00fcr die Kontaktaufnahme zu bedanken.<\/span><\/p>\n Email beantworten<\/b>Die Option \u201eE-Mail-Antwortinhalt\u201c steuert das Format manueller Antworten, die von Administratoren direkt aus dem Formular\u00fcbermittlungsbereich im Backend gesendet werden.<\/span><\/p>\n Alle drei E-Mail-Vorlagen in <\/span>PrestaShop Umfrage-Generator<\/b> Unterst\u00fctzung f\u00fcr Rich-Text-Formatierung, einschlie\u00dflich Fettdruck, Kursivschrift, Links, Listen und HTML, sodass Ihre E-Mails ohne individuelle Anpassungen zu Ihrem Shop passen.<\/span><\/p>\n Spam ist ein echtes Problem f\u00fcr jedes \u00f6ffentlich zug\u00e4ngliche Formular. Das Modul integriert <\/span>Spamschutz von PrestaShop<\/b> Mit Cloudflare Turnstile, einem der effektivsten und benutzerfreundlichsten Spamschutzsysteme auf dem Markt. Im Gegensatz zu herk\u00f6mmlichen CAPTCHAs, die echte Nutzer frustrieren,\u00a0<\/span><\/p>\n Um die Spam-Erkennung zu aktivieren, schalten Sie Cloudflare Turnstile ein und geben Sie anschlie\u00dfend Ihren Website-Schl\u00fcssel und Ihren geheimen Schl\u00fcssel ein. <\/span>Cloudflare-Dashboard<\/b>Das Widget-Design kann je nach Design Ihres Shops auf \u201eAuto\u201c, \u201eHell\u201c oder \u201eDunkel\u201c eingestellt werden.<\/span><\/p>\n Sobald die Aktivierung abgeschlossen ist, k\u00f6nnen Sie auch die folgenden hinzuf\u00fcgen: <\/span>Cloudflare-Drehkreuzfeld<\/b> direkt innerhalb einzelner Formulare unter Verwendung der Eingabefeldoptionen des Formulargenerators.<\/span><\/p>\n Schritte zum Generieren des geheimen Schl\u00fcssels und des Website-Schl\u00fcssels\u00a0<\/span><\/p>\n Klicken Sie auf <\/span>Neues Formular hinzuf\u00fcgen<\/b> Zun\u00e4chst einmal: Jedes Formular verf\u00fcgt \u00fcber eine eigene, unabh\u00e4ngige Konfiguration, sodass Sie verschiedene Formulare mit unterschiedlichen Einstellungen gleichzeitig auf verschiedenen Seiten Ihres Shops verwenden k\u00f6nnen.<\/span><\/p>\n Das Formularerstellungsfeld enth\u00e4lt die folgenden Felder:<\/span><\/p>\n Separate Formularseite aktivieren<\/b>Diese Funktion steuert, ob dieses Formular eine eigene URL in Ihrem Shop erh\u00e4lt. Wenn diese Option aktiviert ist, \u2026 <\/span>ja<\/b>Anschlie\u00dfend generiert das PrestaShop Form Studio-Modul eine Seite mit dem von Ihnen angegebenen Slug.<\/span><\/p>\n Formulartitel<\/b>Der Name, der Kunden \u00fcber dem Formular angezeigt wird. Wir empfehlen eine klare und aussagekr\u00e4ftige Bezeichnung, damit Kunden sofort verstehen, wof\u00fcr das Formular dient. Beispiele: \u201eAngebot anfordern\u201c, \u201eFeedback geben\u201c oder \u201eKontakt aufnehmen\u201c.<\/span><\/p>\n Formular-Slug<\/b>Der hinzugef\u00fcgte Slug wird an die URL angeh\u00e4ngt, sodass Sie die URL Ihren Anforderungen entsprechend anpassen k\u00f6nnen. Beispielsweise f\u00fchrt \u201ethank-u\u201c zu IhrerShop.de\/form\/thank-u<\/span><\/p>\n Formular-Meta-Titel<\/b>Dieser Meta-Titel tr\u00e4gt zur besseren Platzierung der Formularseite in den Suchergebnissen bei. Zum Beispiel: \u201eKontaktieren Sie unser Support-Team \u2013 Fashionstore\u201c.\u00a0<\/span><\/p>\n Formular-Schl\u00fcsselw\u00f6rter<\/b>Die Meta-Keywords dieses Feldes helfen dabei, das Formular innerhalb der Website zu kategorisieren.<\/span><\/p>\n Formular-Metabeschreibung: <\/b>Diese Meta-Beschreibung der Form in <\/span>PrestaShop Form Studio <\/b>hilft bei Suchmaschinen.<\/span> Sie k\u00f6nnen beispielsweise in der Formular-Metabeschreibung Folgendes hinzuf\u00fcgen: \u201eF\u00fcllen Sie unser kurzes Kontaktformular aus, und unser Team meldet sich innerhalb von 24 Stunden bei Ihnen.\u201c Dies hilft dem Kunden, das Formular zu finden, wenn er nach dem Support Ihres Shops sucht.<\/span><\/p>\n Das <\/span>Formular-Builder<\/b> Es verwendet ein spaltenbasiertes Layoutsystem. Bevor Sie Felder hinzuf\u00fcgen, w\u00e4hlen Sie aus, wie viele Spalten jede Zeile enthalten soll.\u00a0<\/span><\/p>\n Die Optionen reichen von einem <\/span>von einer einzelnen Spalte in voller Breite zu vier gleich breiten Spalten<\/b>, mit zus\u00e4tzlichen Varianten, die gr\u00f6\u00dfere linke oder rechte Spalten f\u00fcr asymmetrische Layouts bieten.<\/span><\/p>\n Diese Flexibilit\u00e4t erm\u00f6glicht es Ihnen, saubere, <\/span>einspaltige Umfrageformulare<\/b> ebenso einfach wie komplex <\/span>mehrspaltige Datenerfassung<\/b> Formulare, in denen zusammengeh\u00f6rige Felder nebeneinander angeordnet sind, mithilfe des PrestaShop Online Form Builder Moduls<\/span><\/p>\n Um ein Eingabefeld hinzuzuf\u00fcgen<\/span>,<\/b> Klicken Sie in einer beliebigen Zeile auf \u201eEingabefeld hinzuf\u00fcgen\u201c, um ein Formularelement einzuf\u00fcgen. Verf\u00fcgbare Feldtypen:<\/span><\/p>\n Text \/ Textbereich<\/b>Sammeln Sie kurze oder lange schriftliche R\u00fcckmeldungen von Kunden.\u00a0<\/span><\/p>\n Email: Passwort, Telefon, URL, Nummer:<\/b> Spezielle Eingabefelder mit automatischer Validierung basierend auf dem ausgew\u00e4hlten Feldtyp.\u00a0<\/span><\/p>\n Datum:<\/b> Erm\u00f6glicht es Benutzern, Datumsangaben mit Formatpr\u00fcfung auszuw\u00e4hlen oder einzugeben.\u00a0<\/span><\/p>\n Datei:<\/b> L<\/span>Die Kunden von et laden Anh\u00e4nge in den von Ihnen vorgegebenen Formaten hoch.<\/span><\/p>\n Dropdown-Men\u00fc, Kontrollk\u00e4stchen, Optionsfeld:<\/b> Auswahlfelder mit Mehrfachauswahl; w\u00e4hlen Sie je nachdem, wie viele Optionen zur Verf\u00fcgung stehen und ob eine oder mehrere Auswahlen erforderlich sind.<\/span><\/p>\n HTML:<\/b> Bindet benutzerdefiniertes Markup in das Formular ein, wie z. B. Anweisungen oder Abschnitts\u00fcberschriften.<\/span><\/p>\n Cloudflare Turnstile:<\/b> Platziert das Spamschutz-Widget an einer bestimmten Position innerhalb des Formulars.<\/span><\/p>\n Einreichen:<\/b> Sendet das Formular ab und l\u00f6st konfigurierte Aktionen wie E-Mail-Benachrichtigungen, automatische Antworten, Integrationen und Dankesseiten aus.\u00a0<\/span><\/p>\n <\/p>\n Jedes Formular verf\u00fcgt \u00fcber eine eigene E-Mail-Konfiguration, die in den E-Mail-Einstellungen des Kontaktformulars verwaltet werden kann. <\/span>PrestaShop Online-Formulargenerator-Modul<\/b>Dies ist besonders n\u00fctzlich, wenn Sie mehrere Formulare f\u00fcr verschiedene Abteilungen oder Zwecke haben.<\/span><\/p>\n F\u00fcr die Administrator-Benachrichtigungs-E-Mail<\/b>:<\/span><\/p>\n Sie k\u00f6nnen Folgendes festlegen: die Empf\u00e4ngeradressen in der <\/span>Zum Feld<\/b>; zus\u00e4tzliche, ausgeblendete Empf\u00e4nger im BCC-Feld; eine benutzerdefinierte Absenderadresse; und eine Betreffzeile, die je nach Sprache im PrestaShop-Leadgenerierungsformular variieren kann.<\/span><\/p>\n Das Antwortfeld<\/b> Erm\u00f6glicht es Ihnen, Kundenantworten an einen bestimmten Posteingang weiterzuleiten, beispielsweise an Ihr Support-Team, anstatt an Ihre allgemeine Administratoradresse.<\/span><\/p>\n Der Editor f\u00fcr den Nachrichtentext verwendet die gleiche Rich-Text-Oberfl\u00e4che wie die allgemeinen Einstellungen, und Vorlagenvariablen erm\u00f6glichen es Ihnen, die vom Kunden \u00fcbermittelten Werte dynamisch abzurufen.<\/span><\/p>\n Der Abschnitt \u201eAutomatische Antworten\u201c<\/b> Diese Konfiguration wird auch f\u00fcr die Best\u00e4tigungs-E-Mail an den Kunden verwendet. Aktivieren Sie die automatische Antwort und konfigurieren Sie anschlie\u00dfend die Felder \u201eAn\u201c, \u201eBCC\u201c, \u201eVon\u201c, \u201eBetreff\u201c, \u201eAntwort an\u201c und \u201eNachrichtentext\u201c. Die automatische Antwort wird unmittelbar nach dem Absenden ausgef\u00fchrt und erfordert keine manuelle Aktion Ihres Teams.<\/span><\/p>\n Jedes Validierungsszenario verf\u00fcgt \u00fcber eine eigene, konfigurierbare Meldung. Sie k\u00f6nnen Meldungen f\u00fcr folgende F\u00e4lle festlegen: erfolgreiche \u00dcbermittlung, fehlgeschlagene \u00dcbermittlung, Spam-Erkennung, leere Pflichtfelder, Eingaben, die die maximale L\u00e4nge \u00fcberschreiten, ung\u00fcltige Datumsformate, Fehler beim Datei-Upload, nicht unterst\u00fctzte Dateitypen, zu gro\u00dfe Dateien, PHP-Upload-Fehler, ung\u00fcltige Zahlenformate, Werte au\u00dferhalb des zul\u00e4ssigen Bereichs, ung\u00fcltige E-Mail-Adressen, ung\u00fcltige URLs, ung\u00fcltige Telefonnummern sowie blockierte IP-Adressen oder E-Mail-Adressen.<\/span><\/p>\n W\u00e4hlen Sie \u201eJa\u201c, um eine Seite nach dem Absenden zu aktivieren. Wenn diese Option deaktiviert ist, wird das Formular nach dem Absenden zur\u00fcckgesetzt, ohne dass weitere Aktionen erforderlich sind.<\/span><\/p>\n \u201eDanke\u201c-Seitentyp<\/b>:<\/span><\/p>\n Nach der Aktivierung k\u00f6nnen Sie zwischen folgenden Optionen w\u00e4hlen:<\/span><\/p>\n Titel:<\/b> Die \u00dcberschrift, die oben auf der Standard-Dankesseite angezeigt wird.<\/span><\/p>\n Seitenalias:<\/b> Der URL-Slug der Seite. Halten Sie ihn kurz, verwenden Sie Kleinbuchstaben und Bindestriche.<\/span><\/p>\n Inhalt:<\/b> Der Flie\u00dftext der Dankesseite kann \u00fcber den Rich-Text-Editor bearbeitet werden. Unterst\u00fctzt werden Fettdruck, Kursivschrift, Unterstreichung, Durchstreichung, Listen, Tabellen, Blockzitate, Links, Bilder, eingebettete Videos, farbiger Text und HTML-Code.<\/span><\/p>\n In den Darstellungseinstellungen k\u00f6nnen Sie die Anzeige des Formulars auf Ihrer Website mithilfe der folgenden Optionen steuern: <\/span>PrestaShop-Kundenfeedbackformular<\/b><\/a>.\u00a0\u00a0<\/span><\/p>\n\n
Hochladen und Installieren des Moduls<\/b><\/h3>\n
\n
4.0 Allgemeine Einstellungen \u2013 Admin-Bereich<\/b><\/h2>\n
4.0.1 Modul aktivieren oder deaktivieren<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/General-Setting-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.0.2 E-Mail-Einstellungen<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Mail-templates-prestashop-form-studio-scaled.png\")
<\/a><\/p>\n4.0.3 Cloudflare Turnstile Spamschutz<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Cloudflare-Turnstile-functionality-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n\n
\n![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Add-Widgets-in-Cloudflare-turnstile.png\")
<\/a><\/li>\n
\n![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Copy-Client-secret-key-after-widget-in-Cloudflare-Turnstile.png\")
<\/a><\/li>\n4.1 Erstellen und Hinzuf\u00fcgen von Formularen mithilfe des PrestaShop-Formulargenerators<\/b><\/h2>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Form-showing-in-the-Forms-feature-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.1 Hinzuf\u00fcgen eines neuen Formulars<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Form-Basic-details-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.2 Gestaltung des Formularlayouts<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Design-Layout-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.3 Hinzuf\u00fcgen von Eingabefeldern<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Input-fields-in-Prestashop-Form-Studio-Module.png\")
<\/a><\/p>\n
\n<\/b> Erfasst E-Mail-Adressen mit Formatpr\u00fcfung.<\/span><\/p>\n4.1.4 E-Mail-Einstellungen<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Email-to-Admin-settings-in-Prestashop-Form-Builder-Module.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/AutoSender-Reply-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.5 Benutzerdefinierte Validierungsmeldungen<\/b><\/h3>\n
4.1.6 Nach dem Absenden des Formulars die \u201eDanke\u201c-Seite anzeigen<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Validation-Settings-in-Prestashop-Form-builder-Module.png\")
<\/a><\/p>\n\n
4.1.7 Darstellungs- und Anzeigeeinstellungen<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Restriction-and-display-Positon-in-Prestashop-Feeedback-Survey-Form-Builder-Module.png\")
<\/a><\/p>\n