From form settings to reusable schemes

WOW Styler for CF7 Pro provides browser controls for changing how Contact Form 7 forms look, without writing CSS. Adjust colors, buttons, backgrounds, fonts, labels, links, input fields, and form spacing. A live preview shows changes as you work, so you can compare adjustments before applying a finished styling.

Save a finished design as a reusable scheme, then switch between schemes and attach them to different forms. Pro supports multiple schemes and individual styles for multiple forms. Start from a shared design and adapt it to each form's purpose, such as a stronger call to action for sales or a more restrained presentation for support.

Your theme's fonts and colors can provide a starting point. Split view places a published form beside its draft styling for comparison.

One form platform, distinct styles

Individual styles let several differently styled Contact Form 7 forms appear on the same page. This can help shops, agencies, service providers, SaaS businesses, and online course sites separate forms by team or purpose. For example, a shop can distinguish contact, support, sales, booking, or enquiry forms while continuing to use Contact Form 7.

• 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 images and animated GIFs with opacity control.
• Set advanced background settings, including cover, contain, repeat, and positioning.
• Load styles in the body tag when a theme or page builder removes CSS from the header.

Different forms, different workflows

A WooCommerce shop can style its returns, support, invoice, and capability-request forms separately. An agency can give new-client intake, project onboarding, and existing-client support forms their own appearances. A SaaS provider can distinguish demo requests, bug reports, feature ideas, and community feedback while keeping each form aligned with its purpose.

From installation to saved designs

Add WOW Styler for CF7 Pro to your WordPress website, then 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. Use the live preview to refine the design, then save additional schemes for other forms.