Description
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
- Make sure Contact Form 7 is installed and activated.
- Go to Contact > Contact Forms.
- Edit the Contact Form 7 form you want to customize.
- Open the Addon UI tab.
- Customize the available styling options and enhanced fields.
- Use the live preview to check your changes.
- 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/srccontains development versions of JavaScript and CSS assets.assets/buildcontains 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
Screenshots
Installation
From the WordPress Plugin Directory
- Go to Plugins > Add New in your WordPress dashboard.
- Search for Enhanced Addon for Contact Form 7.
- Click Install Now.
- After installation, click Activate.
- Make sure Contact Form 7 is installed and active.
Manual Installation
- Download the plugin ZIP file.
- Go to Plugins > Add New in your WordPress dashboard.
- Click Upload Plugin.
- Select the downloaded ZIP file.
- Click Install Now.
- Activate the plugin from the Plugins page.
FAQ
-
Is Contact Form 7 required?
-
Yes. Enhanced Addon for Contact Form 7 is an addon for Contact Form 7, so Contact Form 7 must be installed and active.
-
Does the plugin work with multiple Contact Form 7 forms?
-
Yes. You can configure styling independently for each Contact Form 7 form.
-
Can I preview styling changes before saving?
-
Yes. The addon provides a live preview so you can see how your form changes while customizing it.
-
Do I need to write custom CSS?
-
No. The plugin provides an interface for configuring supported styling options without requiring custom CSS.
-
Can I customize form colors?
-
Yes. The styling options include controls for customizing supported colors and other visual properties of your form.
-
Can I customize input fields?
-
Yes. You can customize supported input field styling, including visual properties such as colors, borders, spacing, and typography.
-
Yes. The addon provides styling options for supported form buttons and their visual appearance.
-
Can I use different styles for different forms?
-
Yes. Styling settings are managed per Contact Form 7 form, allowing different forms to have different appearances.
-
Does the plugin include a date picker?
-
Yes. Version 1.1.0 introduces a Flatpickr-based date field for Contact Form 7.
-
What is the Flatpickr Date Field used for?
-
It provides a modern date-picker interface that allows visitors to select dates more easily from your form.
-
Does the plugin support international telephone numbers?
-
Yes. Version 1.1.0 introduces a Telephone Country Code Field with country selection for international phone number inputs.
-
Can visitors select their country code?
-
Yes. The Telephone Country Code Field provides a country code selector as part of the telephone input experience.
-
Does the plugin replace Contact Form 7?
-
No. Enhanced Addon for Contact Form 7 extends Contact Form 7 and adds additional styling and field functionality. Contact Form 7 continues to handle the underlying form functionality and submissions.
-
Will my existing Contact Form 7 forms continue to work?
-
The addon is designed to work alongside Contact Form 7 without replacing its core form functionality.
-
Can I use the plugin with my existing theme?
-
Yes. The plugin is designed to integrate with WordPress websites using different themes. However, theme-specific CSS may affect the final appearance of a form.
-
Can I use the plugin without coding knowledge?
-
Yes. The addon provides an interface for configuring supported styling and field options without requiring extensive coding knowledge.
-
Does the plugin add custom styling to every Contact Form 7 form automatically?
-
Styling is configured through the addon for the forms you choose to customize. This allows you to control the appearance of individual forms.
-
Does the plugin require a separate form builder?
-
No. The plugin extends Contact Form 7 and does not require another form builder.
-
Does the plugin handle form submissions?
-
No. Form submission functionality is handled by Contact Form 7. This plugin focuses on additional styling and enhanced field functionality.
-
Where can I find the plugin settings?
-
The main customization interface is available through the Addon UI tab when editing a Contact Form 7 form.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Enhanced Addon for Contact Form 7” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Enhanced Addon for Contact Form 7” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.0
- Added: Flatpickr date field with enhanced date-picker functionality.
- Added: Telephone Country Code Field with country selection.
- Fixed: Addon UI tab visibility issue.
- Fixed: PHP warnings.
- Fixed: Plugin compatibility issue.
- Improved: Review and feedback notice.
- Improved: Form editor experience.
1.0.4
- Added: Review notice and feedback request form.
1.0.3
- Added: Plugin tutorial video to the readme.
- Improved: Minor textual improvements.
1.0.2
- Security: Improved plugin security and resolved reported security issues.
- Fixed: Google font loading issue in the editor preview.
- Improved: Prevented unnecessary update requests when update settings are not configured.
1.0.1
- Security: Fixed a reported security issue.
- Security: Added additional security measures.
- Improved: Updated class names to reduce conflicts with other plugins.
- Fixed: Form styling issue in preview mode.
1.0.0
- Initial release.