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
KEY: 📦 NEW, 👌 IMPROVE, 🐛 FIX, 📖 DOC, 🚀 RELEASE, and ✅ TEST
I use Emoji-log, you should try it and simplify your git commits.