WordPress plugin
WOW Styler for CF7 Pro: Style Multiple Contact Form 7 Forms
WOW Styler for CF7 Pro provides browser-based controls for styling Contact Form 7 without writing CSS. Pro supports individual styles for multiple forms, including several differently styled forms on one page. Each form can have a visual treatment suited to its purpose.
How style schemes give forms separate designs
WOW Styler for CF7 Pro provides browser-based controls for styling Contact Form 7 without writing CSS. Pro supports individual styles for multiple forms, including several differently styled forms on one page. Each form can have a visual treatment suited to its purpose.
Adjust colors, spacing, buttons, backgrounds, fonts, labels, links, and input fields, then review your changes in a live preview. Split view places a published form beside its draft styling for comparison. Your theme’s fonts and colors can provide a starting point.
Schemes and styling controls
Save a finished styling as a reusable scheme. Pro supports multiple schemes that you can switch between and attach to different forms. Start with a shared design, then adapt it for a sales, support, booking, or enquiry form.
- Set 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.
- Set background settings such as cover, contain, repeat, and positioning.
- Load styles in the body tag when a theme or page builder removes CSS from the header.
Examples across a website
A WooCommerce shop can give its returns, support, invoice, and feature-request forms separate appearances. An agency can style new-client intake, project onboarding, and existing-client support forms independently. A SaaS provider can use distinct designs for demo requests, bug reports, feature ideas, and community feedback. Online course sites can also separate forms by purpose.
Installation and setup
Add WOW Styler for CF7 Pro to your WordPress website and open the CF7 Styler area in the Contact submenu. Choose the upgrade or Pro package through the available setup flow, create a style scheme, and attach it to the relevant Contact Form 7 form. Refine the design in the live preview, then save additional schemes for other forms.