Back to Top

How-to: Add BWP reCAPTCHA to Contact Form 7 (CF7)

Previous Post:

How-to: Add BWP reCAPTCHA to Contact Form 7 (CF7)

As of BWP reCAPTCHA 1.1.0, you can add a BWP reCAPTCHA tag to your Contact Form 7 intuitively.

IMPORTANT NOTES:

1. If you have been using an unofficial Contact Form 7 BWP reCAPTCHA extension, be sure to remove it before continuing with this tip.

2. As of version 2.0.0, you should use [recaptcha your-name] only.

2. As of version 1.1.1, BWP reCAPTCHA allow you to choose between [recaptcha] or [bwp-recaptcha] shortcode tag. To keep using the oldie [recaptcha], go to BWP reCAPT > General Options > Contact Form 7 Integration and select “use recaptcha shortcode tag”.

Please follow three easy steps described below:

Step 1: Go to Contact > Contact Forms and then choose to edit your desired form and select BWP reCAPTCHA. This tag comes with no options currently as it inherits settings from BWP reCAPTCHA.

Select BWP reCAPTCHA tagwp-content/uploads/2014/01/bwp-recaptcha-cf7-step11-1024x562.png 1024w, wp-content/uploads/2014/01/bwp-recaptcha-cf7-step11.png 1119w" sizes="(max-width: 300px) 100vw, 300px" />

Select BWP reCAPTCHA tag

Step 2: Copy the auto-generated tag and paste into your form, preferably right before the submit button of your form. Press Save to save your form.

Paste BWP reCAPTCHA tag into your formwp-content/uploads/2014/01/bwp-recaptcha-cf7-step2-1024x534.png 1024w, wp-content/uploads/2014/01/bwp-recaptcha-cf7-step2.png 1115w" sizes="(max-width: 300px) 100vw, 300px" />

Paste BWP reCAPTCHA tag into your form

Note: As of 2.0.2, a name is not required for the recaptcha tag to work. However, if you want to display a validation error next to the recaptcha tag, you must set the name (for e.g. “[recaptcha recaptcha-375]”), and uncheck “Treat invalid captcha as spam”, as shown below:

wp-content/uploads/2014/01/bwp-recaptcha-cf7-uncheck-treat-as-spam1.png 1010w" sizes="(max-width: 300px) 100vw, 300px" />

Step 3: Go to BWP reCAPT option pages to add key pairs and customize your reCAPTCHA if you haven’t done so already. Just like other forms the captcha will only be shown to certain users, as per your settings.

That’s it, go to your contact form and enjoy the new shiny reCAPTCHA.

Take Social Sharing to
the Next Level with Monarch!

Take Social Sharing to the Next Level with Monarch!
Print Article Trackback Trackback to this Article   Subscribe to Comments RSS Subscribe to Comments RSS

50 Opinions for How-to: Add BWP reCAPTCHA to Contact Form 7 (CF7) (48 Trackbacks)

  1. User's Gravatar
    1
    Burak February 22, 2016 at 4:09 am – Permalink

    I can see the recaptcha in the page but when I send the message, I get an error sentence saying:

    “Failed to send your message. Please make sure you checked the box “I’m not Robot” and filled in all the required fields.”

    As I allready fill in all the required fields, I thought the problem was about the recaptcha. But I still wanted to confirm it and deactivated the BWP and tried to send the message without recaptcha plugin and it worked. So my Contact Form 7 has no problem but the problem is about the recaptcha. I reactivated the recaptcha and it can not send the form message when it is activated even when I check the box. What is the problem? I can not make it work. Although I see the recaptcha in the form and check the box, the Contact Form 7 can not send the message. 🙁 Anyone had the similar problem?

    • User's Gravatar
      2
      zalrol December 3, 2016 at 11:56 pm – Permalink

      Yes, i had similar problem

Speak Up Your Mind!

An asterisk (*) indicates a required field and must be filled.




  • Web page and e-mail addresses turn into links automatically.
  • Wrap codes in: <code lang=""></code> or <pre lang="" extra="">
  • Lines and paragraphs break automatically.

Next Post: