Touch Shape 7 is an incredible unfastened plugin for including touch paperwork to a WordPress website online. However regardless of its ease of use and reliability, it’s lacking a large number of options out-of-the-box.

I latterly confirmed how you’ll style Contact Form 7 with the assistance of plugins. On this publish, I’ll display you the best way to lengthen Touch Shape 7 even additional to do the next:

  1. Upload conditional good judgment for your shape
  2. Upload dynamic values for your shape fields
  3. Save touch shape submissions to the WordPress database
  4. Ship out a PDF generated out of your shape
  5. Offer protection to your shape from spammers
  6. Promote easy merchandise with out an eCommerce resolution

All of the plugins discussed all the way through this publish are unfastened to obtain from

Let’s get began.

Tip: in the event you’re a WPMU DEV member, you’ll use our very personal Forminator plugin as an alternative choice to Touch Shape 7.

7 Helpful Plugins for Including Options to Touch Shape 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. Touch Shape 7 Conditional Fields

Contact Form 7 Conditional Fields brings conditional good judgment for your touch shape. Shape fields will also be set to seem most effective when the consumer has given a selected reaction.

For this situation, I created a query for an organization touch shape that collects some helpful advertising and marketing data via asking the consumer how they heard in regards to the corporate.

There are 5 choices for that query:

  • Phrase of mouth
  • Seek engine
  • E mail
  • Social media
  • Different

Those choices are added as radio buttons. My radio button crew was once named the place.

When the “Different” possibility is selected, it must display a textual content box for the customer so as to add the opposite manner that they found out us. I named this article box where-other.

However this box must most effective display if the Different possibility is chosen, so it’s wrapped in a conditional box crew which makes use of the shortcode [group other][/group]. My conditional box crew is known as other-input.

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

A conditional rule: If where equals Other then show other-input
A conditional rule: If the place equals Different then display other-input

Here’s the general touch shape code for the radio button crew and textual content box:

The shape will now most effective display the choice so as to add an extra reaction when Different is chosen.

The field Please say where you heard about us only shows when the Other radio button is selected
The sphere “Please say the place you heard about us” most effective displays when the “Different” radio button is chosen

Bear in mind to change the message frame underneath “Mail” so as to add the brand new data to the e-mail you obtain.

The [other-input]What different position? [where-other][/other-input] line will most effective display the [where-other] content material when it’s been finished.

It’s additionally excellent apply to test the Exclude strains with clean mail-tags from output possibility. This stops any incomplete fields from being output within the e mail textual content.

2. HubSpot

HubSpot’s WordPress plugin will acquire all your Touch Shape 7 submissions and get them organized right into a unfastened CRM. This lets you see the entire pages your contacts have seen, are living chat with them whilst they’re in your website online, and ship advertising and marketing emails to them, all at no cost.

HubSpot makes it in point of fact simple to regulate all your contacts and phase them into lists. All their data is captured right into a tidy timeline so you’ll in point of fact perceive the folks at the back of the paperwork.

have your contacts automatically sent to HubSpot's free CRM.

With HubSpot’s plugin, you’ll save as much as one million detailed touch and corporate data, and ship as much as 2,000 automatic emails at no cost.

3. Touch Shape 7 – Dynamic Textual content Extension

With the Contact Form 7 – Dynamic Text Extension you’ll upload dynamic values for your shape fields.

The plugin comes with plenty of shortcodes integrated. Plus you’ll write any shortcode you prefer and upload it for your shape. Any shortcode attributes must use unmarried quotes, now not double quotes.

Dynamic values you’ll upload come with:

  • URLs
  • Publish data e.g. identify, creator
  • Customized box values
  • Product IDs

Hidden fields will also be added for your paperwork too. This turns out to be useful if you wish to use the tags for your e mail output however now not display the ideas at the shape, the place it might be changed.

Occasionally I am getting emails asking me so as to add a hyperlink to a selected publish. Right here’s a kind to make it a bit of more straightforward for a consumer to put up a hyperlink request.

The overall shape is:

Right here’s the shape at the front-end:

Form showing dynamic text fields: site title, post title and URL
Shape appearing dynamic textual content fields: website online identify, publish identify and URL

Within the “Mail” phase of your shape, right here’s a recommended topic line and message frame:

Bear in mind so as to add the Touch Shape 7 shortcode on the finish of your publish:

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

If you wish to come with the touch shape in any case posts use the do_shortcode() serve as for your theme template record, normally unmarried.php:

4. Touch Shape Submissions

Contact Form Submissions saves all Touch Shape 7 submissions to the database and lets you export them to a CSV record as neatly.

It is a helpful plugin, however make sure that you’ve got excellent reason why to assemble and stay shape information earlier than the use of it. This is applicable particularly if you’re amassing private information equivalent to names and e mail addresses. Be sure to have a strong information coverage coverage and delete the information after it’s not wanted.

The plugin creates a brand new menu merchandise known as Submissions underneath Touch Shape 7 the place you’ll to find your shape entries.

Contact Form 7 Submissions
Touch Shape 7 Submissions

Submissions are for all paperwork with the latest on the best. They may be able to be reordered via date, however now not via shape.

In the event you use the Mail(2) atmosphere to create an autoresponder when somebody submits a kind, those entries can be proven for your submissions. Each and every displays underneath the e-mail despatched to you.

5. Ship PDF for Touch Shape 7

As chances are you’ll bet, Send PDF for Contact Form 7 sends out a PDF when the touch shape is submitted.

You configure it by means of Touch > Ship PDF with CF7.

First, make a selection the shape you need to ship the PDF with from the dropdown.

You presently have somewhat plenty of choices:

  • E mail a PDF to the sender, recipient or each.
  • E mail a CSV record to the sender, recipient or each.
  • Title the PDF record. You’ll be able to come with shape tags within the title equivalent to [name]. It’s a good suggestion to make the filenames distinctive.
  • Select whether or not recordsdata shall be stored on the internet server or deleted after sending. (Take into consideration information coverage!) Stored recordsdata move to / wp-content / uploads / * YEAR * / * MONTH * / You’ll be able to trade the vacation spot folder.
  • Redirect the consumer to a brand new web page after the touch shape is submitted.
  • Upload a hyperlink to obtain the PDF.
  • Password offer protection to your PDF record.
  • Upload a picture header for your PDF.
  • Upload tags equivalent to date, time and web page quantity to the footer.
  • Personalize your PDF format, together with the shape tags. You’ll be able to come with recordsdata uploaded via customers you probably have enabled record add in your shape.

Right here’s an instance.

When submitted, this manner sends a reserving affirmation PDF for a workshop

In my touch shape, I’ve made use of hidden dynamic fields from the Touch Shape 7 – Dynamic Textual content Extension plugin. I additionally embedded a Google map.

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

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

In a different way, allow the PDF obtain hyperlink when the shape is submitted.

A booking confirmation PDF file
A reserving affirmation PDF record

6. Touch Shape 7 Honeypot

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

The plugin creates a brand new [honeypot] tag.

The honeypot tag generation dialog recommends renaming the form tag from honeypot and not disabling the accessibility message
The honeypot tag technology conversation recommends renaming the shape tag from honeypot and now not disabling the accessibility message

When the tag is added to the shape it creates an invisible textual content box which is meant to be left clean. If the sphere is done, the shape submission is flagged up as junk mail.

The code for the hidden field created by Contact Form 7 Honeypot
The code for the hidden box created via Touch Shape 7 Honeypot

Must the touch shape be inspected or seen with out taste, the invisible box displays a “Please go away this box empty.” message.

There are filter out purposes to be had to customise this message and the HTML and CSS of the honeypot.

7. Touch Shape 7 – PayPal Upload-on

Do you’ve got a unmarried product to promote and don’t need the trouble of putting in place a full-blown eCommerce retailer? Then Contact Form 7 – PayPal Add-on is also for you.

The plugin integrates together with your shape to ship the consumer to PayPal to make a cost.

Set your PayPal normal settings at Touch > PayPal Settings. It is important to upload your language and foreign money, upload a PayPal account ID and choose from Sandbox or Reside mode. Check your shape in Sandbox mode earlier than making it are living.

I selected an instance of a kind for preordering an book which might be delivered on a long term date.

Right here’s what the order shape looks as if at the front-end:

Order form linked to PayPal
Order shape for an book related to PayPal

To allow PayPal at the touch shape test the field at the PayPal tab for that shape. Input the product data, which shall be handed to PayPal.

Enable PayPal on a form and set item description, price and item ID
Allow PayPal on a kind and set merchandise description, worth and merchandise ID

When the consumer submits the shape, two issues occur:

  1. An e mail is distributed to the individual ordering the product.
  2. The individual is distributed to PayPal to pay for the object.

1. Sending the e-mail

The wording of the e-mail despatched must be cautious, because the order isn’t showed till cost is made. The consumer would possibly navigate clear of the cost display screen or cancel the order.

Here’s the wording I got here up with to be despatched to the one that preorders:

Thank you on your hobby in [productname], [your-name], <[your-email]>.

Your order isn’t showed till you’ve got paid via PayPal.

When cost is showed, your order of [productname], ID [productid] costing [price] shall be despatched out after newsletter on September 30, 2017.

Once more I used dynamic hidden fields from the Touch Shape 7 – Dynamic Textual content Extension plugin.

2. Sending the consumer to PayPal to pay

This occurs routinely when the shape is submitted effectively.

The series is:

  1. The client is triggered to log in if they aren’t logged in already.
  2. The client critiques their order.
  3. The client can pay for the order and will get a cost affirmation display screen and e mail.
PayPal Checkout - Payment complete
PayPal Checkout – Fee whole

At the Settings web page, the plugin means that you can set a redirect URL in case of cancellation, in addition to one for creating a a success cost.

The Pro version of Contact Form 7 – PayPal Add-on gives extra options which triumph over a few of these barriers:

  • Ship emails after cost is made.
  • Promote as much as 5 merchandise consistent with shape.
  • Hyperlink shape pieces to PayPal fields.
  • Price transport and tax.

Summing up

As you’ve simply noticed, Touch Shape 7 isn’t only a mere touch shape. It may be enhanced to do somewhat slightly extra, from including dynamic information to logging entries to taking on-line orders.

Optimistically, you’ve picked up some guidelines on this publish to increase your individual implementation of Touch Shape 7 in your website online.

WordPress Developers

[ continue ]