This Contact Form 7 compatible Gutenberg Block automates CSS style generation, allowing you to quickly design contact forms with minimal setup.
Blocks
Style Contact Form 7
Design and style Contact Form 7 forms visually in the block editor with live styling controls.
Features
-
Gutenberg Block Integration: Design and customize Contact Form 7 forms directly in the block editor with live styling controls.
-
Responsive Design: Forms automatically adapt for desktop, tablet, and mobile devices.
-
Flexible Form Styling: Customize field backgrounds, labels, text, borders, padding, and shadows.
-
Improved User Experience: Includes styled validation, error, success, and loading states for Contact Form 7 forms.
-
Multilingual support with multiple translations.
-
Comprehensive documentation with video demos.
Docs and support
View the Docs, get fast Support. Popular Questions and Solutions will be posted to the Support Forum & FAQ.
Required Plugins
Screenshots
Adding block to Editor Area
Adjust block margin
Change background color
Block border and corners
Adjust block shadow