=== WordPress Form Customizer | CF7 Customizer === Contributors: mrahmadawais, maedahbatool, WPTie, freemius Donate link: https://AhmadAwais.com/contact/ Tags: cf7, cf7 customizer, form customizer, contact form 7 customizer, contact form 7, contact form themes 7, cf7 skin, cf7 theme, form css, cf7 style, cf7 template, contact form templates Requires at least: 4.0 Tested up to: 5.4.0 Stable tag: 1.6.1 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html CF7 Customizer is an intuitive plugin to help you design site contact forms via WordPress live customizer, right at the front-end. == 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. [vimeo https://vimeo.com/139903612] == 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!](http://eepurl.com/bzVeyX) == 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 == Screenshots == 1. Open customizer at contact form 7 page and you will find a new menu called `CF7 Customizer` 2. Inside CF7 Customizer panel there are four sections for you to customize 3. Form Text & BG Colors Section 4. Form Padding, Margin & Border Section 5. Input Field Styling Section 6. Button Styling Section = How to get support? = If you have any questions post in the WordPress.org forums or reach out to me at Twitter [@MrAhmadAwais](http://twitter.com/mrahmadawais). == Changelog == == Changelog == [![📝](https://raw.githubusercontent.com/ahmadawais/stuff/master/images/git/log.png)](changelog.md) ## Changelog [❯ Read the changelog here →](https://github.com/ahmadawais/cf7-customizer/blob/master/changelog.md)
**KEY**: `📦 NEW`, `👌 IMPROVE`, `🐛 FIX`, `📖 DOC`, `🚀 RELEASE`, and `✅ TEST` > _I use [Emoji-log](https://github.com/ahmadawais/Emoji-Log), you should try it and simplify your git commits._ == License == GNU GPL v2.0. ⓒ [Ahmad Awais](https://AhmadAwais.com/) * Say 👋 (and follow) to [@MrAhmadAwais on Twitter →](https://twitter.com/MrAhmadAwais/) * Become a [VSCode Power User →](https://VSCode.pro?utm_source=WPCFC) == Frequently Asked Questions == **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!](http://jmp.sh/bwkBqCM) == Upgrade Notice == Major security bug fix update due to Freemius. MUST UPDATE the plugin right now.