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
- Say 👋 (and follow) to @MrAhmadAwais on Twitter →
- Become a VSCode Power User →
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
It does not customize input fields, just background around.
Crashed Site
Ya no funciona las cajas de colores
site crashes
Tuve que eliminarlo porque daño el acceso a mi sitio web
Problem with CF7 version 4.8
Contributors & Developers
“WordPress Form Customizer | CF7 Customizer” is open source software. The following people have contributed to this plugin.
Contributors
Translate “WordPress Form Customizer | CF7 Customizer” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
💯 Reading this change log is fun.
Version 1.2.0/1/2
🎯 TL;DR Major security update due to Freemius. (MUST UPDATE right now)
- 📦 NEW: Freemius SDK updated to v2.2.4
- 📦 NEW: VSCode dictionary definitions
- 👌 IMPROVE: VSCode.pro Links
- 🐛 FIX: Formatting with WordPress Coding Standards
- 🐛 FIX: Tested up to and required tags
Version 1.1.1
🎯 TL;DR WordPress Form Customizer is now WordPress 4.9 compatible.
- 🐞 FIX: Color Picker in Titan Framework to 2.1.3 as of WP 4.9.
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.