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 – even if you don’t have HTML + CSS skills.

Includes a drag & drop Visual Editor together with range of compatible Templates and Styles.

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 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 now includes a drag & drop Visual Editor to help make building your Contact Form 7 forms much easier.

CF7 Skins Features

  • Use a drag & drop Visual Editor to create your forms
  • Select from a list of ready to use Templates
  • Choose from a range of compatible form Styles
  • Easily create complex forms using Contact Form 7 – without HTML and CSS knowledge

Our drag & drop Visual Editor includes support for all Contact Form 7 tags & options.

Read more about CF7 Skins

Website | Documentation | FAQ | Add-ons

Requires Contact Form 7 Version: 5.0 or later.

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 Pro – extra templates & styles

CF7 Skins Ready – extra useful styling options

CF7 Skins Multi – build multi-part forms

CF7 Skins Logic – add conditional logic to form fields

All Add-ons include access to premium email support.

Website | Documentation | FAQ | Add-ons

Screenshots

  • CF7 Skins user interface showing Form, Template and Style tabs
  • CF7 Skins provides a drag & drop Visual Editor for your forms
  • CF7 Skins includes a range of Templates to help you get started
  • CF7 Skins comes with many beautiful Styles for your finished forms
  • Drag-and-drop new fields onto your form
  • Edit each field to match your particular requirements
  • 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.

Website | Documentation | FAQ | Add-ons

FAQ

What does CF7 Skins do?

CF7 Skins is an add-on plugin for Contact Form 7. It extends the functionality of Contact Form 7 by adding a drag & drop Visual Editor together with range of compatible 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.

Many questions have been answered on the CF7 Skins FAQ.

Website | Documentation | FAQ | Add-ons

How do I get started?

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

Where can I get support?

Add-ons – if you have a current license you can post your questions to our Premium Email Support.

Free Version – you can use the WordPress Support forum. This is community based support offered by other CF7 Skin users (we visit the forum intermittently to assist with plugin bugs only).

What users have to say

Read testimonials from CF7 Skins users.

Do I need to have coding skills to use CF7 Skins?

Absolutely not. You can create and manage Contact Form 7 forms without any coding knowledge (100% drag & drop form builder).

Translations

  • Indonesian (Bahasa Indonesia; id_ID) – Sastra Manurung

Website | Documentation | FAQ | Add-ons

Reviews

May 30, 2020
The drag and drop function doesn't show anything, templates and skins are uglier than simple HTML ones
October 3, 2019
Tested this and it seems to work just fine, however its quite complicated to set up and, for me, was slower than using the default Contact Form 7 editor. It does help if you want to change the style of the forms on your site and don't know html but if you are looking for a simple drag and drop try interface such as you may have come across on other form plugins then this may confuse you. I was looking at it for a clients site but I don't think they would be able to work out how to use it.
April 20, 2019
I have found the skins great for appearance, but cannot find enough help to know how to use is correctly and my whole form keeps getting messed up :(. REALLY disappointed in the support for this and for CF7. Almost every tutorial is done by someone who is ESL and is not understandable. 🙁
October 31, 2018
The plugin does not support AMP, AMP for WP. My support ticket was closed today without any explanation. Also a year ago there was another problem with the radio checkboxes. Until now I didn't receive any news. They told me that CF7 changed their code and the logic with radio checkboxes do not work as expected.
February 26, 2018
The templates are pretty good. Maybe to modernize a little bit to make them more modern (2018) Works well. The support is very responsive and kind. Works with a lot of CF7 plugin, and does not crash or crush, the other CF7 plugins, which is rare. $ Other CF7 design plugins, overwrites the main CF7 plugins. This one is not 🙂 I will take pro version, I finished test with free version. thank you for your kindness
Read all 18 reviews

Contributors & Developers

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

Contributors

“Contact Form 7 Skins” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Contact Form 7 Skins” into your language.

Interested in development?

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

Changelog

2.4.2 – 2021-03-26

TWEAK: Prevent checking multiple options for exclusive checkboxes
TWEAK: Remove asterisk symbol from change type select dropdown list
TWEAK: Contact Form 7 5.4 removed jQuery frontend dependency
FIX: Stop CF7 Area Tab content being changed when deselect Template

2.4.1 – 2020-12-11

FIX: Support WP 5.6 jQuery changes – replace jQuery tipsy with balloon-css

2.4 – 2020-08-11

FEATURE: Add Templates
FEATURE: Add support for Other field in CF7 Skins Visual Editor
FIX: Support WP 5.5 changes

2.3.3 – 2020-07-07

  • TWEAK: Update software licenser

2.3.2 – 2020-06-30

  • TWEAK: Enable translation of Pro Tips

2.3.1 – 2020-06-18

  • FIX: Ensure Save Visual saves changed forms

2.3 – 2020-05-20

  • FEATURE: Make adding asterisk to required fields optional
  • TWEAK: Make CF7 Skins Settings clearer for users
  • TWEAK: Enable translation of all JavaScript
  • TWEAK: Minimize built JS & CSS files

2.2.2 – 2020-03-11

  • FIX: Checkboxes not displayed in style

2.2.1 – 2020-01-14

  • FIX: Improve getting list of all CF7 shortcode tags in CF7 form content

2.2 – 2020-01-07

  • FEATURE: Add Styles

2.1.4 – 2019-10-02

  • FIX: Remove & replace clearfix removed/deprecated in WordPress 5.0 – had conflict with some other WP plugins.

2.1.3 – 2019-07-03

  • TWEAK: Enable export of individual form.

2.1.2 – 2019-04-11

  • FIX: Encode to UTF-8 when loading HTML

2.1.1 – 2019-03-04

  • FIX: Remove opt-in data collection – security fix

2.1 – 2019-02-25

  • FEATURE: Change type of CF7 Tag
  • FEATURE: Copy visual form data option
  • FIX: Remove duplicate from ReCAPTCHA and Submit fields
  • TWEAK: CF7 acceptance tag options modified
  • TWEAK: Add surrounding LIST-LI to additional CF7 Tag
  • TWEAK: Visual form tab expandable
  • TWEAK: Pro Tips added

2.0.2 – 2019-02-08

  • FIX: Ensure Visual editor shown when add new form if have CF7 configuration error in CF7 5.1+
  • TWEAK: Add minimum required PHP & CF7 versions

2.0.1 – 2018-08-13

  • FIX: Prevent JavaScript conflict with Yoast SEO

2.0 – 2018-06-19

  • FEATURE: Add drag & drop Visual Editor
  • FEATURE: Display Notices when update plugin
  • FIX: Update template files to match visual files
  • FIX: Ensure CF7 Skins connects to CF7 Form section
  • TWEAK: Show Getting Started Tab when activate plugin
  • TWEAK: Ensure deselecting within Template or Style List also deselects in Details or Expanded View

1.2.2 – 2018-01-11

  • FEATURE: Add opt-in data collection
  • FIX: Improve context and conjugation issues for non-Roman languages
  • FIX: Ensure CF7 Skins scripts are loaded if CF7 default script de-registered
  • TWEAK: Hide Info Tabs at WordPress Small screen: 850px
  • TWEAK: Ensure active Tab is highlighted
  • TWEAK: Remove WP hidden class

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