Contact Form 7 Element Converter Plugin
Convert HTML5 elements into Contact Form 7 shortcodes
Convert HTML5 elements into Contact Form 7 shortcodes
This plugin currently supports:
- Text
- Email
- Tel
- Number
- URL
- Textarea
And supports the following attributes:
- ID
- Required
- Class
- Placeholder
Installation
Getting started is as easy as can be:
- Upload the plugin files to the
/wp-content/plugins/cf7-element-converter
directory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
- Create or edit a form in Contact Form 7.
- Paste the HTML5 form elements into the form field and hit save
- You will see the new shortcodes you can use to replace the raw HTML5 elements.
Screenshots

This is an example of HTML5 elements being converted
FAQ
Do I have to hit save to see the shortcodes
Yes. You do not see the shortcodes until after you’ve saved the HTML code.
Changelog
1.0.0
- Initial Version. Much more to come.= 1.0.0 =
- Initial Version. Much more to come.