Author Archives: Neil Murray

Adding Images to CF7 forms

Posted on by

See http://localhost/ONLINE/CF7/cf7skinsPoC/styles/premium/cagney/

<img src="http://cf7trial.project.buzztone.com.au/wp-content/images/Unternehmensphilosophie.jpg" 
alt="Unternehmensphilosophie" width="150" height="107" class="alignnone size-full wp-image-377" />

CSS Classes supported by CF7

Posted on by

CSS Classes supported by CF7

 
class="wpcf7":
 
<div id="wpcf7-f800-p709-o1" class="wpcf7">
 
div.wpcf7 {  /* ../contact-form-7/includes/css/styles.css */
	margin: 0;
	padding: 0;
}
 
class="wpcf7-form":
 
<form class="wpcf7-form" novalidate="novalidate" method="post" 
action="/ONLINE/CF7/cf7skinsPoC/styles/premium/cagney/#wpcf7-f800-p709-o1">
 
class="wpcf7-form-control":
 
<span class="wpcf7-form-control wpcf7-checkbox">
 
class="wpcf7-form-control-wrap":
 
<span class="wpcf7-form-control-wrap checkbox-0">
 
span.wpcf7-form-control-wrap {  /* ../contact-form-7/includes/css/styles.css */
	position: relative;
}
 
class="wpcf7-text":
 
<input id="cf7s-item1a" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required
cf7s-textfield" type="text" placeholder="default" aria-required="true" maxlength="100"
size="60" value="" name="cf7s-text-01">
 
class="wpcf7-textarea":
 
<textarea class="wpcf7-form-control wpcf7-textarea" rows="10" cols="40" name="cf7s
textarea-01"></textarea>
 
class="wpcf7-email":
 
<input class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-email"
type="email" size="40" value="" name="cf7s-email-01">
 
class="wpcf7-url":
 
<input class="wpcf7-form-control wpcf7-text wpcf7-url wpcf7-validates-as-url" type="url"
size="40" value="" name="cf7s-url-01">
 
class="wpcf7-tel":
 
<input class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-tel" type="tel"
size="15" value="" name="cf7s-tel-01">
 
class="wpcf7-number":
 
<input class="wpcf7-form-control wpcf7-number wpcf7-validates-as-number" type="number"
value="" name="cf7s-number-01">
 
class="wpcf7-range":
 
<input class="wpcf7-form-control wpcf7-range wpcf7-validates-as-number" type="range"
value="" name="cf7s-range-01">
 
class="wpcf7-date":
 
<input class="wpcf7-form-control wpcf7-date wpcf7-validates-as-date" type="date" 
value="" name="cf7s-date-01">
 
class="wpcf7-file":
 
<input class="wpcf7-form-control wpcf7-file" type="file" size="40" value="1" 
name="cf7s-file-01">
 
class="wpcf7-quiz":
class="wpcf7-quiz-label":
 
<span class="wpcf7-quiz-label">12+48=?</span><input class="wpcf7-form-control wpcf7-quiz" 
type="text" aria-required="true" size="40" name="cf7s-quiz-01"><input type="hidden" 
value="1c7a729e1466603f91d3595d6afcac26" name="_wpcf7_quiz_answer_cf7s-quiz-01">
 
class="wpcf7-acceptance":
 
<input class="wpcf7-form-control wpcf7-acceptance" type="checkbox" value="1" name="cf7s 
acceptance-01">
 
class="wpcf7-captchac":
 
<img class="wpcf7-form-control wpcf7-captchac wpcf7-captcha-cf7s-captcha-01" width="72" 
height="24" src="http://localhost/ONLINE/CF7/cf7skinsPoC/wp-content/images/wpcf7_captcha
/1692768786.png" alt="captcha">
 
class="wpcf7-captchar":
 
<span class="wpcf7-form-control-wrap cf7s-captcha-01"><input class="wpcf7-form-control 
wpcf7-captchar" type="text" size="40" value="" name="cf7s-captcha-01"></span>
 
class="wpcf7-list-item":
 
<span class="wpcf7-list-item">
 
span.wpcf7-list-item {  /* ../contact-form-7/includes/css/styles.css */
	margin-left: 0.5em;
}
 
class="wpcf7-list-item-label":
 
<span class="wpcf7-list-item-label">Lieber.gleich.richtig.® Imagemappe</span>
 
class="wpcf7-checkbox":
 
<span class="wpcf7-form-control wpcf7-checkbox">
 
class="wpcf7-radio":
 
<span class="wpcf7-form-control wpcf7-radio">
 
class="wpcf7-select":
 
<select class="wpcf7-form-control wpcf7-select" multiple="multiple" name="cf7s-menu-01[]">
 
class="wpcf7-submit":
 
<input class="wpcf7-form-control wpcf7-submit" type="submit" value="Senden">


 

Standard HTML form elements supported by CF7

Posted on by

Listing of standard HTML form elements supported by CF7

CF7 Form Section

<!-- Text Fields -->
<fieldset>
<legend>Text Fields</legend>
<ol>
<li> <label for="cf7s-text-01">text <em>(required)</em></label>[text 1="cf7s-text-01" 2="60/100" 3="id:item1a" 4="class:textfield" 5="akismet:author_url" 6="watermark" 7="default" language="*"][/text]</li>
<li> <label for="cf7s-item2a">email</label>[email item2a]</li>
<li> <label for="cf7s-item3a">url</label>[url item3a]</li>
<ol class="singleline">
<li> <label for="cf7s-tel-01">tel</label>[tel cf7s-tel-01 15/]</li>
<li> <label for="cf7s-tel-02">mobile</label>[tel cf7s-tel-02 15/]</li>
</ol>
<li> <label for="cf7s-item5a">textarea</label>[textarea item5a]</li>
</ol>
</fieldset>
<p>Use paragraphs for text that is not a form field.</p>
[submit "Submit - Text Fields"]
 
<!-- Checkboxes, Radio Buttons, Dropdown Menu -->
<fieldset>
<legend>Checkboxes, Radio Buttons, Dropdown Menu</legend>
<ol>
<li> <label for=cf7s-checkbox-01">Checkboxes</label>[checkbox cf7s-checkbox-01 id:item1b class:checkbox "Item1" "Item2" "Item3" "Item4"]</li>
<li> <label for=cf7s-radio-01">Radio Buttons</label>[radio cf7s-radio-01 label_first use_label_element "Item1" "Item2" "Item3"]</li>
<li> <label for=cf7s-menu-01">Dropdown Menu</label>[select cf7s-menu-01 multiple include_blank "Item1" "Item2" "Item3"]</li>
</ol>
</fieldset>
<p>Use paragraphs for text that is not a form field.</p>
[submit "Submit - Checkboxes, Radio Buttons, Dropdown Menu"]
 
<!-- Other Fields -->
<fieldset>
<legend>Other Fields</legend>
<ol>
<li> <label for="cf7s-number-01">Number (spinbox)</label>[number cf7s-number-01]</li>
<li> <label for="cf7s-range-01">Number (slider)</label>[range cf7s-range-01]</li>
<li> <label for="cf7s-date-01">Date</label>[date cf7s-date-01]</li>
<li> <label for="cf7s-file-01">File upload</label>[file cf7s-file-01]</li>
<li> <label for="cf7s-quiz-01">Quiz</label>[quiz cf7s-quiz-01 "Item1" "Item2" "Item3"]</li>
<li> <label for="cf7s-acceptance-01">Acceptance</label>[acceptance cf7s-acceptance-01]</li>
<li> <label for="cf7s-captcha-01">Captcha Image</label>[captchac cf7s-captcha-01]</li>
<li> <label for="cf7s-captcha-01">Captcha Input</label>[captchar cf7s-captcha-01]</li>
</ol>
</fieldset>
<p>Use paragraphs for text that is not a form field.</p>
 
[submit "Submit - Other Fields"]

HTML Output

<p><!-- Text Fields --></p>
<fieldset>
<legend>Text Fields</legend>
<ol>
<li> <label for="cf7s-text-01">text <em>(required)</em></label><span class="wpcf7-form-control-wrap cf7s-text-01"><input type="text" name="cf7s-text-01" value="" size="60" maxlength="100" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required textfield" id="item1a" aria-required="true" placeholder="default" /></span></li>
<li> <label for="cf7s-item2a">email</label><span class="wpcf7-form-control-wrap item2a"><input type="email" name="item2a" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-email" /></span></li>
<li> <label for="cf7s-item3a">url</label><span class="wpcf7-form-control-wrap item3a"><input type="url" name="item3a" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-url wpcf7-validates-as-url" /></span></li>
<ol class="singleline">
<li> <label for="cf7s-tel-01">tel</label><span class="wpcf7-form-control-wrap cf7s-tel-01"><input type="tel" name="cf7s-tel-01" value="" size="15" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-tel" /></span></li>
<li> <label for="cf7s-tel-02">mobile</label><span class="wpcf7-form-control-wrap cf7s-tel-02"><input type="tel" name="cf7s-tel-02" value="" size="15" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-tel" /></span></li>
</ol>
<li> <label for="cf7s-item5a">textarea</label><span class="wpcf7-form-control-wrap item5a"><textarea name="item5a" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea"></textarea></span></li>
</ol>
</fieldset>
<p>Use paragraphs for text that is not a form field.</p>
<p><input type="submit" value="Submit - Text Fields" class="wpcf7-form-control wpcf7-submit" /></p>
<p><!-- Checkboxes, Radio Buttons, Dropdown Menu --></p>
<fieldset>
<legend>Checkboxes, Radio Buttons, Dropdown Menu</legend>
<ol>
<li> <label for=cf7s-checkbox-01">Checkboxes</label><span class="wpcf7-form-control-wrap cf7s-checkbox-01"><span class="wpcf7-form-control wpcf7-checkbox checkbox" id="item1b"><span class="wpcf7-list-item"><input type="checkbox" name="cf7s-checkbox-01[]" value="Item1" />&nbsp;<span class="wpcf7-list-item-label">Item1</span></span><span class="wpcf7-list-item"><input type="checkbox" name="cf7s-checkbox-01[]" value="Item2" />&nbsp;<span class="wpcf7-list-item-label">Item2</span></span><span class="wpcf7-list-item"><input type="checkbox" name="cf7s-checkbox-01[]" value="Item3" />&nbsp;<span class="wpcf7-list-item-label">Item3</span></span><span class="wpcf7-list-item"><input type="checkbox" name="cf7s-checkbox-01[]" value="Item4" />&nbsp;<span class="wpcf7-list-item-label">Item4</span></span></span></span></li>
<li> <label for=cf7s-radio-01">Radio Buttons</label><span class="wpcf7-form-control-wrap cf7s-radio-01"><span class="wpcf7-form-control wpcf7-radio"><span class="wpcf7-list-item"><label><span class="wpcf7-list-item-label">Item1</span>&nbsp;<input type="radio" name="cf7s-radio-01" value="Item1" /></label></span><span class="wpcf7-list-item"><label><span class="wpcf7-list-item-label">Item2</span>&nbsp;<input type="radio" name="cf7s-radio-01" value="Item2" /></label></span><span class="wpcf7-list-item"><label><span class="wpcf7-list-item-label">Item3</span>&nbsp;<input type="radio" name="cf7s-radio-01" value="Item3" /></label></span></span></span></li>
<li> <label for=cf7s-menu-01">Dropdown Menu</label><span class="wpcf7-form-control-wrap cf7s-menu-01"><select name="cf7s-menu-01[]" class="wpcf7-form-control wpcf7-select" multiple="multiple"><option value="">---</option><option value="Item1">Item1</option><option value="Item2">Item2</option><option value="Item3">Item3</option></select></span></li>
</ol>
</fieldset>
<p>Use paragraphs for text that is not a form field.</p>
<p><input type="submit" value="Submit - Checkboxes, Radio Buttons, Dropdown Menu" class="wpcf7-form-control wpcf7-submit" /></p>
<p><!-- Other Fields --></p>
<fieldset>
<legend>Other Fields</legend>
<ol>
<li> <label for="cf7s-number-01">Number (spinbox)</label><span class="wpcf7-form-control-wrap cf7s-number-01"><input type="number" name="cf7s-number-01" value="" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-number" /></span></li>
<li> <label for="cf7s-range-01">Number (slider)</label><span class="wpcf7-form-control-wrap cf7s-range-01"><input type="range" name="cf7s-range-01" value="" class="wpcf7-form-control wpcf7-range wpcf7-validates-as-number" /></span></li>
<li> <label for="cf7s-date-01">Date</label><span class="wpcf7-form-control-wrap cf7s-date-01"><input type="date" name="cf7s-date-01" value="" class="wpcf7-form-control wpcf7-date wpcf7-validates-as-date" /></span></li>
<li> <label for="cf7s-file-01">File upload</label><span class="wpcf7-form-control-wrap cf7s-file-01"><input type="file" name="cf7s-file-01" value="1" size="40" class="wpcf7-form-control wpcf7-file" /></span></li>
<li> <label for="cf7s-quiz-01">Quiz</label><span class="wpcf7-form-control-wrap cf7s-quiz-01"><span class="wpcf7-quiz-label">Item2</span>&nbsp;<input type="text" name="cf7s-quiz-01" size="40" class="wpcf7-form-control wpcf7-quiz" aria-required="true" /><input type="hidden" name="_wpcf7_quiz_answer_cf7s-quiz-01" value="6e856af7e865a7dd4a5a517954272d45" /></span></li>
<li> <label for="cf7s-acceptance-01">Acceptance</label><span class="wpcf7-form-control-wrap cf7s-acceptance-01"><input type="checkbox" name="cf7s-acceptance-01" value="1" class="wpcf7-form-control wpcf7-acceptance" /></span></li>
<li> <label for="cf7s-captcha-01">Captcha Image</label><input type="hidden" name="_wpcf7_captcha_challenge_cf7s-captcha-01" value="663905828" /><img class="wpcf7-form-control wpcf7-captchac wpcf7-captcha-cf7s-captcha-01" width="72" height="24" alt="captcha" src="http://localhost/ONLINE/CF7/cf7skinsPoC/wp-content/images/wpcf7_captcha/663905828.png" /></li>
<li> <label for="cf7s-captcha-01">Captcha Input</label><span class="wpcf7-form-control-wrap cf7s-captcha-01"><input type="text" name="cf7s-captcha-01" value="" size="40" class="wpcf7-form-control wpcf7-captchar" /></span></li>
</ol>
</fieldset>
<p>Use paragraphs for text that is not a form field.</p>
<p><input type="submit" value="Submit - Other Fields" class="wpcf7-form-control wpcf7-submit" /></p>

A lot of themes forget to handle the standard HTML form elements.

Does WordPress test theme have all CF7 form elements?
Check if Fieldset, Legend, Label items are styled in Default WordPress themes

Making CF7 forms responsive

Posted on by

Making forms responsive on a WordPress website is usually dependent on both Form Plugin used and the WordPress theme selected.

Contact Form 7 (CF7) contains neglible styling itself. That way all standard HTML form elements supported by CF7 are styled largely by the selected WordPress theme.

If you select a WordPress theme that includes responsive styles for all the standard HTML form elements (it’s a key thing I look for in themes we use) you should have little difficulty making responsive CF7 forms for your clients.

You should try to select a WordPress theme that styles standard HTML form elements in mobile-friendly way.

A lot of “Responsive” themes forget to handle the standard HTML form elements.

Contact Form 7 Email Issues

Posted on by

Though the Contact Form 7 (CF7) plugin successfully sends millions of emails every day, there are a host of issues that can delay or stop emails on both the sending and receiving ends of a typical email.

This article was set up to help people, who are having trouble sending and receiving emails from CF7, solve their problems.

Contact Form 7 successfully sends millions of emails every day

Emails from CF7 work flawlessly, without any effort, for most people

We ourselves have never had a problem sending or receiving emails from Contact Form 7. Its always worked flawlessly, on a large number of websites, on a few different servers, with no need for any changes to the default setups. It just works and always has.

We believe most users of CF7 have the same experience. CF7 having over 11 million downloads (currently around 10,000 per day), indicates that a lot of people are successfully sending emails from CF7.

BUT … it doesn’t work that easily for everyone

But not for everyone – emails don’t work easily for some CF7 users

If you spend some time in the CF7 support forum at http://wordpress.org/support/plugin/contact-form-7 you will see a lot of posts from people who do have problems with sending our receiving emails from Contact Form 7.

Contact form is not working …
… form not sending
Refuses to send email … etc.

The important point to note is that the sending and receiving of emails depends heavily on both the server where your WordPress installation is hosted and the email configuration of the local computer where the emails are supposed to be received.

If you are having CF7 email problems, you will need to investigate this issue in detail for your particular local configurations. You have our sympathy, this can be a difficult and time consuming task and you may not, in the end, get it to work.

BUT … it ain’t the plugin that is causing your problems. The plugin works!

Please try to keep that in mind as you work through some of the possible causes and solutions given below.

Note: This page is still a Work in Progress. We add more information as we become aware of other issues and solutions via the CF7 support forum at http://wordpress.org/support/plugin/contact-form-7.

If you have something you think might help others on this issue, you can use the CF7 form at the bottom of this page to contact us.

Please note however that anything that looks like a request for support or help will be ignored and deleted faster than you can imagine.

Sending

Contact Form 7 uses the standard recommended methods used to send emails in WordPress.

Current bug in WordPress 3.6 – Qmail based Hosts only

There is actually a bug in the 3.6 release that causes Contact-7 forms to fail to be emailed – but it only affects those hosts using Qmail based email systems.

It appears that WordPress used a few month old version of class-phpmailer.php, one where a bug had been introduced for Qmail based email systems. The authors of phpmailer.php had already issued an update for the file, but WordPress issued the 3.6 upgrade with the older class-phpmailer.php version 3.5.4 (version 3.5.5 had already been fixed).

In any event the WordPress core developers are now aware of the issue and have already indicated that a more current version of class-phpmailer.php (one that is fixed for Qmail) will be included when WordPress 3.7 is released.

Meanwhile to correct the issue with the Qmail bug:

  1. Go to this link- https://github.com/PHPMailer/PHPMailer/blob/master/class.phpmailer.php
  2. Copy the actual file contents starting with:
  3. Then replace the contents of your wp-includes/class-phpmailer.php with the code from the above file – that should correct the issue if related to the Qmail bug.

NOTICE!!! the name of the file is class(dash)phpmailer.php, not (dot) as it appears in the second line comment of the source.

Source – http://wordpress.org/support/topic/wp-36-doesnt-work-with-cf7. Thanks to Jack Armstrong for this information.

If you are experiencing problems sending emails, you might consider contacting your hosting provider to ask if they use the a Qmail based email system.

The following list contains items that we have found commonly lead to email sending problems with the CF7 plugin (and WordPress in general). We suggest that people work through this list from top to bottom to try to solve their particular email sending issue.

If you are unable to send emails from the CF7 plugin, it is likely that you are unable to send emails from WordPress in general.

You need a functioning mail server

If you are trying to send emails from any WordPress installation, you will need to make sure you have a functioning mail server setup there.

Note: Local installs (using MAMP, WAMP, XAMPP etc.) often don’t have this capability. Trying to test CF7 email functionality on a local WordPress installation with no mail server capability appears to be a common mistake.

Test if your WordPress installation is able to send emails

Try going through the “forgot password” function on wp-login.php.

lost-password

Do you get the email? If you don’t you will need to rectify this.

The WordPress Codex gives some guidance on this at http://codex.wordpress.org/FAQ_Troubleshooting#E-mailed_passwords_are_not_being_received

Confirm wp_mail is working

Contact Form 7 uses wp_mail to send emails. Most quality WordPress hosting will generally support this without the need for any special configuration.

wp_mail is based on the standard PHP mail() function, which uses sendmail. No account information is needed.

If you are a comfortable working with PHP, you can check if wp_mail is functioning by following this article – http://butlerblog.com/2012/09/23/testing-the-wp_mail-function/.

Note: For wp_mail to work, the settings SMTP and smtp_port (default: 25) need to be set in your php.ini file.

Hosting Issues

Some hosting providers require special settings to be applied to your WordPress installation in order to send emails from WordPress. You may need to contact your hosting provider and work with them to ensure emails are being sent correctly from your WordPress installation.

Some hosts don’t support PHP’s mail function. They often claim it’s to reduce spam since the PHP mail() function can be used to send email defining the from address as whatever you want without having to authenticate.

You should be able to get confirmation from your hosting provider that php mail() is functioning correctly from your hosting account.

Alternatively – Try to configure email using SMTP

If your hosting provider does not support wp_mail and the standard PHP mail() function, you can try to configure email sending from WordPress using SMTP (another type of mail service).

WordPress supports SMTP mail but this needs to be configured separately via the admin area of WordPress.

The following plugins can be used to setup SMTP on your WordPress site:
http://wordpress.org/plugins/configure-smtp/
http://wordpress.org/extend/plugins/wp-mail-smtp/

WP Mail SMTP reconfigures the wp_mail() function to use SMTP instead of mail() and creates an options page that allows you to specify various options. You may need to contact your hosting provider to get detailed information on the option settings required.

Note: When using SMTP you need to authenticate, so there has to be a real email address that the emails are coming from.

Most users on quality WordPress hosting will not need to use SMTP. You should avoid using SMTP if possible as using SMTP can contribute to the following email authentication issues.

Ensure Proper Return Address is Used

By default, the WordPress mailer fills in the From: field with wordpress@yourdomain.com and the From: name as WordPress. This is fine if this is a valid e-mail address.

For example, if your real e-mail is wordpress@yourdomain.com, your host should pass the email on for delivery. It will probably send your mail as long as yourdomain.com is setup to send and receive mail, even if wordpress is not a valid mail box.

But if you set you real email as the From: address and it’s something like wpgod@gmail.com, the mail may not send because gmail.com is not a domain handled by the mail server.

Quote from the CF7 Support Forum – I was having the very same problem, but only recently. Turns out that the new Dreamhost spam policy was the problem. Since it’s technically “spoofing” the user’s address to send email, Dreamhost no longer allows it.

http://wiki.dreamhost.com/Sender_Domain_Policy_and_Spoofing

Your email may be treated as spam

Your email message may have been routed to a spam folder or even worse, simply discarded as malicious. There are a couple measures you can use to convince recipient’s mail servers that your message is legitimate and should be delivered as addressed.

The following paragraphs are copied from WordPress Codex – http://codex.wordpress.org/FAQ_Troubleshooting#E-mailed_passwords_are_not_being_received

SPF: (Sender Policy Framework) This is the most common anti-spam measure used. If you are on a hosted system, there is a good chance your host has set this up for the mail server you are using. Have WordPress email you and check the message headers for evidence that the message passed the SPF check. You can get a message sent by following the Forgot Password link on the login page. To keep your old password, do not follow the link in the message. If your system email failed the SPF check, you can set up the credentials if you have access to your DNS records and your mail server’s domain belongs to you. Check the return path of the email your system sent. If the mail server listed there has your domain name, you can set up SPF credentials. There are several how-tos on the Internet.

DKIM: (Domain Key Identified Mail) This system is also used. You can use both SPF and DKIM in the same message. Again, just as with SPF, you can check if your receiving mailserver verified your host’s domain key by examining the mail header. There is a fair chance no signature key was provided, indicating your host chose to not use this protocol. Also as with SPF, if you can edit your DNS records and the mail server belongs to your domain, you can set up DKIM credentials yourself. Some how-tos exist if you search the Internet.

To get WordPress to send the proper DKIM keys, hook the ‘phpmailer_init’ action. You are passed the $phpmailer object. Set the necessary properties and return the object. See the class source code for more information. It’s on wp-includes/class-phpmailer.php .

Plugin or Theme Conflict

Plugin and theme conflicts are unfortunately a fact of life with WordPress. As one of the most popular plugins in the WordPress Repository, it’s reasonable to assume that CF7 is written so that it does not cause conflicts with other plugins and themes.

However there are many plugins and themes that are not so well written. Like many other popular plugins, CF7 is frequently reported as not working in the WordPress Forums (particularly by users with limited WordPress skill and experience) when the real cause is conflict from another theme or plugin – see http://wiki.simple-press.com/installation/troubleshooting/theme-conflicts/.

Step by step approach to finding Plugin & Theme Conflicts

1.) Disable all plugins other than CF7
a.) Does it work now? – Turn back on plugins one by one until you find the conflict
b.) You may need to clear the browser cache between each one
2.) Disable your current theme and load one of the WordPress Default themes
a.) Does it work now? – The problem is with your current selected theme
3.) With everything disabled, try (if you can) to correct the problem by reinstalling elements that may have become corrupted.

You may need to :
1.) Deactivate Contact Form 7 and completely delete it. Then re-install it into your WordPress instance.
2.) Reinstall your theme.
3.) Delete and reinstall the plugin causing the conflict.
4.) Re-upload your wp-content folder with a fresh copy.

Note: Any plugin that uses wp_mail and does not reset wp_mail_content_type back to ‘text/plain’ after sending a message can lead to unexpected problems with e-mails from WordPress.

Javascript Conflict

Contact Form 7 is a good WordPress community member in regards to it’s use of Javascript. It only loads it’s JavaScript where it is needed and only loads scripts required for the current page. It also plugs correctly into the WordPress architecture.

However there are many plugins and themes that are not so well written and a host of CF7 email problems can be due to a Javascript conflict with either your current WordPress theme or one of the other plugins you are using.

Spinning ArrowA spinning arrow continuing to spin after submitting a CF7 form, is a common symptom of a Javascript conflict.

Switch to a WordPress default theme and see if the problem goes away. If it does, you’ve most likely got a Javascript conflict with your current WordPress theme.

If switching to default theme doesn’t help it could be one of the plugins you are using that is causing the problem.

Use Firebug or Chrome Dev Tools

Use Firebug or Chrome Dev Tools to try to find the conflict. See http://wiki.simple-press.com/installation/troubleshooting/plugin-conflicts/ for some general guidance.

You will need to be skilled at using Firebug or Chrome Dev Tools to find what is causing your Javascript conflict and how to resolve it. If that description does not fit you, you can learn about these extremely useful developer tools at the following links.

https://getfirebug.com/wiki/
http://www.evotech.net/blog/2007/06/introduction-to-firebug/
http://www.youtube.com/watch?v=sHbYpl1XFiM
http://www.tipsandtricks-hq.com/debugging-javascript-code-with-firebug-1899
https://developers.google.com/chrome-developer-tools/

Remember that a problem in one script can cause issues in another. For example, some jQuery errors can stop jQuery processing any more script, which can make the culprit hard to find. A jQuery error in one of your plugins or your themes javascript files can stop jQuery processing before it gets to the CF7 script.

Contact the developer of the plugin or theme developer causing the conflict

If you identify a conflict with a particular plugin or theme, you could write to the plugin or theme developer and suggest they might have a possible conflict with CF7.

CF7 is one of the most popular plugins in the WordPress Repository, so it makes sense for developers to deal with any potential conflicts.

Also if a plugin or theme conflicts with CF7, it probably also conflicts with many other plugins. It’s generally a sign of a poorly coded theme or plugin and one that people should avoid using.

Contact Form 7 didn’t install or update correctly on your site

It is always possible that Contact Form 7 didn’t install or update correctly on your site. It’s a general problem with WordPress due to the unreliability of internet connections. Delete the plugin folder at wp-content/plugins/contact-form-7/ and install the plugin again.

Useful Links

http://codex.wordpress.org/FAQ_Troubleshooting#E-mailed_passwords_are_not_being_received
http://joshbetz.com/2010/01/problems-getting-wordpress-emails
http://www.premiumpress.com/tutorial/wordpress-email-settings/
http://www.kriesi.at/support/topic/error-sending-mail-via-the-wordpress-twicet-theme-contact-page
http://butlerblog.com/2012/09/23/testing-the-wp_mail-function/
http://www.callum-macdonald.com/code/wp-mail-smtp/
WordPress, Contact Forms, the new Anti Spam Policy and why it sucks
Fix Contact Form 7 not working with Dreamhost
http://wiki.dreamhost.com/Sender_Domain_Policy_and_Spoofing
http://wiki.simple-press.com/installation/troubleshooting/plugin-conflicts/
http://wiki.simple-press.com/installation/troubleshooting/theme-conflicts/

Receiving

There are a host of issues that can delay or stop emails on the receiving end of a typical email. You will need to investigate this issue in detail for your particular local configuration.

Quote from the CF7 Support Forum – If anyone has ‘problems’ in not receiving emails, it’s most certainly not this plugin, they should check their settings and their junk folders.

Emails are delivered late

Most emails are delivered within a few minutes, but emails can sometimes be delayed while in transit due to problems on the sender’s mail server, heavy Internet traffic, or routing problems. On rare occasions, delays can last for several hours or more.

The sender’s address is blocked

The Blocked Addresses feature in some Mail systems allows you to create a list of addresses that you don’t want to receive mail from. Mail coming in from one of these senders will neither arrive nor bounce, but will simply be discarded. Check your blocked addresses list and make sure that email address you’re using is not blocked.

You’ve enabled mail forwarding

Is the email address you’re using set to be forwarded to another email address.

Have you set up filters?

You might have set up filters which caused the email to be sent to the Trash folder or to another folder within your Mail account.

Useful Links

Troubleshooting common issues with email
Email Server Test

Do you have something you think might help others on this issue

This page is still a Work in Progress. We add more information as we become aware of other issues and solutions via the CF7 support forum at http://wordpress.org/support/plugin/contact-form-7.

If you have something you think might help others on this issue, you can use the CF7 form below to contact us.

Error: Contact form not found.

Please note that anything that looks like a request for support or help will be ignored and deleted faster than you can imagine.

Contact Form 7 HTML5 Form Field Types

Posted on by
27/02-26/0220/02-26/0213/02-19/0206/02-12/024 week average
TargetActual% TargetActual% TargetActual% TargetActual% TargetActual% Target
Accounts0.52.7540%0.350%0.487%0.9173%1.1213%
Computer0.57.91577%1.9377%2397%0.5107%3.1614%
Development - project management21.888%00%149%0.628%0.841%
Development - testing12.6260%5.5550%0.552%0.550%2.3228%
Documentation22.2112%0.628%299%2.1105%1.786%
Documentation - team/test site27.6382%5.4272%3.5176%1.888%4.6229%
Forms0.50%0%
General0.50.590%1.5303%1.3260%0.992%1209%
Leadership11.5152%0.215%6.1613%0%2.0195%
Learning00.3
Meeting12.5252%3.5347%2203%1.4143%2.4236%
Promotion0.51.7347%0.487%
Staff11102%1.5152%2.9288%0.883%1.6156%
Support0.50.127%0.07%
Translation0.20%0%
Websites11.9187%1.6157%7700%2.6261%
Websites - updates0.10.3283%0.1117%1.91850%0.6563%
Videos10%0%
Users10%0%
TOTAL16.330.9189%22.3137%23.3143%20.2124%24.2148%

The Current State of HTML5 Forms

Does Contact Form 7 support HTML5 input types?

Text Fields – , [email], [url], [tel], [textarea]
Number Fields – [number], [range]
Date Field – [date]

Contact Form 7 Extensions

Posted on by

Contact Form 7 Skins is only one of a large number of extensions that have been created for Contact Form 7 (CF7).

As one on the most popular plugins in the WordPress Plugin Repository it was perhaps inevitable that people would be willing to spend their time developing and releasing plugins that extend CF7’s natural capabilities.

Indeed the range is such that CF7 with it’s extensions can give users many of the functions available in some of the well known premium form plugins.

The advantage in sticking with CF7 is often familiarity with the CF7 form plugin. The learning curve for some of the premium form plugins can be substantial. If you only require one or two extra features, and not the huge range of extra functionality available in the premium form plugins, it can make a lot of sense to use a CF7 extension or two.

In this article, our aim is to make people aware of the various CF7 extensions, what they do and how they can be used to meet additional needs that uses may have with their website forms.

CF7 with it’s extensions can give users many of the functions available in some of the well known premium form plugins

Popular

Contact Form DB

Saves submitted form data to the database and provides short codes to display it.

Website – http://cfdbplugin.com/

Contact Form 7 Dynamic Text Extension

Provides a dynamic text field that accepts any shortcode to generate the content. While default values in CF7 are static, this extension lets you create pre-populated fields based on other values.

Contact Form 7 Modules

Add useful modules such as “hidden fields” and “send all fields” to Contact Form 7

Inserting dynamic values
You can also choose to have the value of the hidden field dynamically populated in your form when you are contacted.

Now, when someone contacts you using your Contact Form 7 contact form, you can have lots more information about their visit – and you’ll see it when you receive the email that tells you you’ve been contacted.

+ Send All Fields

Further reading:

Website – Contact Form 7 Modules

MailChimp for WordPress

Add sign-up checkboxes to your comment form, Contact Form 7 forms or any other form you like.

Contact Form 7 Honeypot

Adds honeypot anti-spam functionality to CF7 forms.

Jquery Validation For Contact Form 7

Adds extra validation rules like: url, date, credit card, phone number in the contact form 7 fields.

Datepicker

Contact Form 7 Datepicker

Enables adding a date field for Contact Form 7 WordPress Plugin using jQuery UI’s datepicker.

Contact Form 7 IE DatePicker and Number Spinner Fix

 

Form Spam – Captcha

Really Simple CAPTCHA

A CAPTCHA module intended to be called from other plugins. Written by Takayuki Miyoshi – the developer of Contact Form 7

Sweet Captcha

A really cool captcha for Contact Form 7

Contact Form 7 reCAPTCHA Extension

Allows the usage of a reCAPTCHA field.

Keypic – NO CAPTCHA Anti-Spam

Keypic checks your forms against the comprehensive Keypic Web Service to see if they look like spam.

Other

Contact Form 7: Accessible Defaults

Replaces the default Contact Form 7 form with an accessible equivalent and provides a suite of selectable base forms.

Contact Form 7 – Success Page Redirects

An add-on for Contact Form 7 that provides a straightforward method to redirect visitors to success pages or thank you pages.

Chosen for WordPress

Makes long, unwieldy select boxes much more user-friendly.

This plugin applies Chosen to any select box in your post and page content. The relevant Javascript & CSS files are only loaded if the post in question includes a select box or a

Error: Contact form not found.

shortcode.

The Grunion Contact Form & Contact Form 7 plugins both use a the

Error: Contact form not found.

shortcode.

If you need to force the Chosen script & styles to load on a page, simply include [chosen] within the page.

Contact Form 7 Integrations | ContactUs.com

This plugin Integrates Contact Form 7 with a cloud-based contact management database, CRM Tools, form conversion analytics and 3rd party software integrations. Supported and maintained by ContactUs.com

Contact Form 7 – Campaign Monitor Addon

Add the capability to create newsletter opt-in forms with Contact Form 7. Automatically submit subscribers to predetermined lists in Campaign Monitor.

Deregister Contact Form 7

Prevents the scripts and styling from the Contact Form 7 plugin from loading on your site. Useful for situations in which you do not require the AJAX functionality of the original plugin and have included all the necessary styling in your themes CSS.

ShootQ for Contact Form 7

Adds ShootQ integration to all Contact Form 7 forms on a blog

Cf Shopping Cart

Allows Contact Form 7 forms to be transformed into a shopping cart:

Contact-Form-7: 3rd-Party Integration

Send Contact Form 7 submissions to a 3rd-party Service, like a CRM. Multiple configurable services, custom field mapping, pre/post processing.

Contact Form 7 Phone Module

This plugin adds telephone field to Contact Form 7 along with masking options.

Contact Form 7 minlength extension

Gives you the ability to add a minimum length to Contact Form 7 textfields.

Premium Plugins

Contact Form 7 Storage

Stores all Contact Form 7 submissions (including attachments) in WordPress dashboard.

Not Being Updated

Contact Form 7 Customfield in mail

Provides a new special mail tag for the mail section of the Contact Form 7 Plugin. It allows the use of custom field values in the mail section of Contact Form 7. (Note 1)

Contact Form 7 Widget

Use your Contact Form 7 forms and other shortcodes in your sidebars. (Note 1)

Note 1: This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

======================

New Extension

Details

http://wordpress.org/plugins/search.php?q=cf7

Further reading:

Website – Extension