Contact Form 7 Skins

Description

CF7 Skins works right within the normal Contact Form 7 interface, making it easier for regular WordPress users to create Contact Form 7 forms using a range of compatible Templates and Styles.

Simply select from a list of compatible Templates that cover many common forms and then choose from a range of professional and beautiful Styles.

Each Template acts as an easy to follow guide, which can be adapted to your particular requirements. Every Style covers the full range of Contact Form 7 form elements.

CF7 Skins is highly customizable and easy to learn, even for beginners.

CF7 Skins Features

Here are some of the things you can do with CF7 Skins:

  • Create a vast range of simple and complex forms using Contact Form 7.
  • Select from a list of built-in and ready to use Templates.
  • Easily edit the built-in Templates to add, remove or modify form fields.
  • Choose from a range of compatible form Styles.
  • Build professional looking Contact Form 7 forms without HTML and CSS knowledge.

Read more about CF7 Skins.

Pro Version Available

With the Pro version of the plugin CF7 Skins Pro you get:

  • Additional Templates and Styles to use with your forms.
  • Access to premium email support by paid support staff.

Range of Add-ons available

Our CF7 Skins Add-ons bring the functionality available in other premium WordPress Form plugins directly within Contact Form 7.

CF7 Skins Ready provides a range of useful pre-defined styles that can be used in all Contact Form 7 forms:

  • box – displays enclosed elements in a surrounding box
  • column – displays enclosed elements in a vertical column
  • grid – implements a CSS form grid
  • singleline – displays enclosed elements on a single line
  • checkbox-radio-horizontal – displays checkbox & radio button elements in horizontal line

CF7 Skins Multi includes the features you need to make user friendly multi-part Contact Form 7 forms:

  • Tab Titles – with click Navigation
  • Progress Bar – indicates to users where they are
  • Navigation Buttons – Previous & Next on each Tab
  • Pagination – current page / total no.
  • Start & End Tabs – additional Navigation Buttons
  • Thank You Tab – extra page displayed only after completed form submission
  • Design matches CF7 Skins Style – styling of multi-form elements matches selected CF7 Skins Style

CF7 Skins Logic provides Conditional Logic for Contact Form 7 forms:

  • Show or Hide – fields
  • Criteria – field, user and post info
  • Value – equals, not equals, contains or changed
  • Compare – numeric or text values
  • Multiple logic statements – if all & if any
  • Multiple fields with varying logic

See: Plugin Website | Documentation | FAQ | Pro Version | Add-ons

Screenshots

  • CF7 Skins user interface showing Template and Style tabs
  • Selecting a Template automatically fills the form fields.
  • CF7 Skins includes a range of Templates for your forms.
  • CF7 Skins comes with many beautiful Styles for your forms.
  • Detailed view of a Template.
  • Detailed view of a Style.
  • Completed CF7 Skins Form.

Installation

  1. Visit Plugins > Add New in your WordPress admin area and search for Contact Form 7 Skins.
  2. Locate the plugin in search results.
  3. Click on the Install button to download and install the plugin.
  4. Activate the plugin.

Alternate Installation Method

  1. Download the plugin’s zip file and visit Plugins > Add New in your WordPress admin area.
  2. Click on the Upload Plugin button and then simply upload the zip file.
  3. WordPress will now upload the zip file from your computer to your website, extract it, and install the plugin.
  4. Click on the Activate link to start using the plugin.

Having trouble? Learn more about how to install plugins on WordPress Codex.

See: Plugin Website | Documentation | FAQ | Pro Version | Add-ons

FAQ

Installation Instructions
  1. Visit Plugins > Add New in your WordPress admin area and search for Contact Form 7 Skins.
  2. Locate the plugin in search results.
  3. Click on the Install button to download and install the plugin.
  4. Activate the plugin.

Alternate Installation Method

  1. Download the plugin’s zip file and visit Plugins > Add New in your WordPress admin area.
  2. Click on the Upload Plugin button and then simply upload the zip file.
  3. WordPress will now upload the zip file from your computer to your website, extract it, and install the plugin.
  4. Click on the Activate link to start using the plugin.

Having trouble? Learn more about how to install plugins on WordPress Codex.

See: Plugin Website | Documentation | FAQ | Pro Version | Add-ons

What is CF7 Skins?

CF7 Skins is an add-on plugin for Contact Form 7. It extends the functionality of Contact Form 7 by adding ready to use Templates and Styles. You can learn more by visiting cf7skins.com

Is there Documentation available?

Yes, our in-depth Documentation is a great place to find detailed answers. It covers how to get started, how to customize your forms with CF7 Skins and everything else in between.

How do I get started?

There is a range of Tutorials available to help you get started using CF7 Skins.

Where can I find answers to Frequently Asked Questions?

Many questions have been answered on the CF7 Skins FAQ on the plugin website.

How do I get more Templates and Styles for CF7 Skins?

You can get more templates and styles with the Pro Version of the plugin. The Pro Version also includes access to premium email support by paid support staff.

What Add-ons are available?

Our CF7 Skins Add-ons bring the functionality available in other premium WordPress Form plugins directly within Contact Form 7.

CF7 Skins Ready provides a range of useful pre-defined styles that can be used in all Contact Form 7 forms:

  • box – displays enclosed elements in a surrounding box
  • column – displays enclosed elements in a vertical column
  • grid – implements a CSS form grid
  • singleline – displays enclosed elements on a single line
  • checkbox-radio-horizontal – displays checkbox & radio button elements in horizontal line

CF7 Skins Multi includes the features you need to make user friendly multi-part Contact Form 7 forms:

  • Tab Titles – with click Navigation
  • Progress Bar – indicates to users where they are
  • Navigation Buttons – Previous & Next on each Tab
  • Pagination – current page / total no.
  • Start & End Tabs – additional Navigation Buttons
  • Thank You Tab – extra page displayed only after completed form submission
  • Design matches CF7 Skins Style – styling of multi-form elements matches selected CF7 Skins Style

CF7 Skins Logic provides Conditional Logic for Contact Form 7 forms:

  • Show or Hide – fields
  • Criteria – field, user and post info
  • Value – equals, not equals, contains or changed
  • Compare – numeric or text values
  • Multiple logic statements – if all & if any
  • Multiple fields with varying logic
Translations
  • Indonesian (Bahasa Indonesia; id_ID) – Sastra Manurung

See: Plugin Website | Documentation | FAQ | Pro Version | Add-ons

Reviews

Intuitivo y fácil de usar

Muy buen plugin, incluso la versión gratuita viene con varios skins para elegir y se puede cambiar de uno a otro sin que perjudique el formulario ni haya que hacer ajustes innecesarios.
Muy recomendable!

Skins for ContactForms 7

This plugin is awesome. I have the pro version for the extra choices. However, I simply love this plugin. It is so easy to work and change. It makes making my forms quick and easy. I would really like to be able to download some new skins. I hope the author allows Pro users to get more for free. Before I found this addon to ContactForms7 I was spending way too much time on design. Now it is almost click and click and done. The color choices are lacking but I can choose the closest thing to my theme and go with it. My clients think I’m a genius.

Great and easy to work with!

This plugin is seriously a life-saver. Great customization options, nice interface, and everything works as it should. My only complaint would be that once you create a “skin” with your desired settings, you are not able to save it and use for other forms. Other than that, I recommend this plugin.

Nice and original but..

Nice idea and nice formats. However, the biggest disadvantages is that when clicking on a design wipes out everything and replaces it with the new design.

A much better way would be to add any design or template wherever the cursor is located without wiping out all the work you just did.

Read all 11 reviews

Contributors & Developers

“Contact Form 7 Skins” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.2.1 – 2017-06-07

  • FIX: WPCF7_Shortcode & WPCF7_ShortcodeManager deprecated in CF7 4.6
  • FIX: Ensure key input exists when activating license
  • FIX: Remove locale parameter for CF7 >= 4.4
  • FIX: Display activation log data
  • FIX: Stop default Ready CSS over-writing selected Style CSS
  • TWEAK: Add JS trigger for React components
  • TWEAK: Add Skins Tabs via filter
  • TWEAK: Remove Default CF7 form Template
  • TWEAK: Include typicons
  • TWEAK: Save version installed when update
  • TWEAK: Correct Info Tabs text

1.2 – 2016-04-08

  • FEATURE: Show Template & Style selected in Skin Info Area
  • FEATURE: Info Tabs in Skins Meta box & CF7 Skins Settings
  • FEATURE: Add Styles
  • FIX: Copy CF7 Skins data when CF7 Duplicate used
  • FIX: Deselect Template & Style
  • TWEAK: Check CF7 User Permissions
  • TWEAK: Update colors on Admin messages
  • TWEAK: Suitable for wordpress.org translation

1.1.2 – 2016-03-10

  • FIX: Ensure CF7 Skins Styles are enqueued if Contact Form 7 styles are de-registered
  • FIX: Ensure update version checking is operating
  • FIX: Remove undefined index notice when updating multiple plugins
  • FIX: Skins Metabox toggle not sticking

1.1.1 – 2015-09-21

  • FEATURE: Add support for Ready styles
  • FIX: Enqueue styles for non-content shortcodes
  • TWEAK: Add tabs & consistent spacing to templates
  • TWEAK: Improve readability of Logs tab

1.1 – 2015-06-30

  • FEATURE: Add Styles
  • FIX: Ensure all plugin data is deleted
  • TWEAK: Enqueue only where necessary within Contact Form 7
  • TWEAK: Update Help Ballons

1.0.2 – 2015-05-29

  • FIX: wpcf7_add_meta_boxes action removed in Contact Form 7 4.2
  • FIX: Parse the CF7 shortcode ID in single or nested shortcodes
  • FIX: Ensure JavaScript finds active textarea
  • TWEAK: Add cf7skins_form_classes filter hook

1.0.1 – 2015-05-06

  • FIX: Default CSS overriding input & textarea Styles

1.0 – 2015-04-09

  • Initial Release