Achtung!

Dieser Artikel enthält JavaScript-Code und richtet sich an Entwickler. Wir stellen diesen Code als Service zur Verfügung, bieten jedoch keinen Support für Codeanpassungen oder die Entwicklung durch Dritte.

Für zusätzliche Hilfe siehe das Tutorial von WPBeginner zum Hinzufügen von benutzerdefiniertem Code.

Schließen

JavaScript zu einer Seite hinzufügen, wenn das Formularseiten-Addon verwendet wird

Möchten Sie Ihre JavaScript-Integration für Formulare, die mit dem Form Pages Addon erstellt wurden, optimieren? Wir haben genau die richtige Lösung! Entdecken Sie, wie Sie einen dedizierten Hook nutzen können, der speziell für Seiten mit Form Pages Formularen entwickelt wurde. Dieser separate Hook stellt sicher, dass Ihre Skripte nur auf Seiten geladen werden, die diese Formulare enthalten. Dadurch wird ein unnötiges Laden von Skripten auf Ihrer gesamten Website verhindert und die Leistung optimiert.

Weitere Informationen zu dieser Art von Formular finden Sie in der Dokumentation zum Form Pages Addon.

Einrichtung Ihres Formulars

Für unser Tutorial möchten wir, dass unsere Form Pages eine kleine Animation anzeigen, wenn das Formular abgeschickt wird. Detaillierte Informationen finden Sie in unserem Leitfaden zum Hinzufügen von Animationen zu Bestätigungsnachrichten.

Wir beginnen also damit, unser Formular zu erstellen und unser Canvas-Element zur Bestätigungsnachricht auf der Registerkarte Text hinzuzufügen.

Erstellen Sie Ihr Formular und fügen Sie Ihr Canvas-Element zum Text-Tab der Bestätigungsnachricht hinzu

Weitere Informationen darüber, was Canvas ist, finden Sie in diesem Artikel von W3Schools.

Wenn Sie Hilfe beim Erstellen Ihres Formulars benötigen, lesen Sie bitte unseren Leitfaden zum Erstellen Ihres ersten Formulars.

Hinzufügen von JavaScript zu Form Pages

Jetzt ist es an der Zeit, den Snippet hinzuzufügen, der das Skript enthält, das wir für unser Form Pages Formular protokollieren möchten.

Wenn Sie Hilfe beim Hinzufügen von Snippets zu Ihrer Website benötigen, sehen Sie bitte dieses Tutorial an.

JavaScript zu Formularen hinzufügen, die mit dem Form Pages Addon erstellt wurden

Sie können die wpforms_form_pages_footer Aktion verwenden, um JavaScript für eine Scroll-to-Top-Schaltfläche, einen Live-Chat-Dienst oder sogar nur Ihre Google Analytics aufzurufen.

Und das ist alles, was Sie brauchen! Möchten Sie als Nächstes die Einträge für Ihr Formular zählen, sobald sie eingehen? Sehen Sie sich unseren Artikel So erhöhen Sie einen Zähler bei jeder Formularübermittlung an.

Referenzaktion

wpforms_form_pages_footer