7 Super Useful Plugins for Adding Features to Contact Form 7 (2022 Updated)

Contact Form 7 is a implausible free plugin for including contact varieties to a WordPress website. But regardless of its ease of use and reliability, it’s lacking a variety of options out-of-the-box.

I lately confirmed how one can style Contact Form 7 with the assistance of plugins. In this publish, I’ll present you ways to prolong Contact Form 7 even additional to do the next:

1. Add conditional logic to your type
2. Add dynamic values to your type fields
3. Save contact type submissions to the WordPress database
4. Send out a PDF generated out of your type
5. Protect your type from spammers
6. Sell easy merchandise with out an eCommerce answer

All the plugins talked about all through this publish are free to obtain from WordPress.org.

Let’s get began.

Tip: when you’re a WPMU DEV member, you need to use our very personal Forminator plugin instead to Contact Form 7.

7 Useful Plugins for Adding Features to Contact Form 7

1. Contact Form 7 Conditional Fields
2. HubSpot
3. Contact Form 7 – Dynamic Text Extension
4. Contact Form Submissions
5. Send PDF for Contact Form 7
6. Contact Form 7 Honeypot
7. Contact Form 7 – PayPal Add-on

1. Contact Form 7 Conditional Fields

Contact Form 7 Conditional Fields brings conditional logic to your contact type. Form fields could be set to seem solely when the consumer has given a specific response.

For this instance, I created a query for an organization contact type that collects some helpful advertising data by asking the consumer how they heard in regards to the firm.

There are 5 choices for that query:

• Word of mouth
• Search engine
• Email
• Social media
• Other

These choices are added as radio buttons. My radio button group was named the place.

When the “Other” possibility is chosen, it ought to present a textual content discipline for the customer to add the opposite technique that they found us. I named this textual content discipline where-other.

But this discipline ought to solely present if the Other possibility is chosen, so it’s wrapped in a conditional discipline group which makes use of the shortcode [group other][/group]. My conditional discipline group known as other-input.

To set the show situation go to Conditional fields and create a rule.

Here is the ultimate contact type code for the radio button group and textual content discipline:

The type will now solely present the choice to add a further response when Other is chosen.

Remember to alter the message physique beneath “Mail” to add the brand new data to the e-mail you obtain.

The [other-input]What different place? [where-other][/other-input] line will solely present the [where-other] content material when it’s been accomplished.

It’s additionally good observe to examine the Exclude strains with clean mail-tags from output possibility. This stops any incomplete fields from being output within the electronic mail textual content.

2. HubSpot

HubSpot’s WordPress plugin will acquire your entire Contact Form 7 submissions and arrange them right into a free CRM. This permits you to see all of the pages your contacts have seen, stay chat with them whereas they’re in your website, and ship advertising emails to them, all for free.

HubSpot makes it very easy to handle your entire contacts and section them into lists. All their data is captured right into a tidy timeline so you’ll be able to actually perceive the folks behind the varieties.

With HubSpot’s plugin, it can save you up to 1,000,000 detailed contact and firm data, and ship up to 2,000 automated emails for free.

3. Contact Form 7 – Dynamic Text Extension

With the Contact Form 7 – Dynamic Text Extension you’ll be able to add dynamic values to your type fields.

The plugin comes with plenty of shortcodes built-in. Plus you’ll be able to write any shortcode you want and add it to your type. Any shortcode attributes ought to use single quotes, not double quotes.

Dynamic values you’ll be able to add embrace:

• URLs
• Post data e.g. title, creator
• Custom discipline values
• Product IDs

Hidden fields could be added to your varieties too. This is helpful if you’d like to use the tags in your electronic mail output however not present the data on the shape, the place it could possibly be modified.

Sometimes I get emails asking me to add a hyperlink to a selected publish. Here’s a type to make it a bit of simpler for a consumer to submit a hyperlink request.

The remaining type is:

Here’s the shape on the front-end:

In the “Mail” part of your type, right here’s a recommended topic line and message physique:

Remember to add the Contact Form 7 shortcode on the finish of your publish:

[contact-form-7 id="389" title="Suggest a URL"]

If you need to embrace the contact type in any case posts use the do_shortcode() operate in your theme template file, often single.php:

<?php echo do_shortcode( '[contact-form-7 id="1234" title="Contact form 1"]' ); ?>

4. Contact Form Submissions

Contact Form Submissions saves all Contact Form 7 submissions to the database and permits you to export them to a CSV file as properly.

This is a helpful plugin, however make sure that you’ve gotten good motive to acquire and preserve type information earlier than utilizing it. This applies particularly if you’re gathering private information reminiscent of names and electronic mail addresses. Make certain you’ve gotten a sturdy information safety coverage and delete the information after it’s now not wanted.

The plugin creates a brand new menu merchandise known as Submissions beneath Contact Form 7 the place you’ll discover your type entries.

Submissions are for all varieties with the latest on the prime. They could be reordered by date, however not by type.

If you employ the Mail(2) setting to create an autoresponder when somebody submits a type, these entries may even be proven in your submissions. Each reveals under the e-mail despatched to you.

5. Send PDF for Contact Form 7

As you would possibly guess, Send PDF for Contact Form 7 sends out a PDF when the contact type is submitted.

You configure it through Contact > Send PDF with CF7.

First, choose the shape you need to ship the PDF with from the dropdown.

You now have fairly plenty of choices:

• Email a PDF to the sender, recipient or each.
• Email a CSV file to the sender, recipient or each.
• Name the PDF file. You can embrace type tags within the title reminiscent of [name]. It’s a good suggestion to make the filenames distinctive.
• Choose whether or not recordsdata might be saved on the net server or deleted after sending. (Think about information safety!) Saved recordsdata go to / wp-content / uploads / * YEAR * / * MONTH * / You can change the vacation spot folder.
• Redirect the consumer to a brand new web page after the contact type is submitted.
• Add a hyperlink to obtain the PDF.
• Password defend your PDF file.
• Add a picture header to your PDF.
• Add tags reminiscent of date, time and web page quantity to the footer.
• Personalize your PDF format, together with the shape tags. You can embrace recordsdata uploaded by customers when you’ve got enabled file add in your type.

Here’s an instance.

In my contact type, I’ve made use of hidden dynamic fields from the Contact Form 7 – Dynamic Text Extension plugin. I additionally embedded a Google map.

In the “Send PDF with CF7” choices, right here’s my template for the PDF:

To electronic mail a PDF to the individual making the reserving, you will need to have the Mail(2) autoresponder for the shape enabled. The PDF is connected to the affirmation electronic mail.

Otherwise, allow the PDF obtain hyperlink when the shape is submitted.

6. Contact Form 7 Honeypot

Problems with spammers? Then Contact Form 7 Honeypot is for you. It deters spammers with out annoying customers with fiddly CAPTCHAs or quiz questions.

The plugin creates a brand new [honeypot] tag.

When the tag is added to the shape it creates an invisible textual content discipline which is meant to be left clean. If the sphere is accomplished, the shape submission is flagged up as spam.

Should the contact type be inspected or seen with out type, the invisible discipline reveals a “Please leave this field empty.” message.

There are filter capabilities out there to customise this message and the HTML and CSS of the honeypot.

7. Contact Form 7 – PayPal Add-on

Do you’ve gotten a single product to promote and don’t need the trouble of establishing a full-blown eCommerce retailer? Then Contact Form 7 – PayPal Add-on could also be for you.

The plugin integrates along with your type to ship the consumer to PayPal to make a cost.

Set your PayPal common settings at Contact > PayPal Settings. You will want to add your language and foreign money, add a PayPal account ID and select between Sandbox or Live mode. Test your type in Sandbox mode earlier than making it stay.

I selected an instance of a type for preordering an e book which might be delivered on a future date.

Here’s what the order type appears to be like like on the front-end:

To allow PayPal on the contact type examine the field on the PayPal tab for that type. Enter the product data, which might be handed to PayPal.

When the consumer submits the shape, two issues occur:

1. An electronic mail is shipped to the individual ordering the product.
2. The individual is shipped to PayPal to pay for the merchandise.

1. Sending the e-mail

The wording of the e-mail despatched has to watch out, because the order isn’t confirmed till cost is made. The consumer would possibly navigate away from the cost display or cancel the order.

Here is the wording I got here up with to be despatched to the one who preorders:

Thanks for your curiosity in [productname], [your-name], <[your-email]>.

Your order will not be confirmed till you’ve gotten paid by PayPal.

When cost is confirmed, your order of [productname], ID [productid] costing [price] might be despatched out after publication on September 30, 2017.

Again I used dynamic hidden fields from the Contact Form 7 – Dynamic Text Extension plugin.

2. Sending the consumer to PayPal to pay

This occurs mechanically when the shape is submitted efficiently.

The sequence is:

1. The buyer is prompted to log in if they don’t seem to be logged in already.
2. The buyer opinions their order.
3. The buyer pays for the order and will get a cost affirmation display and electronic mail.

On the Settings web page, the plugin permits you to set a redirect URL in case of cancellation, in addition to one for making a profitable cost.

The Pro version of Contact Form 7 – PayPal Add-on provides extra options which overcome a few of these limitations:

• Send emails after cost is made.
• Sell up to 5 merchandise per type.
• Link type objects to PayPal fields.
• Charge delivery and tax.

Summing up

As you’ve simply seen, Contact Form 7 isn’t only a mere contact type. It could be enhanced to do fairly a bit extra, from including dynamic information to logging entries to taking on-line orders.

Hopefully, you’ve picked up some suggestions on this publish to prolong your personal implementation of Contact Form 7 in your website.

Tags: