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