Download

WordPress Form Customizer | CF7 Customizer

By mrahmadawais, WPTie

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

Problem with CF7 version 4.8

It’s very good but with version 4.8 of CF7 presents a problem to show the success message, send the email but the success message is only in loading

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.

Read all 12 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.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.

Meta

Ratings

See all

Support

Issues resolved in last two months:

1 out of 3

View support forum

Donate

Would you like to support the advancement of this plugin?

Donate to this plugin