Contact Form 7 Designer

Making your contact forms look nice should be easy. Finally it is!

Contact Form 7 Designer lets you design a highly customisable contact form which you can display wherever you want it using a shortcode. All designs are easy to create with a comprehensive backend editor. The best thing is: You don't need any coding skills whatsoever.

Contact Form 7 Designer, at a glance..

• Simple. All you need is WordPress and the base Contact Form 7 plugin.
• Beautiful. Your form designs are limited only by your creativity.
• Customizable. With the Pro version, you can customize even more fields.
• Integrates with Contact Form 7 and all the other add-ons.
• Developer friendly.

Contact Form 7 Designer Pro

This plugin has a premium version which comes with the following features.

Ability to add designs for ALL fields
No advertising or premium upgrade notices
Easy import / export functionality to transfer designs
Use across multiple websites without extra licenses
Access to sample forms that you can import
WordPress customizer integration for real-time design (coming soon)
Priority Support

Upgrade to Contact Form 7 Designer Pro

Add-on plugins

There are several add-on plugins available for Contact Form 7, which help you get even more out of your site.

• Gravity Form Importer for Contact Form 7 - Imports forms from the Gravity Forms plugin.
• Contact Form 7 Honeypot - Adds enhanced anti-spam features to your contact form.

Bug Reports

Bug reports for Contact Form 7 Designer are welcomed on GitHub. Please note that GitHub is not a support forum.

More information

• Contact Form 7 Designer Pro, containing additional features.
• Developers: fFllow or contribute to the Contact Form 7 Designer on GitHub
• Other WordPress plugins by Tiny Giant Studios
• @tinygiantstudio on Twitter

What are the main differences between Pro and Lite?

Contact Form 7 Designer Pro comes with some additional features.

All Fields. can be styled, instead of just the input, textarea and button fields.
Import / Export. Adds the ability to transfer your designs across multiple sites.
WP Customizer. Lets you design your form in real time (Coming Soon).
Premium Support Allows you to log a support ticket for premium support.

Differences Lite & Pro | Demo | Upgrade Now

How to display a form in posts or pages?

Use the shortcode provided by Contact Form 7.

How can I style the sign-up form?

Simply use this plugin to your heart's content. If you need the more advanced fields, you should consider the Pro version.

>> With the Pro plugin it's really easy to design beautiful forms <<

2.2 - 27-11-2022

• Fix: In-app upgrade payment modal display
• Fix: Redux framework dependency check fatal error

2.1 - 25-11-2022

• Fix: Updated stable tag

2.0 - 25/11/2022

• New: Complete plugin rewrite
• New: Compatibility with Redux Options Framework
• New: In-app upgrades with Freemius
• New: Pro feature highlights
• Fix: Multiple bug fixes
• Tweak: Add CF7, Redux and Freemius dependency checks

1.1 - 8/5/2015

• Security Fix: Updated TGM activation class

1.0 - 17/2/2015

• Initial Release

Installing the plugin

1. In your WordPress admin panel, go to Plugins > New Plugin, search for Contact Form 7 Designer and click "Install now"
2. Alternatively, download the plugin and upload the contents of cf7-styles.zip to your plugins directory, which usually is /wp-content/plugins/.
3. Activate the plugin
4. Navigate to Form Styles and start adding your designs.

Need help? Please take a look at the FAQ section first. If you can't find your answer there, start a topic in the Support tab.

Upgrade to Contact Form 7 Designer Pro

If you like the plugin, get the Pro version of Contact Form 7 Designer for an even better plugin!

Simple or advanced MailChimp sign-up forms that blend in with your theme.



A sign-up checkbox in your comment form is an amazing conversion booster.



A simple form in the footer of the Twenty Thirteen theme.



Add sign-up checkboxes to various places on your site.



Creating sign-up forms for your MailChimp lists is easy. The Pro version allows you to create as many form as you like.



Write your own HTML or have it generated for you. Many (optional) customization settings are availabl.



Pro only: Gain valuable insights which method your visitors used to subscribe for any given time period using beautiful line charts.



Pro only: Create your own CSS styles with the form designer in the Pro version.