WordPress Form Customizer | CF7 Customizer

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

Installation Instructions
  • 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
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

site crashes

Everytime I deactivate this Plugin, my site crashes and gives me a white screen with a big error Note: “Fatal error: Uncaught Error: Call to undefined function tgmpa() in /homepages/……..”

How can I savely remove this stupid thing?!!

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.

Read all 13 reviews

Contributors & Developers

“WordPress Form Customizer | CF7 Customizer” is open source software. The following people have contributed to this plugin.

Contributors

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.