Styler for WpForms

Description

Styler for WpForms lets you create beautiful designs for WpForms. It uses WordPress Customizer so you get a true WYSIWYG experience. All the changes you make in this plugin are instantaneously visible so you can see how the form looks in realtime.

Here is step by step guide to style your forms

It comes with 100+ options to customize various parts of WpForms like form wrapper,form header, submit button, radio inputs, checkbox inputs, paragraph textarea, labels, section breaks, descriptions, text inputs and more.

You get to set the options like background color, font-size, font family, borders, width, text alignment, margin, padding and more for all the sections. You are no longer required to add custom CSS codes in your theme files to design forms. The designs created with this plugin will work even if you change your theme.

Screenshots

  • Open Customize window
  • Styler for WpForms Panel
  • Sections for Settings
  • Options in settings

Installation

  1. Upload the plugin files to the /wp-content/plugins/styler-for-wpforms directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Now go to any post/page(in frontend) where you have added a WpForms. Make sure you are logged in.
  4. Click on the Customize button to launch WordPress Cusotmizer.
  5. Click on Styler for WpForms and then select the WpFors you want to customize.
  6. Wait while the plugin saves you form selection and refreshes the page.
  7. Now start beautiful designs for your forms

FAQ

Can I create different styles for different Forms?

Yes each form design is stored separately. So, design for each form can be different

Can I create multiple styles for one form

As of now you can only create one design for one form. If you want to create multiple for single form then first duplicate it in WpForms and then create a new design using WpForms Styler plugin.

Reviews

The easiest way to style WpForms

I am pretty good with CSS but I still prefer to use Styler for WpForms because it is so easy to use. It has really made my job as a web designer easy.

Great with few forms… Non practical with many ones.

It's a great tool to style WPForms and, as the only free one to date (the paid alternative is CSS Hero). However, it has a big disadvantage. Styler for WPForms lets you customize anything you can imagine in a reliable way. However, it lacks a "global" checkbox that let's you apply changes to all WPForms on your site at once. If you have several forms, you have to replicate and apply the same styling to every form, ONE BY ONE. And not only that: switching among forms to style forces THE WHOLE customizer to reload. This is an incredibly tedious task if you have more than 3 or 4 forms on your site, especially if your customizer takes a lot of time to load. Anyway, being comprehensive, reliable and the only free alternative, Styler for WPForms well deserves a 4-star rating IMHO.
Read all 6 reviews

Contributors & Developers

“Styler for WpForms” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Styler for WpForms” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.1.1 (07/04/2019)

  • fixed issue with bold, italics, underline and uppercase buttons in customizer
  • added rating notification message

1.1 (01/03/2019)

  • fixed compatability with latest version of WpForms
  • fixed borders of fields not visible in Customizer
  • fixed ‘Delete Styles’ not working
  • fixed form selection bug
  • fixed next button not getting styling
  • added option to set line height

1.0 (28/03/2017)

  • initial release