Finding your next read
Practical craft for people building for the web.
Explore DevelopmentFinding your next read
THE FINDERPRESS TOOL DIRECTORY
Explore this tool and check the official listing for its latest features and requirements.
01 / SOURCE DETAILS
ManpreetDev Mail Designer for Contact Form 7 is a template layer for Contact Form 7. Contact Form 7 keeps doing what it does best — rendering, validating and submitting forms, and sending the mail. This plugin manages what those emails look like, and keeps a record of what people sent. Your Contact Form 7 settings are never overwritten. Templates are applied at runtime, so your form’s own Mail configuration stays exactly as you left it and takes over again the moment you detach a template. Templates Reusable HTML and plain-text email templates Visual block builder — drag Heading, Text, Form Fields, Button, Image, Divider and Spacer blocks into the email and reorder them Hand-written HTML can be converted to blocks, and any template can still be edited as source on the HTML tab Separate admin-notification and customer-confirmation templates per form Preview with realistic sample data, plus test sends Duplicate, search, filter, bulk actions, JSON import and export Nine starter templates, installable at any time from Tools Tags Every mail-tag on a form is detected through Contact Form 7’s own API Click-to-insert tags with friendly names, search and a recently used list All of Contact Form 7’s special mail-tags, including the [ user *] set for logged-in visitors A warning when a template uses a tag the form does not have — nothing is ever removed for you A notice when a form gains new fields the template is not using yet File upload fields are detected, and the uploaded file is attached to the email Submissions Every accepted submission is saved to its own database table, with the email result recorded alongside it Pick a form to get one column per field; Details expands the whole record in place Uploaded files are copied out of Contact Form 7 before it deletes them, then served through a capability-checked download link. The store itself is closed to the web Search across stored answers, filter by email result, sort, paginate, delete individually or in bulk Export to CSV — exports everything the current filters match, not just the page on screen Branding One place for logo, colours, footer text, address and social links, used by every template Branding values that are left empty leave no gap in the email A warning when the logo is hosted somewhere only your own machine can reach, such as localhost
02 / SOURCE DETAILS
Install and activate Contact Form 7. Upload this plugin to /wp-content/plugins/ and activate it. Go to Mail Designer in the admin menu. The nine starter templates are installed the first time an editor opens the admin with Contact Form 7 active. You can add any that are missing later from Tools.
03 / SOURCE DETAILS
Does this change my Contact Form 7 mail settings? No. Templates are injected when a form is used, not written into Contact Form 7’s database. Detaching a template restores your original settings instantly, because they were never touched. What happens if I edit the Mail tab in Contact Form 7 while a template is assigned? Nothing breaks. The plugin steps aside on Contact Form 7’s own screens, so saving there edits your Contact Form 7 settings as usual. A notice tells you a template is currently in charge of what actually gets sent. Will my SMTP plugin still work? Yes. Contact Form 7 still sends the mail through WordPress, so any SMTP plugin keeps working. This plugin never stores or displays mail credentials. Why is my logo missing from the email I received? Almost always because the logo URL points at a host the recipient cannot reach — localhost and .local addresses are the usual culprits. It renders in the admin preview because your browser is on that machine. Global Branding warns you when it spots one. What happens to my data if I delete the plugin? Templates, submissions and stored files all stay. They are only removed if you tick “Delete all plugin data” in Settings → Advanced first.
KEEP EXPLORING