Ich freue mich, die Veröffentlichung von Form Block verkünden zu können, einem Block für den WordPress-Block-Editor, um anpassbare (Kontakt-)Formulare erstellen zu können.

Diese erste Version hat einen grundlegenden Funktionsumfang und wird im Laufe der Zeit erweitert werden. Form Block ist unter der GPLv2 lizenziert und vollständig Open Source. Der Quellcode ist auf GitHub und den kostenlosen Download auf WordPress.org zu finden.

Funktionen

  • Erstelle Formulare direkt innerhalb des Block-Editors mit Basis-Eingabefeldtypen, Auswahlfeldern und Textabschnitten
  • Integrierte Honeypot-Überprüfung
  • Serverseitige Überprüfung
  • Frontend-Überprüfung
  • Nachschlagewerk, um auf die Schnelle Informationen zu Formularfeld-Attributen zu bekommen

Warum einen eigenen Block entwickeln?

„Es gibt doch bereits viele Formular-Plugins da draußen“ magst du sagen – und das stimmt. Es gibt viele davon. Mein Hauptgrund war, dass ich eine moderne, aber flexible Lösung direkt innerhalb des Block-Editors wollte (bisher verwendete ich im Normalfall Contact Form 7 aufgrund der Anpassbarkeit). Und während es auch bereits einige Lösungen für den Block-Editor gibt, um dort Formulare zu erstellen, sahen diese für mich nicht anpassbar genug aus.

Außerdem lege ich großen Wert auf Lösungen, die gut geplant und ausgeführt werden und bei denen auf Details geachtet wird. Der einfachste Weg, meine Erwartungen zu erfüllen, war, es selbst zu erstellen. Und das habe ich getan.

Pro-Version

Neben der kostenlosen Basisversion von Form Block wird es auch eine Pro-Version geben, genannt Form Block Pro. Diese Version richtet sich an alle, die komplexere Formulare benötigen, verfügt aber auch über diverse Zusatzfunktionen wie eine erweiterte serverseitige Formularvalidierung oder eine elegante Drag-and-Drop-Upload-Zone zur Verwaltung hochgeladener Dateien. Weitere Informationen finden Sie unter formblock.pro.

4 Kommentare

  1. I installed the Form Block for a test and I really like the idea. It’s so much simpler than WP-Forms and the like. There are two things that I stumbled upon that I wanted to let you know:

    1. What happens on Submit?
    This was the first „block“. I could not find any information in the plugin or here in the post on what happens when I hit Submit. I selected the form and expected some info in the sidebar settings, but there was nothing. I received an email after sending, but is that to the user building the form or to the WP-administrator? I am not a developer and therefore not really into reading code on Github 😉

    —-
    2. Inserting new fields not possible?
    I inserted a contact form, deleted the telephone input field and then of course wondered how I could insert a new field to the form. Is there a way to do that? Or insert a group of radio buttons? Or is that maybe a future feature?

    Thanx for the Form block, and I’m definitely looking forward to the next version (and the Pro version).

    1. 1. On submit, the site administrator gets an email with the given form data. There is currently no option to reconfigure this behavior.

      2. Yes, inserting new fields should be possible the same way as adding other blocks inside another. While you’re active in a label text element, it’s possible that the small plus buttons are hidden. You can at least add another block before/after the current by using the three dots menu in the block toolbar.

      Happy to see that it works so far!

      1. About 1.
        The thing that threw me is that I did not know what happens on submit. I selected the form element and then the submit button and expected to find some info about that in the sidebar settings. Maybe that would be a good place for it.

        About 2.
        The little small plus buttons are indeed hidden, but I did try the 3-dots-menu before/after option. If I do so, I insert another form, don’t I?

        So I chose the option „Duplicate“ instead to create another input-field and then converted it to another type. Is that okay?

        What I have not figured out as yet is how to insert a group of Radio-buttons so that only one of them can be selected. Applying the same name does not seem to be enough. Is there a way?

        And finally – is this a good place for my questions or should we move this conversation to another place?

        1. 1. I’m not sure if an information is rightly placed inside the block sidebar, where you usually found settings, not information. Maybe it’s enough to add it to the readme. I will definitely think about it, thank you for pushing it to me.

          2. There are multiple blocks depending on the field you want to add. The form itself is a block, which shouldn’t be added in another form block. I should definitely prevent that as it would result in unexpected behavior. There are additional blocks for an input, a select and a textarea, all of them can be placed within a form block.

          About the radio buttons, you’re completely right. I was so focused to prevent having duplicate names across multiple forms on the same page that I forgot about the radio buttons requiring such a behavior. I will add this functionality and created an issue for that: https://github.com/epiphyt/form-block/issues/5
          Thank you for pointing this out!

          The best way for feedback for me would be GitHub issues: https://github.com/epiphyt/form-block/issues
          But I’m also open to have it via email (just use the form block here 😄).

          (P.S.: Since this is the German blog post, we could easily switch to German. 😄)

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert