Kali Forms – Kontaktformular & Drag-and-Drop-Builder

WordPress-Kontaktformular-Plugin

Lerne Kali Forms kennen – das leistungsstarke und benutzerfreundliche WordPress-Plugin für Kontaktformulare. Beginne ganz von vorne mit unserem benutzerfreundlichen Drag-&-Drop-Builder oder erstelle mit nur wenigen Klicks ein Formular mithilfe unserer vorgefertigten Vorlagen…

Mit Kali Forms kannst du ganz einfach und ohne großen Aufwand leistungsstarke Kontaktformulare, Zahlungsformulare, Feedback-Formulare und vieles mehr für deine Website erstellen.

Einfach zu verwendende Formularvorlagen

Das Erstellen von Formularen kann zeitaufwendig sein – und Zeit ist etwas, von dem wir alle nie genug haben. Um das Erstellen von Formularen noch einfacher und effizienter zu gestalten, bietet Kali Forms integrierte Formularvorlagen, die du nutzen kannst, wenn du nicht bei Null anfangen möchtest!

• Standard-Kontaktformular

Erstelle im Handumdrehen ein Kontaktformular, über das die Besucher deiner Website und potenzielle Kunden mit dir in Kontakt treten können.

• Formular für Mitarbeiterdaten

Du kannst die Kali Forms-Vorlage für Mitarbeiterdaten ganz einfach nutzen und anpassen, um während des Onboarding-Prozesses wichtige Informationen zu erfassen.

Diese 13 zusätzlichen Vorlagen sind nur in Kali Forms Pro verfügbar:

• Bewerbungsformular

Mit dieser Vorlage kannst du ganz einfach ein Formular erstellen, über das sich Bewerber auf eine Stelle bewerben können.

• Terminformular

Mach es potenziellen Kunden und Klienten einfach, einen Anruf zu vereinbaren oder ein Treffen mit dir zu planen, ohne auf externe Dienste verweisen zu müssen.

• Formular für Kundenfeedback

Nutze die Vorlage für das Kundenfeedback-Formular, um wertvolles Feedback und Vorschläge von deinen Kunden zu sammeln.

• Kunstwettbewerb

Du möchtest einen Kunstwettbewerb veranstalten, weißt aber nicht, wo du anfangen sollst? Mit der Formularvorlage „Kali Forms Art Contest“ kannst du mit nur wenigen Klicks ganz einfach Beiträge sammeln.

• Anmeldeformular für das Gaming-Turnier

Betreibst du eine Gaming-Website und möchtest ein Gaming-Turnier veranstalten, an dem alle deine Follower teilnehmen können? Dann erstelle ganz einfach ein Anmeldeformular für das Gaming-Turnier, indem du diese vorgefertigte Vorlage importierst. Mit Kali Forms ist es ganz einfach, Gaming-Turniere zu planen und zu veranstalten, die bei den Leuten gut ankommen.

• DSGVO-konformes Kontaktformular

Mit Kali Forms ist es ganz einfach, DSGVO-konforme Kontaktformulare zu erstellen, die über ein Bestätigungsfeld verfügen, mit dem du sicherstellen kannst, dass die Nutzer, die dein Kontaktformular absenden, den Nutzungsbedingungen oder der Datenschutzerklärung deiner Website zustimmen.

• Formular für den Laufrechner

Hilf Nutzern, die gerne im Freien laufen, dabei, ihr Tempo, ihre Zeit und ihre Distanz zu berechnen. Die Berechnungen lassen sich ganz einfach über unseren integrierten Rechner durchführen.

• Spendenformular

Ein einfaches Formular, mit dem du Spenden über PayPal entgegennehmen kannst.

• Formular zur Angebotsanfrage

Ein Musterformular für die Anforderung eines Angebots für Gartenarbeiten.

• Reservierungsformular

Verwende dieses Formular, wenn du den Nutzern ein Beispiel für ein Hotelbuchungsformular zur Verfügung stellen möchtest.

• Anmeldeformular für die Mitgliedschaft im Fitnessstudio

Fit zu bleiben ist sehr wichtig. Mit diesem Musterformular kannst du Nutzern ermöglichen, in deinem Fitnessstudio eine Mitgliedschaft zu beantragen.

• Einfaches Buchungsformular

Über dieses Formular können Nutzer einen Veranstaltungsort buchen. Bereits ausgewählte Termine werden in der Kalenderauswahl automatisch deaktiviert, um Doppelbuchungen zu vermeiden.

• Einfaches Buchungsformular mit Zahlungsoption

Stelle den Nutzern ein einfaches Formular zur Verfügung, über das sie ein Zimmer in deinem Hotel buchen und Zahlungen online über PayPal vornehmen können.

Erfahre mehr über Kali Forms Pro…

Leistungsorientiertes WordPress-Formular-Plugin

Wir haben das WordPress-Formular-Plugin „Kali Forms“ von Grund auf neu entwickelt und dabei besonders auf Leistung geachtet. Kali Forms basiert auf React und nutzt moderne Entwicklungsmethoden.

Alle Formulare sind zu 100 % für Mobilgeräte optimiert.

Mit Kali Forms erstellte Kontaktformulare sind vollständig für Mobilgeräte optimiert, sodass deine Kontaktformulare auf Smartphones, Tablets, Laptops und Desktop-Computern gleichermaßen gut aussehen.

Die Zeiten des Formular-Spams sind vorbei

Wir wissen, wie groß das Problem mit Spam-Formularen ist. Deshalb nutzt Kali Forms eine Kombination aus Googles leistungsstarkem reCAPTCHA und einem Spam-Honeypot-System, damit du nie wieder deine Zeit damit verschwenden musst, dich mit unerwünschten Eingaben herumzuschlagen.

Einfach muss nicht gleichbedeutend mit einfachen Formen sein

Diese Funktion ist nur in Kali Forms Pro verfügbar!

Kali Forms wurde benutzerfreundlich gestaltet, aber dass es einfach zu bedienen ist, bedeutet nicht, dass du damit nur einfache, grundlegende Formulare erstellen kannst.

Mit Kali Forms Pro kannst du ganz einfach leistungsstarke Formulare erstellen, die bedingte Logik und mehrseitige Formulare nutzen, und unser Add-on für Teil-Eingaben und die Bearbeitung von Absendungen nutzen.

Erfahre mehr über Kali Forms Pro…

Externe Dienstleistungen

Dieses Plugin stellt eine Verbindung zu verschiedenen Drittanbieterdiensten her, um seine Funktionen bereitzustellen. Nachfolgend findest du eine vollständige Liste der verwendeten externen Dienste, welche Daten wann übermittelt werden sowie Links zu deren Nutzungsbedingungen und Datenschutzrichtlinien.

Spamschutz-Dienste

Google reCAPTCHA – Dienst: Google reCAPTCHA wird verwendet, um sicherzustellen, dass Formularübermittlungen von Menschen und nicht von automatisierten Bots stammen. – Welche Daten werden gesendet: Wenn ein Formular bei aktiviertem reCAPTCHA übermittelt wird, sendet das Plugin das reCAPTCHA-Antwort-Token und den geheimen Schlüssel deiner Website an den Verifizierungsdienst von Google. – Wann: Daten werden nur gesendet, wenn eine Formularübermittlung eine reCAPTCHA-Überprüfung beinhaltet. – Nutzungsbedingungen: https://policies.google.com/terms – Datenschutzerklärung: https://policies.google.com/privacy

Cloudflare Turnstile – Dienst: Cloudflare Turnstile ist ein alternativer Spamschutzdienst, der überprüft, ob Formularübermittlungen von Menschen und nicht von automatisierten Bots stammen. – Welche Daten werden gesendet: Wenn ein Formular bei aktiviertem Turnstile übermittelt wird, sendet das Plugin das Turnstile-Antwort-Token und den geheimen Schlüssel deiner Website an den Verifizierungsdienst von Cloudflare. – Wann: Daten werden nur gesendet, wenn eine Formularübermittlung eine Turnstile-Überprüfung beinhaltet. – Nutzungsbedingungen: https://www.cloudflare.com/terms/ – Datenschutzerklärung: https://www.cloudflare.com/privacy/

Akismet – Dienst: Akismet wird verwendet, um Formularübermittlungen auf Spam-Inhalte zu überprüfen, sofern es aktiviert ist. – Welche Daten werden gesendet: Wenn Akismet aktiviert ist und ein Formular abgeschickt wird, sendet das Plugin folgende Daten an Akismet: Website-URL, IP-Adresse des Nutzers, User-Agent, Referrer-URL, Werte der Formularfelder (Name, E-Mail, Nachrichteninhalt) und Kommentartyp. – Wann: Daten werden nur gesendet, wenn Akismet aktiviert ist und ein Formular abgeschickt wird. – Nutzungsbedingungen: https://akismet.com/tos/ – Datenschutzerklärung: https://automattic.com/privacy/

E-Mail-Versanddienste (optional)

Diese Dienste werden nur genutzt, wenn du sie in den E-Mail-Einstellungen des Plugins konfigurierst. Wenn du das Standard-E-Mail-System von WordPress verwendest, werden diese Dienste nicht aufgerufen.

Postmark – Dienst: Postmark ist ein E-Mail-Versanddienst, der bei entsprechender Konfiguration zum Versenden von Benachrichtigungs-E-Mails nach Formularabsendungen verwendet wird. – Welche Daten werden gesendet: E-Mail-Inhalt einschließlich Empfängeradressen (An, Cc, Bcc), Absenderinformationen, Betreff, HTML-/Text-Inhalt, Antwortadressen und E-Mail-Anhänge (falls vorhanden). – Wann: Daten werden nur gesendet, wenn Postmark als E-Mail-Anbieter konfiguriert ist und eine Formularbenachrichtigung versendet wird. – Nutzungsbedingungen: https://postmarkapp.com/terms – Datenschutzerklärung: https://postmarkapp.com/privacy

SMTP.com – Dienst: SMTP.com ist ein E-Mail-Versanddienst, der bei entsprechender Konfiguration zum Versenden von Benachrichtigungs-E-Mails über Formulare verwendet wird. – Welche Daten werden gesendet: E-Mail-Inhalt einschließlich Empfängeradressen (An, Cc, Bcc), Absenderinformationen, Betreff, HTML-/Text-Inhalt, Antwortadressen und E-Mail-Anhänge (falls vorhanden). – Wann: Daten werden nur gesendet, wenn SMTP.com als E-Mail-Anbieter konfiguriert ist und eine Formularbenachrichtigung versendet wird. – Nutzungsbedingungen: https://www.smtp.com/terms-of-service/ – Datenschutzerklärung: https://www.smtp.com/privacy-policy/

Sendinblue (Brevo) – Dienst: Sendinblue (jetzt Brevo) ist ein E-Mail-Versanddienst, der bei entsprechender Konfiguration zum Versenden von Benachrichtigungs-E-Mails nach Formularabsendungen verwendet wird. – Welche Daten werden gesendet: E-Mail-Inhalt einschließlich Empfängeradressen (An, Cc, Bcc), Absenderinformationen, Betreff, HTML-/Text-Hauptteil, Antwortadressen und E-Mail-Anhänge (falls vorhanden). – Wann: Daten werden nur gesendet, wenn Sendinblue als E-Mail-Anbieter konfiguriert ist und eine Formularbenachrichtigung versendet wird. – Nutzungsbedingungen: https://www.brevo.com/legal/termsofuse/ – Datenschutzerklärung: https://www.brevo.com/legal/privacypolicy/

Mailgun – Dienst: Mailgun ist ein E-Mail-Versanddienst, der bei entsprechender Konfiguration zum Versenden von Benachrichtigungs-E-Mails über Formularen verwendet wird. – Welche Daten werden gesendet: E-Mail-Inhalt einschließlich Empfängeradressen (An, Cc, Bcc), Absenderinformationen, Betreff, HTML-/Text-Inhalt, Antwortadressen und E-Mail-Anhänge (falls vorhanden). – Wann: Daten werden nur gesendet, wenn Mailgun als E-Mail-Anbieter konfiguriert ist und eine Formularbenachrichtigung versendet wird. – Nutzungsbedingungen: https://www.mailgun.com/terms/ – Datenschutzerklärung: https://www.mailgun.com/privacy-policy/

Zahlungsabwicklung (optional)

PayPal – Dienst: Das PayPal-SDK wird geladen, um die Zahlungsabwicklung in Formularen zu ermöglichen, wenn PayPal-Zahlungsfelder verwendet werden. – Welche Daten werden gesendet: Das PayPal-JavaScript-SDK wird von den Servern von PayPal geladen. Zahlungsdaten werden direkt zwischen dem Browser des Nutzers und PayPal ausgetauscht – das Plugin sendet keine Zahlungsinformationen an die PayPal-Server. – Wann: Das PayPal-SDK-Skript wird nur geladen, wenn ein Formular PayPal-Zahlungsfelder enthält und auf einer Seite angezeigt wird. – Nutzungsbedingungen: https://www.paypal.com/us/webapps/mpp/ua/useragreement-full – Datenschutzerklärung: https://www.paypal.com/us/webapps/mpp/ua/privacy-full

Plugin-Dienste (Kali Forms)

Kali Forms Extensions API – Dienst: Dieser Dienst stellt eine Liste der verfügbaren Plugin-Erweiterungen und Add-ons bereit. – Welche Daten werden gesendet: Es werden keine Nutzerdaten gesendet. Das Plugin fordert eine Liste der verfügbaren Erweiterungen an. – Wann: Die Daten werden angefordert, wenn du die Seite „Erweiterungen“ im WordPress-Adminbereich aufrufst. Die Ergebnisse werden 2 Tage lang zwischengespeichert. – Nutzungsbedingungen: https://kaliforms.com/terms-of-service/ – Datenschutzerklärung: https://kaliforms.com/privacy-policy/

Kali Forms Uninstall Feedback API – Dienst: Dieser Dienst sammelt Feedback, wenn du das Plugin deaktivierst. – Welche Daten werden gesendet: Wenn du das Plugin deaktivierst, kannst du optional Feedback geben, darunter: Grund für die Deaktivierung, Verbesserungsvorschläge und optional deine E-Mail-Adresse (falls du dich gegen eine anonyme Übermittlung entscheidest). – Wann: Daten werden nur gesendet, wenn du dich bei der Deaktivierung des Plugins ausdrücklich dafür entscheidest, Feedback zu senden. Du kannst wählen, ob du anonym senden möchtest. – Nutzungsbedingungen: https://kaliforms.com/terms-of-service/ – Datenschutzerklärung: https://kaliforms.com/privacy-policy/

Kali Forms Blogposts-API – Dienst: Dieser Dienst stellt Blogposts zur Anzeige im WordPress-Dashboard-Widget bereit. – Welche Daten werden gesendet: Es werden keine Nutzerdaten gesendet. Das Plugin fordert Blogbeiträge an, die für das Dashboard-Widget getaggt sind. – Wann: Die Daten werden angefordert, wenn das Dashboard-Widget angezeigt wird. Die Ergebnisse werden 7 Tage lang zwischengespeichert. – Nutzungsbedingungen: https://kaliforms.com/terms-of-service/ – Datenschutzerklärung: https://kaliforms.com/privacy-policy/

JavaScript-Bibliotheken (gebündelt)

html2canvas – Dienst: html2canvas ist eine JavaScript-Bibliothek, die in der Datei „vendor.js“ des Plugins enthalten ist. Der Verweis auf html2canvas im kompilierten Code ist ein Kommentar, der die Herkunft und Version der Bibliothek angibt, und kein Aufruf eines Remote-Dienstes. – Welche Daten werden gesendet: Es werden keine Daten gesendet. html2canvas ist als gebündelte Abhängigkeit in der Datei public/assets/backend/js/vendor.js enthalten und läuft vollständig auf der Client-Seite, ohne externe Netzwerkanfragen zu stellen. – Wann: Die Bibliothek wird geladen, wenn im WordPress-Admin-Panel auf die Seite mit den Formulareinträgen zugegriffen wird. Sie wird für die clientseitige Bilddarstellung verwendet. – Quelle: Die Bibliothek stammt aus dem npm-Paket html2canvas und ist im Vendor-Bundle des Plugins enthalten. Es werden keine externen Aufrufe getätigt.

jsPDF (PDFObject-CDN-Referenz) – Dienst: jsPDF ist eine JavaScript-Bibliothek, die in der Datei „vendor.js“ des Plugins zur PDF-Erstellung enthalten ist. Die Bibliothek enthält eine optionale Funktion, mit der PDFObject von einem CDN geladen werden kann; diese Funktion wird jedoch nur genutzt, wenn der Ausgabetyp „pdfobjectnewwindow“ explizit aufgerufen wird. – Welche Daten werden gesendet: Die jsPDF-Bibliothek enthält eine fest codierte Fallback-URL zum CDN von Cloudflare (https://cdnjs.cloudflare.com/ajax/libs/pdfobject/2.1.1/pdfobject.min.js), die nur verwendet wird, wenn die optionale Ausgabemethode „pdfobjectnewwindow“ aufgerufen wird. Dies ist eine Funktion der jsPDF-Bibliothek selbst, keine Anforderung dieses Plugins. – Wann: Auf die CDN-URL wird nur zugegriffen, wenn der Code explizit die jsPDF-Ausgabemethode („pdfobjectnewwindow“) verwendet. Das Plugin nutzt diese Ausgabemethode standardmäßig nicht, daher wird das CDN während des normalen Plugin-Betriebs nicht aufgerufen. – Quelle: Die Bibliothek wird aus dem npm-Paket jspdf gebündelt und ist im Vendor-Bundle des Plugins enthalten. Der CDN-Verweis ist Teil der optionalen Funktionalität der jsPDF-Bibliothek. – Hinweis: Um externe CDN-Aufrufe zu vermeiden, verwende nicht den Ausgabetyp „pdfobjectnewwindow “. Das Plugin nutzt andere jsPDF-Ausgabemethoden, die keine externen Ressourcen erfordern.

Wichtiger Hinweis: Kali Forms sendet ohne Benutzeraktion oder Zustimmung keine Daten an externe Dienste und erfasst auch keine sensiblen Informationen aus den Anfragen. E-Mail-Versanddienste und Zahlungsabwicklung werden nur genutzt, wenn dies vom Website-Administrator ausdrücklich konfiguriert wurde. JavaScript-Bibliotheken sind im Plugin enthalten und laufen clientseitig. Der einzige Verweis auf ein externes CDN ist eine optionale Funktion der integrierten jsPDF-Bibliothek, die standardmäßig nicht verwendet wird.

Entwicklung

Quellcode

Der Quellcode für Kali Forms ist im Plugin-Verzeichnis verfügbar. Das Plugin enthält eine „package.json“-Datei, in der alle Build-Abhängigkeiten und Entwicklungswerkzeuge dokumentiert sind, die zum Kompilieren der JavaScript- und CSS-Dateien des Plugins verwendet werden.

Build-Prozess

Kali Forms nutzt moderne Webentwicklungs-Tools, um seine Frontend-Elemente zu erstellen:

• Webpack: Modul-Bundler für JavaScript und CSS
• Babel: JavaScript-Compiler für moderne ES6+-Syntax
• Sass/SCSS: CSS-Präprozessor
• PostCSS: CSS-Nachbearbeitung mit Autoprefixer

Der JavaScript-Quellcode des Plugins befindet sich im Verzeichnis „resources/assets/js/“ und wird in das Verzeichnis „public/assets/“ kompiliert. Beim Build-Prozess werden keine Verschleierungs- oder Minifizierungsverfahren verwendet, die den Code unlesbar machen – es werden lediglich die standardmäßigen Webpack-Optimierungen für die Produktion angewendet.

Anbieterdateien

Das Plugin enthält gebündelte Anbieter-Bibliotheken in den Dateien „public/assets/backend/js/vendor.js “ und „public/assets/frontend/js/vendor.js“. Diese Dateien enthalten JavaScript-Bibliotheken von Drittanbietern, die während des Build-Prozesses kompiliert und gebündelt werden.

Eine vollständige Liste aller Abhängigkeiten von Drittanbietern, einschließlich ihrer Versionen und Lizenzen, findest du in der Datei „package.json“, die im Plugin enthalten ist. Die Abhängigkeiten sind wie folgt kategorisiert: – dependencies: Laufzeitbibliotheken, die für die Funktion des Plugins erforderlich sind – devDependencies: Build-Tools und Entwicklungsabhängigkeiten, die nur während der Kompilierung verwendet werden

Alle Hersteller-Bibliotheken sind lokal im Plugin gebündelt und führen im Normalbetrieb keine externen Netzwerkanfragen durch. Der Quellcode dieser Bibliotheken ist über die jeweiligen npm-Pakete verfügbar, und die gebündelten Versionen sind in der Plugin-Distribution enthalten.

Alle CDN-Verweise, die in den Dateien des Anbieters gefunden werden, sind entweder: 1. Kommentarzeilen oder Urheberrechtshinweise (wie Bibliotheksname und Versionsangaben) 2. Optionale Funktionen innerhalb der mitgelieferten Bibliotheken, die vom Plugin nicht genutzt werden (wie optionale Ausgabemethoden, die externe Ressourcen erfordern)

Konkrete Beispiele dafür, wie gebündelte Bibliotheken verwendet werden und ob sie externe Aufrufe ausführen, findest du im Abschnitt „JavaScript-Bibliotheken (gebündelt)“ weiter oben.

Aus dem Quellcode kompilieren

So kompilierst du das Plugin aus dem Quellcode:

1. Stell sicher, dass Node.js und npm installiert sind
2. Wechsle in das Plugin-Verzeichnis
3. Führe „npm install “ aus, um die Abhängigkeiten zu installieren
4. Führe „npm run prod“ aus, um alle Assets für die Produktion zu erstellen, oder verwende bestimmte Build-Befehle:
   • npm run prod-frontend – Frontend-Formular-Assets erstellen
   • npm run prod-components – Formulargenerator-Komponenten erstellen
   • npm run prod-general – Allgemeine Admin-Assets erstellen
   • npm run prod-block – Gutenberg-Block-Assets erstellen
   • npm run prod-form-entries – Assets für die Seite mit den Formulareinträgen erstellen
   • npm run prod-emails – Assets für E-Mail-Einstellungen erstellen

Für die Entwicklung im Watch-Modus verwende „npm run start“ oder die entsprechenden „start-*“- Befehle.

Abhängigkeiten

Alle Build-Abhängigkeiten …