Beschreibung
Canvasly ist ein visueller Formular-Builder für Contact Form 7. Statt Formular-Tags wie [text* your-name] einzutippen, fügst du Felder per Klick hinzu, ordnest sie per Drag and Drop an und bearbeitest Beschriftungen, Optionen und Pflichtfelder in einer Live-Vorschau. Das alles passiert in einem neuen Tab Visual Builder im Contact-Form-7-Editor, direkt neben dem bestehenden Tab „Formular“.
Es ersetzt nichts in Contact Form 7. Der Visual Builder liest das Formular-Template, lässt dich es bearbeiten und schreibt dieselbe native Syntax zurück in den Tab „Formular“. Speichern, E-Mail-Versand, Validierung und Spam-Schutz bleiben zu 100 % Contact Form 7. Beide Tabs zeigen immer dasselbe Formular, und alles, was der Builder nicht versteht, bleibt exakt so, wie es war.
Funktionen
- Live-Vorschaukarte für jedes Feld — klicke darauf, um Beschriftung, Pflichtfeld-Status, Standardwert/Platzhalter, Optionen und mehr zu bearbeiten
- Ziehen und Ablegen zum Umsortieren; ein Feld bewegt sich zusammen mit seinem eigenen
<label>oder Layout-Wrapper (z. B.<div class="half-width">) - Layout-Auswahl pro Feld, wenn dein Formular Wrapper-Klassen wie halbe/volle Breite verwendet
- Editor für Auswahllisten bei Dropdowns, Kontrollkästchen und Radio-Buttons
- Überschriften, Textabsätze und Trennlinien deines Templates werden zu bearbeitbaren Karten; reines Layout-Markup bleibt außen vor
- Feldvorlagen (Kontaktformular, Rückruf-Anfrage)
- E-Mail-Check: sieh, ob ein Feld Teil der E-Mail ist, die du erhältst, füge es mit einem Klick hinzu und werde gewarnt, bevor ein entferntes oder umbenanntes Feld die E-Mail-Vorlage zerstört
- Rückgängig / Wiederholen
- Frontend-Vorschau mit den Styles deines Themes (Desktop- und Mobilbreite), ohne zu speichern
- Technische Einstellungen (Feldname, ID, Klasse, rohe Optionen, umgebendes HTML) findest du unter „Erweitert“
- Übersetzungsbereit; Deutsch bereits enthalten (Du und Sie, plus österreichische und Schweizer Varianten)
Unterstützte Formular-Tags: text, email, tel, url, textarea, number, date, select, checkbox, radio, acceptance, quiz, file, submit. Andere Tags (z. B. von Add-ons) bleiben unverändert erhalten.
Dieses Plugin ist ein unabhängiges Add-on und steht in keiner Verbindung zum Contact-Form-7-Projekt und wird nicht von diesem unterstützt.
Screenshots
Installation
- Installiere und aktiviere Contact Form 7.
- Installiere und aktiviere dieses Plugin.
- Gehe zu Kontakt Kontaktformulare, öffne ein Formular und wechsle zum Tab „Visual Builder“.
FAQ
-
Ändert es, wie meine Formulare gespeichert werden?
-
Nein. Das Formular bleibt das reine Contact-Form-7-Formular-Template. Du kannst dieses Plugin jederzeit deaktivieren, ohne dass sich etwas ändert.
-
Zerstört es mein handgeschriebenes Formular?
-
Felder, die du nicht bearbeitest, werden byte-genau zurückgeschrieben. Markup, das der Builder nicht erkennt, wird als „HTML-Block“ angezeigt und unverändert gelassen.
-
Unterstützt es bedingte Felder oder mehrstufige Formulare?
-
Nein. Contact Form 7 hat dafür keine native Syntax; Tags, die von anderen Add-ons hinzugefügt werden, bleiben erhalten, werden aber nicht visuell bearbeitet.
-
Nimmt das Plugin Kontakt zu externen Servern auf?
-
Nein.
Rezensionen
Zu diesem Plugin liegen noch keine Rezensionen vor.
Mitwirkende und Entwickler
„Canvasly for Contact Form 7“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:
Mitwirkende
„Canvasly for Contact Form 7“ wurde in 1 Sprache übersetzt. Danke an die Übersetzer für ihre Mitwirkung.
Übersetze „Canvasly for Contact Form 7“ in deine Sprache.
Interessiert an der Entwicklung?
Durchstöbere den Code, sieh dir das SVN-Repository an oder abonniere das Entwicklungsprotokoll per RSS.
Änderungsprotokoll
0.2.5
- Plugin-URI- und Autor-URI-Header, sodass der Autorenname wie bei anderen Plugins auf ein Profil verlinkt
- Links „Erste Schritte“ und „Rezension hinterlassen“ in der Plugin-Zeile auf der Plugins-Seite
0.2.4
- Umbenannt in „Canvasly for Contact Form 7“ gemäß Feedback der WordPress.org-Plugin-Prüfung (unterscheidbarer Name, Markenname nur nach „for“)
0.2.3
- Übersetzungen werden von WordPress selbst geladen (kein manuelles Laden der Text-Domain)
- Deutsche Varianten: Sie-Form, Österreich, Schweiz
0.2.2
- Felder bewegen sich zusammen mit ihrer Beschriftung / ihrem Layout-Wrapper; Layout-Auswahl pro Feld
- Rückgängig/Wiederholen, Frontend-Vorschau, Feldvorlagen, Editor für Optionslisten, E-Mail-Checks
- Platzhalter-Umschalter
0.1.0
- Erstveröffentlichung.