Style Contact Form 7

Beskrivning

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.

Funktioner

  • 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.

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

Skärmdumpar

Block

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 är en av de mest populära och mest använda WordPress-tilläggen för att skapa och hantera flera kontaktformulär på en webbplats.

Will Style Contact Form 7 plugin work with my theme?

While it is not possible to test with every WordPress theme, the plugin has been tested with many themes, especially block themes.

The demo videos were recorded with Twenty Twenty-Three theme.

Feel free to contact Support if it is not working as expected.

Jag har problem, kan ni erbjuda support?

Ja, klicka här för support

Recensioner

21 mars 2025 1 svar
Would be OK for simple sites. What it can’t do is break your form field stacks into multiple columns.
17 november 2024
This plugin makes it so easy to give Contact Form 7 a fresh, modern look. The styling options are simple yet powerful—highly recommend it! Nice one Mofistudio saved me hours of work.
20 oktober 2024
It makes integrating the Contact Form 7 forms into your webpage design so much simpler. This plugin provides many options for styling the forms to suit the look you want.
8 oktober 2024 1 svar
Hi, Yes, it looks good… but when using the Classic Editor, it doesn’t work! Otherwise, it looks fine…
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 7 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 8 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.

Ändringslogg

1.4.1

  • Tested up to WP 7.0
  • Adjusted block icon styling to better match WordPress 7.0 editor UI
  • Improved contact form selection workflow for faster form switching in the editor

1.4

  • Tested up to WP 6.9.4
  • Added instance class to make unique in case of multiple forms
  • Moved messages to popup
  • Adjusted some default css values
  • Centered spinner on button when set to width Auto

1.3

  • Tested with WP 6.8
  • Updated documentation

1.2

  • Added new pro demo video.
  • Moved pro plugin to its own domain : https://stylecontactform7.pro/
  • Added 10 new demo pages

1.1.9

  • Tested with WP 6.7
  • Added background color to invalid fields.
  • Centered the form loading spinner over submit button and hide button text when active.
  • Fixed $wrapper_attributes output bug, flagged by plugin check.
  • Changed default left and right margin for mobile screen size to -0.5 (em).

1.1.8

  • fixing broken SVG icon links

1.1.7

  • Added function to auto close the block inspector Panel Body tabs to keep it tidy and aid navigation.
  • Improved admin page with a new layout, more information and links to new Pro Version.
  • launched Style Contact Form 7 Pro – https://stylecontactform7.com/pro/
  • Added more detailed descriptions of block features in the readme and added demo video.
  • Översatt all ny text till 15 språk: danska, tyska, engelska (Storbritannien), spanska (Spanien), finska, franska (Frankrike), kroatiska, italienska, nederländska, polska, portugisiska (Portugal), rumänska, ryska, svenska och ukrainska.

1.1.6

  • Set font family and removed some default form styles.
  • Gjorde formuläret identiskt i redigeraren och front-end.

1.1.5

  • fix broken admin stylesheet link.

1.1.4

  • Added 2px padding to ’outer’ .cfcf7-block-container – this fixes the block overlapping the is_selected blue outline.
  • Made the admin panel Css more specific to avoid disrupting other blocks admin panels.
  • Changed Admin Menu title from ’Style Contact Form 7’ to ’Style CF7’ to avoid line break.
  • Lagt till några standardalternativ för gradientfärg för inlämningsknappen.

1.1.3

  • Bug fix, Altered ’wpcf7_contact_form’ post loop as it was overwriting contact forms.

1.1.2

  • Testad med WordPress 6.6
  • Removed ’margin’ option from Submit Button settings

1.1.1

  • Changed Plugin display in main PHP file’.
  • Lagt till stilar för valideringsvarningar i kontaktformulär.
  • Added ’New Additions’ link on admin page to https://stylecontactform7.com/new-additions/ where I will document recent upgrades and features.

1.1

  • 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.

1.0.9

  • 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).

1.0.8

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

1.0.7

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

1.0.6

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

1.0.5

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

1.0.4

  • Added Pot file to languages folder
  • Tog bort blockmönster

1.0.3

  • updated admin page

1.0.2

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

1.0.1

  • bug fix – Undefined variable in block-patterns.php
  • lagt till standardvärden för marginaler för surfplatta och mobil.

1.0

  • Första utgåvan