WordPress Form Customizer | CF7 Customizer

Description

👌 Customize, style and theme your WordPress Contact Forms. An intuitive plugin to design your contact forms via WordPress live customizer, right at the front-end.

Getting started:

Let’s get you started

  • Step #0: → Install/Activate Contact Form 7 & Titan Framework.
  • Step #1: → Add New Form and SAVE it.
  • Step #2: COPY the shortcode of the form you just created and paste it inside your Contact Page.
  • Step #3: Go to your contact page(front-end) and open CUSTOMIZER from the admin bar.
  • Step #4: Find and open CF7 Customizer panel and customize your contact forms. Voila!

Pst. I am going to launch something interesting for this plugin Signup to get notified!

License

GNU GPL v2.0. ⓒ Ahmad Awais

Screenshots

  • Open customizer at contact form 7 page and you will find a new menu called CF7 Customizer
  • Inside CF7 Customizer panel there are four sections for you to customize
  • Form Text & BG Colors Section
  • Form Padding, Margin & Border Section
  • Input Field Styling Section
  • Button Styling Section

Installation

  • Step #0: → After installing CF7Customizer, Install/Activate Contact Form 7 &Titan Framework.
  • Step #1: → Add New Form and SAVE it.
  • Step #2: COPY the shortcode of the form you just created and paste it inside your Contact Page.
  • Step #3: Go to your contact page(front-end) and open CUSTOMIZER from the admin bar.
  • Step #4: Find and open CF7 Customizer panel and customize your contact forms. Voila

FAQ

Q1: Contact Form Styles didn’t show up after I saved and press ‘x’ in the Customizer?

Ans: Press refresh, and clear the cache. It happens for reasons like, if:
* You use any caching plugin
* Your server has some cache generation
* You are using CloudFlare
So, just clear the cache and press refresh button on your browser a few times.

Q2: I am unable to find CF7Customizer settings page? Where is that?

Ans: I can understand that could be frustrating.

You need to read these two steps again

Step #3: Go to your contact page(front-end) and open CUSTOMIZER from the admin bar.
Step #4: Find and open CF7 Customizer panel and customize your contact forms. Voila!

Here, I created a screencast for you to understand these two steps Watch it!

Reviews

Not compatible with Visual Composer

Plugin is not compatible with Visual Composer and it just work in a “normal” page. If CF is placed for example in a widget or inside another plugin’s feature it doesn’t work.

Awesome Work

This intuitive plugin has made it possible to style the contact forms in a few clicks. It serves the purpose quite well especially for those who are not good with their design skills. And let me tell you I’m one of the beneficiaries of it.
I must say Ahmad Awais has done an amazing job. Kudos to you and looking forward to your future products.

Simple and efficient

This plugin is very simple and great. It is very well developed and Ahmad provides reliable and fast support.
Thank you very much Ahmad !

Works really great!

Totally love this plugin. Works great! If you don’t see the changes on the front end, after saving in the customizer, clear cache. I had to clear my server’s cache for the site for the front end to show the changes. But wow, this is just what I’ve needed for years. Good plugin!

Read all 10 reviews

Contributors & Developers

“WordPress Form Customizer | CF7 Customizer” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

💯 Reading this change log is fun.

Version 1.1.0

🎯 TL;DR WordPress Form Customizer is now WordPress 4.7 compatible.

  • ✔️ UPDATE: Form styler is WordPress 4.7 compatible. Test pass!
  • ✔️ UPDATE: Form styler is WordPress 4.7.1 compatible. Test pass!
  • ✔️ UPDATE: Form styler is WordPress 4.7.2 compatible. Test pass!
  • ✔️ UPDATE: Form styler is WordPress 4.7.3 compatible. Test pass!
  • ✔️ UPDATE: TitanFramework for Customizer options.
  • ✔️ UPDATE: TGMPA for Contact Form 7 plugin.
  • ✔️ UPDATE: Freemius SDK for Plugin Form Insights.
  • ✔️ UPDATE: Git Repo URL update.
  • ✔️ UPDATE: Readme update.

  • ⚡️️ NEW: Change Text color for Contact Form 7 Labels. GIF.

  • ⚡️️ NEW: Better Plugin Workflow with a notice to Get Started.

  • 🐞 FIX: Welcome page sub input field.

Version 1.0.4

🎯 TL;DR Minor bug fixes with WordPress 4.5 compatibility.

  • ✔️ UPDATE: WordPress form customizer is now WordPress 4.5 compatible.
  • ✔️ UPDATE: TitanFramework is embedded as per the new rules of WP.org repo plugins.

  • 🐞 FIX: Freemius SDK update address minor bugs.

Version 1.0.3

🎯 TL;DR Minor bug fixes with WordPress 4.5 compatibility.

  • ✔️ UPDATE: Contact Form Customizer is now WordPress 4.5 compatible.

  • 🐞 FIX: Remove Form Subscription insights via Freemius bug.

  • ⚡️️ NEW: Update Freemius API for Customizer Plugin.

Version 1.0.2

🎯 TL;DR Minor bug fixes.

  • ✔️ UPDATE: Better Form Customizer WordPress 4.4 compatible.

  • 🐞 FIX: Contact Form 7 Customizer plugin minor Freemius bugs removed.

  • ⚡️️ NEW: Form Styles & Themes are added via embedded TitanFramework.

Version 1.0.1

🎯 TL;DR WP 4.4 compatible with dependency updates.

  • ✔️ UPDATE: Form Customizer is not WordPress 4.4 compatible.
  • ✔️ UPDATE: Titan Framework update.
  • ✔️ UPDATE: TGMPA plugin update.

  • ⚡️️ NEW: Add Custom CSS to WordPress Forms.

  • ⚡️️ NEW: Add Border-radius to contact forms .
  • ⚡️️ NEW: Create Border-radius for inputs.
  • ⚡️️ NEW: Customize Border-radius for buttons.
  • ⚡️️ NEW: Freemius Support added to form customizer.

Version Version 1.0.0

🎯 TL;DR First completed version of WordPress Forms Themes Customizer | CF7 Customizer.

  • ⚡️️ NEW: Customize Contact form Colors.
  • ⚡️️ NEW: Theme Contact form Background Images.
  • ⚡️️ NEW: Customize Contact form Font Sizes.
  • ⚡️️ NEW: Add Contact form Borders.
  • ⚡️️ NEW: Add Contact form Padding.
  • ⚡️️ NEW: Add Contact form Margin.