Enhanced Addon for Contact Form 7

Enhanced Addon for Contact Form 7 adds a simple and intuitive interface for customizing the appearance and functionality of your Contact Form 7 forms.

Customize your forms without editing theme files or writing custom CSS. The built-in live preview makes it easy to see styling changes as you work, helping you create forms that better match your website’s design.

The plugin also extends Contact Form 7 with enhanced date and telephone input fields for a better form-filling experience.

Key Features

• Live Form Preview – Preview your form while customizing its appearance.
• Advanced Form Styling – Customize colors, typography, spacing, borders, fields, buttons, and other visual properties.
• Per-Form Styling – Configure the appearance of individual Contact Form 7 forms independently.
• Flatpickr Date Field – Add a modern, customizable date picker to your forms.
• Telephone Country Code Field – Add international telephone inputs with country code selection.
• Easy-to-Use Interface – Manage styling and enhanced field options from the Contact Form 7 editor.
• No Custom CSS Required – Apply common form styling options directly from the addon interface.
• Contact Form 7 Integration – Works directly within the Contact Form 7 form editing experience.

Requirements

• WordPress 5.0 or later
• PHP 5.6 or later
• Contact Form 7

Contact Form 7 must be installed and activated to use this plugin.

Usage

1. Make sure Contact Form 7 is installed and activated.
2. Go to Contact > Contact Forms.
3. Edit the Contact Form 7 form you want to customize.
4. Open the Addon UI tab.
5. Customize the available styling options and enhanced fields.
6. Use the live preview to check your changes.
7. Save the form when you are satisfied with the configuration.

Each Contact Form 7 form can have its own styling configuration.

Enhanced Fields

Flatpickr Date Field

The Flatpickr Date Field provides a modern date-picker interface for Contact Form 7 forms.

It can be useful for forms that require visitors to select dates while providing a more consistent and user-friendly input experience.

Telephone Country Code Field

The Telephone Country Code Field adds country selection to telephone inputs, making it easier for visitors to enter international phone numbers.

This is particularly useful for websites that receive submissions from visitors in multiple countries.

Video

Learn how to use Enhanced Addon for Contact Form 7 and customize your Contact Form 7 forms with the plugin’s styling and enhanced field features.

Additional Information

Compatibility

Enhanced Addon for Contact Form 7 requires Contact Form 7 and is designed to work with WordPress 5.0 and later.

Source Code

The plugin includes development and production assets within the admin-panel/src and assets/build directories.

• admin-panel/src contains development versions of JavaScript and CSS assets.
• assets/build contains production-ready assets used by the plugin.

The source code is also available on GitHub:

https://github.com/aniketji07/enhanced-addon-for-contact-form-7