Free WordPress Plugin to remove <p> tag from Contact Form 7

Introduction

Contact Form 7 is one of the most popular plugins for creating forms in WordPress, and it is known for its simplicity and flexibility.

However, one common issue developers face is the automatic insertion of <p> tags around form elements. This can lead to unwanted spacing and affect the layout of your forms.

To solve this problem, and if you don’t have experience changing the functions.php file, I’ve “developed” a free WordPress plugin that effortlessly removes the <p> tags from Contact Form 7 forms, giving you full control over your form’s styling.

Why Remove the <p> Tag?

By default, Contact Form 7 wraps each form field with a paragraph (<p>) tag. While this might be useful in some cases, it often leads to spacing issues that can disrupt your design.

For example, if you’re trying to align fields in a specific way, these unwanted paragraph tags can be problematic.

This plugin is designed to be lightweight and easy to use, ensuring that your forms maintain the precise layout you intended without any extra hassle.

Features

• Automatic Removal: The plugin automatically removes <p> tags from all Contact Form 7 forms, so you don’t need to worry about manually editing your forms.
• Lightweight and Fast: Designed to be as efficient as possible, this plugin won’t slow down your site.
• No Configuration Needed: Install and activate the plugin, and it will start working immediately—no need to adjust settings.
• Compatible with All Themes: Whether using a custom theme or a popular framework, this plugin works seamlessly across the board.
• Free and Open Source: Available for free with open-source code, allowing you to customize it to fit your specific needs.

The code

Here is the code, that you can copy and paste into your functions.php file:

add_filter('wpcf7_autop_or_not', '__return_false');

How to Install

1. Download the Plugin: download link here
2. Upload to Your WordPress Site: Go to your WordPress dashboard, navigate to Plugins > Add New, and upload the plugin file.
3. Activate the Plugin: Once uploaded, activate the plugin, and it will start removing <p> tags from your Contact Form 7 forms.
4. Test Your Forms: Check your forms to ensure the layout is as desired, without any unnecessary spacing issues.

Before and After installing the plugin

Before installing the plugin, a lot of <p> tags are added as the container of each input element:

After installing the plugin, you can see that all <p> tags are now removed:

Conclusion

This plugin is a simple yet effective solution for anyone looking to gain more control over the styling of their Contact Form 7 forms.

By removing the unwanted <p> tags, you can ensure your forms appear exactly how you want them to, without any unwanted spacing or layout issues.

Best of all, it’s completely free and easy to use.

Download it today and take your form design to the next level!