Style Contact Form 7


This Gutenberg Block is compatible with Contact Form 7 and automates CSS style generation, allowing you to quickly design visually appealing contact forms.


  • Gutenberg Block Integration: Dive into the future of WordPress design with this plugin’s Gutenberg block compatibility. Design and customize your Contact Form 7 layouts directly in the Gutenberg editor, blending ease of use with sophisticated styling options.
  • Mobile and Tablet Friendly Design: In an era where mobile responsiveness is key, this plugin ensures your contact forms look impeccable on all devices. Enjoy peace of mind knowing your forms are automatically optimized for mobile and tablet users.
  • Intuitive Styling for Contact Form 7: Unleash your creativity with this user-friendly interface, allowing you to style and modify your contact forms to perfectly align with your website’s theme and branding.
  • User Experience Focused: This plugin prioritizes your visitors’ interaction experience and guarantees smooth, engaging, and accessible contact forms, enhancing user engagement and increasing the likelihood of form submissions.
  • Seamless Integration with Contact Form 7: Designed to complement Contact Form 7, this plugin extends its functionality, providing you with the tools to create beautifully styled forms without any hassle.

”Style Contact Form 7” is not just a plugin; it’s a game-changer for website owners, bloggers, and developers seeking to elevate their site’s aesthetics and usability. Transform your contact forms from basic to breathtaking and experience a surge in user interaction and satisfaction!

Dokument och support

View the Docs, get fast Support. Popular Questions and Solutions will be posted to the Support Forum & FAQ.

Obligatoriska tillägg

Contact Form 7


  • Adding block to Editor Area
  • Justera blockmarginal
  • Ändra bakgrundsfärg
  • Block border and corners
  • Adjust block shadow


Detta tillägg tillhandahåller 1 block.

  • Style Contact Form 7 Style your Contact Form 7 forms with Ease.

Vanliga frågor

Vad är Contact Form 7?

Contact Form 7 is one of the most popular and widely used WordPress plugins for creating and managing multiple contact forms on a website.

Will Style Contact Form 7 plugin work with my theme?

Yes, if you already have the Contact Form 7 Plugin installed and activated and a Contact Form ready to style.

Jag har problem, kan ni erbjuda support?

Ja, klicka här för support

What’s next for this project?

Starting a support forum, translating into different languages.


22 april 2024
I like the plugin very much. Finally a simple solution to visually enhance the monotonous forms of CF7. And very pleasing: the developer is very easy to contact and responds quickly to comments. Great 🙂
Läs alla 2 betyg

Bidragsgivare och utvecklare

”Style Contact Form 7” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

Bidragande personer

”Style Contact Form 7” har översatts till 3 språk. Tack till översättarna för deras bidrag.

Översätt ”Style Contact Form 7” till ditt språk.

Intresserad av programutveckling?

Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.



  • Tested with WordPress 6.6
  • Removed ’margin’ option from Submit Button settings


  • Changed Plugin display in main PHP file’.
  • Added styles for contact form validation warnings.
  • Added ’New Additions’ link on admin page to where I will document recent upgrades and features.


  • Changed Plugin display name and Gutenberg block name to ’Style Contact form 7’.
  • Added ’Requires Plugins:’ header tag (WP 6.5+).
  • Added fill color to Block Icon background.
  • Added Top & Bottom negative Margin options to help refine block positioning for Desktop, Tablet & Mobiles screen sizes.


  • Added styles for Contact Form 7 input fields, (radio, checkbox, number, select), Added margin option to Submit button, Added Gradient option to Submit button. Added field focus outline settings.
  • Changed Field Border style & Field Border position options to Select inputs instead of Radio buttons. (thanks to @metasequoia for the feedback).


  • Re-added ’__experimentalGetPreviewDeviceType’ for > WP 6.5.
  • Changed Text Transformation & Font Weight options to Select inputs instead of Radio buttons.


  • Removed ’__experimentalGetPreviewDeviceType’ as it was causing issues in site editor, using ’getDeviceType’ instead.


  • Added post loop to init function to access contact forms.


  • Added languages (Danish, Dutch, English (UK), Finnish, French, German, Hindi, Italian, Japanese, Norwegian, Polish, Portuguese, Russian, Spanish, Swedish, Ukrainian)


  • Added Pot file to languages folder
  • Removed block patterns


  • updated admin page


  • moved docs & support to its own domain (
  • updated links to docs & support throughout.


  • bug fix – Undefined variable in block-patterns.php
  • added default margin values for tablet and mobile.


  • Initial release