Contact Form 7 Skins


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

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 – offers a range of additional Templates and Styles to use with your forms

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

CF7 Skins Multi – includes the features you need to make user friendly multi-part forms

CF7 Skins Logic – allows you to add Conditional Logic to your forms

All Add-ons include access to premium email support.

Website | Documentation | FAQ | Add-ons


  • 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


  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

Preguntas frecuentes

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

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

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.

Using our CF7 Skins Add-ons offers a number of advantages:

  • All CF7 Skins Add-ons operate directly within the Contact Form 7 interface – making them easy to use
  • Your existing familiarity with using Contact Form 7 – you don’t need to learn another WordPress form plugin
  • You can still use the many plugins available that extend Contact Form 7 – both free & premium
  • Purchase only the CF7 Skins Add-ons your require – mix and match to suit your needs
  • Use of Contact Form 7 in your native language – none of the premium WordPress form plugins have such a wide range of translations available
  • Continued access to ongoing development of Contact Form 7 – the most widely used WordPress plugin

All Add-ons include access to premium email support by paid support staff.

CF7 Skins Pro – offers a range of additional Templates and Styles to use with your forms.

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

  • singleline – displays elements on a single line
  • column – displays enclosed elements in a vertical column
  • grid – implements a CSS form grid
  • box – displays enclosed elements in a surrounding box
  • 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 – allows you to add 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

Conditional Logic allows you to apply rules to your Contact Form 7 form based on the user’s input and behavior – you can control what information your user is asked to provide and tailor the form specifically to their needs.

Website | Documentation | FAQ | Add-ons

  • Indonesian (Bahasa Indonesia; id_ID) – Sastra Manurung

Website | Documentation | FAQ | Add-ons


They closed the support ticket without answer

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.

Good !

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

Works – that’s what I need

Short and sweet – this works with pleasant looking forms that don’t detract from the purpose of the form: to get them filled in. Thanks – you saved me a bunch of fiddling around with stylesheets.

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.

Leer todas las 15 reseñas

Colaboradores y desarrolladores

“Contact Form 7 Skins” es un software de código abierto. Las siguientes personas han colaborado con este plugin.


“Contact Form 7 Skins” ha sido traducido a 1 idioma. Gracias a los traductores por sus contribuciones.

Traduce “Contact Form 7 Skins” a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN , o suscríbete al log de desarrollo por RSS .

Registro de cambios

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

  • Lanzamiento inicial