WOW Styler for CF7 Pro

Give each form its own visual treatment

WOW Styler for CF7 Pro provides browser-based controls for adjusting Contact Form 7 forms without writing CSS. Pro supports individual styles for multiple forms, including several differently styled forms on the same page. This lets a shop separate returns and support forms, or an agency distinguish client intake from project support.

Start with a scheme and refine it

Save a styling as a reusable scheme, then switch between schemes and attach them to various forms. Your theme’s fonts and colors can provide a starting point. A live preview shows draft changes as you work, and split view places a published form beside its draft styling for comparison.

• Adjust text colors, fonts, sizes, weights, and styles, along with link colors and hover states.
• Customize labels, buttons, borders, shadows, backgrounds, and input fields.
• Display checkboxes and radio buttons one per line instead of inline.
• Use background pictures or animated GIFs with opacity control. Advanced options include cover, contain, repeat, and positioning.
• Load styles in the body tag when a theme or page builder removes CSS from the header.

For example, a SaaS site can give demo requests and bug reports different appearances. A shared scheme can be adapted to each form’s purpose, such as using a stronger call to action for sales and a more restrained presentation for support.

Installation and setup

Add WOW Styler for CF7 Pro to your WordPress site, then open the CF7 Styler area in the Contact submenu. Use the available setup flow to choose the upgrade or Pro package. Create a style scheme and attach it to the relevant Contact Form 7 form, then refine it with the live preview. Save additional schemes for other forms.