CF7 Skins for Contact Form 7
Neil Murray By Neil Murray

July 23, 2024

CF7 Skins for Contact Form 7 Plugin

Makes creating Contact Form 7 forms much easier – includes drag & drop Visual Editor together with range of Templates & Styles.

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

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

Screenshots

  1. CF7 Skins user interface showing <strong>Form</strong>, <strong>Template</strong> and <strong>Style</strong> tabs

    CF7 Skins user interface showing Form, Template and Style tabs

  2. CF7 Skins provides a drag & drop <strong>Visual Editor</strong> for your forms

    CF7 Skins provides a drag & drop Visual Editor for your forms

  3. CF7 Skins includes a range of <strong>Templates</strong> to help you get started

    CF7 Skins includes a range of Templates to help you get started

  4. CF7 Skins comes with many beautiful <strong>Styles</strong> for your finished forms

    CF7 Skins comes with many beautiful Styles for your finished forms

  5. <strong>Drag-and-drop</strong> new fields onto your form

    Drag-and-drop new fields onto your form

  6. <strong>Edit</strong> each field to match your particular requirements

    Edit each field to match your particular requirements

  7. Completed <strong>CF7 Skins Form</strong>

    Completed CF7 Skins Form

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).

Changelog

2.6.4 – 2024-07-15

  • FIX: Ensure HTML field button visible
  • FIX: Ensure Logic working for Multi tabs

2.6.3 – 2024-04-25

  • TWEAK: Support CF7 Skins Logic 2.0

2.6.2 – 2024-01-23

FIX: Ensure CF7 HTML emails send with line breaks
TWEAK: Pre-select “Default” CF7 Skins Style when new form is created

2.6.1 – 2024-01-09

FIX: Ensure can delete plugin in PHP 8+

2.6.0 – 2023-04-27

FIX: Replace jQuery-EasyTabs
TWEAK: Update RST version
TWEAK:Use WordPress packages to replace external React libraries

2.5.4 – 2023-03-17

FIX: Ensure compatible with CF7 5.7

2.5.3 – 2022-04-20

TWEAK: Don’t use variables or defines as text domain shortcuts

2.5.2 – 2022-03-10

FIX: Prevent sanitization error

2.5.1 – 2022-01-14

FIX: Remove security vulnerability
FIX: Ensure duplicating enclosed fields creates unique field IDs
TWEAK: Stabilize communication between WordPress & React/JavaScript

2.5.0 – 2021-08-31

FIX: Add DOMDocument admin notice if not available
TWEAK: Use @wordpress/data for data management
TWEAK: Use @wordpress/scripts for development
TWEAK: Move selected template and style info
TWEAK: Review CSS responsiveness
TWEAK: Allow adding extra CF7 Skins Tabs

2.4.2 – 2021-03-26

FIX: Stop CF7 Area Tab content being changed when deselect Template
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

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
Download

Details

  • Version: 2.6.4
  • Active installations: 20,000
  • WordPress Version: 4.3
  • Tested up to: 6.6.1
  • PHP Version: 7.4

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars

Tags