Neu: CF7 Blocks-Plugin bringt Blockeditor zu Contact Form 7 - dem De-facto-Standard seiner Klasse

  • ++ 5 Mio Downloads: CF7 - mit zig addons; von den conditional fields, über db- bis zur Signatur-Ergänzung: es ist der Quasi-Standard geworden - stets verbessert, stets erweitert. Eine echte WordPress-Erfolgsgeschichte eben.

    ...in einem aktuellen Artikel auf WPTavern (s.u.) berichtet Sarah über das neue CF7 Blocks-Plugin, welches Blöcke in Contact Form 7 bringt.

    Zitat: Der WordPress-Entwickler Munir Kamal hat ein neues Plugin namens CF7 Blocks veröffentlicht, das genau das tut, was der Name verspricht. Es bringt Blöcke zu einem der beliebtesten Plugins von WordPress, das die gleiche vertraute Oberfläche beibehalten hat und den Blockeditor aber bis dato noch nicht übernommen hat. Das Contact Form 7-Plugin wurde vom WordPress-Entwickler Takayuki Miyoshi erstellt, der es in den letzten 15 Jahren mit Hingabe auf dem neuesten Stand gehalten hat. Sein unerschütterliches Engagement, es für immer kostenlos zu halten, ist einer der Gründe, warum es auf mehr als 5 Millionen aktive Installationen angewachsen ist. Die Entwickler-Community hat Hunderte von Integrationen und Erweiterungen für CF7 erstellt, weil Benutzer es einfach fanden, Formulare mit seiner einfachen Benutzeroberfläche zu erstellen.



    IMG1 die Kontaktformular 7-Schnittstelle (Bild: WpTavern.com)

    CF7-Benutzer bearbeiten derzeit Formulare in der dedizierten Oberfläche des Plugins. Das Plugin enthält auch einen Block, sodass Benutzer zum Blockeditor zurückkehren und ein einzubettendes Formular auswählen können. Das neue Plugin CF7 Blocks ermöglicht es, CF7-Formulare mit dem Standardeditor von WordPress zu bearbeiten, anstatt sich mit Shortcodes und HTML herumschlagen zu müssen. Es hat immer noch eine eigene dedizierte Bearbeitungsseite für Kontaktformulare, außer mit der Möglichkeit, Felder als Blöcke anzupassen. Neue Formulare verwenden die Blockschnittstelle und alte können weiterhin mit dem Standard-HTML-Editor von CF7 bearbeitet werden.

    CF7 Blocks bietet eine intuitivere Erfahrung mit vorgefertigten Formularvorlagen, die automatisch die erforderlichen Blöcke einfügen, sodass Benutzer nicht bei Null anfangen müssen.


    IMG2 (Bild: WpTavern.com)

    In den Blockeinstellungen können Benutzer den Text der Beschriftungen einfach anpassen, einen Wert für Platzhalter eingeben, die Beschriftung ein- oder ausschalten, Felder nach Bedarf markieren, Abmessungen anpassen und vieles mehr. Felder können zur Neuordnung einfach per Drag-and-Drop verschoben werden, eine Funktion, die besonders bei längeren, komplexeren Formularen nützlich ist.

    Eine praktische Funktion ist, dass Formularfelder einfach per Knopfdruck in andere Felder umgewandelt werden können, was es einfach macht, ein Formular anzupassen, wenn die voreingestellten Vorlagen nicht genau das sind, was benötigt wird.


    IMG3 (Bild: WpTavern.com)

    In der gleichen Tradition von Contact Form 7 ist CF7 Blocks kostenlos im WordPress-Plugin-Verzeichnis verfügbar. Das Plugin hat auch eine eigene Website, auf der Benutzer sich anmelden können, um Updates zu erhalten und herauszufinden, was bald kommt. Laut Kamal können die Benutzer davon ausgehen, dass dem Plugin in zukünftigen Versionen weitere Felder hinzugefügt werden, die über die Standardfelder von Contact Form 7 hinausgehen. Designoptionen für die visuelle Gestaltung und Anpassung von Formularen sind ein weiteres Feature auf der Roadmap für CF7-Blöcke. (Ende des Zitats).


    weitere Informationen, Quellen und Ergänzungen:

    der aktuelle Artikel auf WPTavern: https://wptavern.com/new-cf7-blocks…-contact-form-7

    ein Video-Tutorial von Ferdi einem WordPress-Experten: Contact Form 7 Tutorial

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

    Zitat


    Learn step by step how to create simple and advanced forms on your wordpress website using Contact form 7. I will show you how to place a form on your website in minutes and how to create an advanced form from scratch. We will talk about setting up the contact form message that you receive when someone submits their form and how to create a confirmation email for the person that submits the form. After that I show you how to enable Google ReCaptcha so spammers can not misuse the form. After that I show you how to style the form with a free tool and how to style the form with a paid tool.Last but not least I show you how to copy and past your form and the settings to a different Wordpress website.

    noch mehr Infos zu Wordpress: Contact-form 7: https://de.wordpress.org/plugins/contact-form-7/

    Zitat

    Contact Form 7 kann zahlreiche Kontaktformulare verwalten und du kannst das Formular und E-Mail-Inhalte flexibel mit einfachem Markup anpassen. Das Formular erlaubt Ajax-unterstütztes Senden, CAPTCHA, Akismet Spam-Filterung und so weiter.

    DOKU UND SUPPORT Du findest eine Dokumentation, FAQ und weitere detaillierte Informationen über Contact Form 7 auf contactform7.com. Wenn du in der Dokumentation oder den FAQ eine Antwort auf deine Frage vermisst, solltest du im Support-Forum auf WordPress.org nachsehen. Wenn du keine Themen findest, die zu deiner bestimmten Frage passen, erstelle bitte dazu einen neuen Thread.

    - die Erweiterungen für CF 7 - insgesamt zig verschiedene Addons: https://de.wordpress.org/plugins/search/Contact+Form+7/ einige sind unten am Ende des Threads zu sehen;

    zusätzlich: eine ausgesprochen gute Anleitung zur Einrichtung von CF7 gibt es hier: https://www.webtimiser.de/contact-form-7-einrichten/ ist sehr zu empfehlen.

    Achso - welche Addons & Extensions in Verbindung mit der Contact7 setzt ihr denn ein: wie gesagt: der Überblick auf die Erweiterungen für CF 7 - insgesamt zig verschiedene Addons: https://de.wordpress.org/plugins/search/Contact+Form+7/
    einige sind unten am Ende des Threads zu sehen;

    welche setzt ihr ein!? Hier eine Mini-Auswahl

    Honeypot: https://wordpress.org/plugins/contac…/#installation/

    Zitat

    Description: This simple addition to the wonderful Contact Form 7 (CF7) plugin adds basic honeypot anti-spam functionality to thwart spambots without the need for an ugly captcha. The principle of a honeypot is simple — bots are stupid. While some spam is hand-delivered, the vast majority is submitted by bots scripted in a specific (wide-scope) way to submit spam to the largest number of form types. In this way they somewhat blindly fill in fields, regardless of whether the field should be filled in or not. This is how a honeypot catches the bot — it introduces an additional field in the form that if filled out will cause the form not to validate.

    Contact Form 7 Multi-Step https://wordpress.org/plugins/cf7-multi-step/

    Contact Form 7 Signature Addon https://wordpress.org/plugins/contac…ignature-addon/
    this plugin adds a new field type to the Contact Form 7 plugin and allows users to add an handwritten signature to the message via a signature pad. The plugin uses Szymon Nowak’s great Javascript library (https://github.com/szimek/signature_pad).

    Contact Form 7 Database https://wordpress.org/plugins/cf7-database/
    “Save Submitted Messages for Contact Form 7” is open source software. The following people have contributed to this plugin

    Contact Form 7 – PayPal Add-on https://wordpress.org/plugins/contact-form-7-paypal-add-on/
    If there is one add-on that gives your CF7 a shot in the arm, it must be PayPal because it allows you to integrate credit card payment options to your forms.

    Contact Form 7 Style https://wordpress.org/plugins/contact-form-7-style/
    If your CF7 theme is bored as hell and you would like to have a new lease of life, Contact Form 7 Style extension is an awesome tool for your personalization interest.

    WordPress Extension For Mailchimp (Chimpmatic Lite) https://wordpress.org/plugins/contac…himp-extension/
    WordPress Extension For Mailchimp (Chimpmatic Lite). Integrate Contact Form 7 with Mailchimp. Automatically add form submissions to predetermined lists in Mailchimp, using Mailchimp’s latest API. This Extension for Mailchimp supports multiple mailing lists and API Keys.[/quote]

    Interessen: Linux & SBC allaboutcircuits :: die neuen Knowledge-Base: AFFiNE: There can be more than Notion and Miro. auf affine.pro :: WordPress Ressourcen Entwicklung: auf make.wordpress.org/core/

    7 Mal editiert, zuletzt von suedtiroler (5. Januar 2023 um 13:43)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!