CF7 Skins Block

Last Updated on February 6, 2025 by Neil Murray

CF7 Skins Block – Gutenberg

Tag

CF7 Skins Block for Gutenberg / Block Editor

The CF7 Skins Form Block works right within the Gutenberg/Block Editor, making it easier for users to create both WordPress Form API & Contact Form 7 forms.

Problem/Opportunity

As Full Site Editing becomes increasingly popular, WordPress users are going to expect forms to be done directly on any page or post.

Form plugins that do this early will see greater usage & popularity – existing form plugins that don’t, will see declining usage.

CF7 Skins will have an opportunity to provide that option for the millions of CF7 users. This is a big, complex & challenging task but one that offers an opportunity to grow dramatically.

Some highlights of Full Site Editing include:

  • Point and click edits in all parts of your site, including headers, footers, and sidebars.
  • Drag and drop blocks to design beautiful and complex navigation menu bars.
  • Edit items like your header, page content, and footer all in one place. You’ll no longer need to jump out of your page editor to make changes in the Customizer! Everything is available to edit right where you already are.

Solution

Provide all CF7 Skins functionality directly via a single block in the Gutenberg Block Editor.

Features

  • item
  • item
  • item

Refer: Read Me – CF7 Skins Form Block

Form API

Through contributing to the Form API we can:

  • Learn from the Gutenberg team how to create a compelling block based form plugin
  • Be one of the first form plugins to offer a viable form block in the Block Editor
  • Help WordPress users to change to building their forms directly in the Block Editor
  • Ensure the Form API is extendible in way that allows form plugin authors to produce commercial Add-ons.

Refer:

Method

Examine how a Gutenberg Block is implemented in other form plugins. From this examination, select and develop a suitable approach for CF7 Skins forms.

Example

User Interface – UI

Refer: CF7 Skins Gutenberg Block

References

Ideas

  • Item

WordPress Gutenberg Project

I think we should participate in discussions on Introduce experimental form & inputs blocks to allow building basic forms #44214.

Reading: 

Notes #

Add notes here