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

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

  1. User's Gravatar
    1
    fr4nk February 14, 2015 at 12:45 am – Permalink

    Hi. Could you please help me .. when I use “bwp-recaptcha” shortcode tag it only displays tag on the contact page and when I use “recaptcha” shortcode it displays captcha above send button however it doesn’t require to complete capcha form before sending message.
    Any help please ? All latest versions. Thanx
    frank

  2. User's Gravatar
    2
    fr4nk February 14, 2015 at 12:46 am – Permalink

    by the way .. i didn’t fill capcha code on this comment page and sent previous comment anyway
    :-))))

  3. User's Gravatar
    3
    jjj February 23, 2015 at 2:02 pm – Permalink

    does not work

  4. User's Gravatar
    4
    Peter February 23, 2015 at 7:06 pm – Permalink

    Not working here either. Only displays the shortcode.

    • User's Gravatar
      5
      Peter February 23, 2015 at 7:11 pm – Permalink

      Never mind. Changed the “Contact Form 7 Integration” to “Use ‘recaptcha’ shortcode tag’ and it works fine.

    • User's Gravatar
      6
      Peter February 23, 2015 at 7:13 pm – Permalink

      Sorry, me again lol

      Nope, something is broken. Can submit form without having to fill in the CAPTCHA.

      • User's Gravatar
        7
        Neil March 2, 2015 at 2:30 am – Permalink

        Seems like I’m not the only person having this problem. 🙁

  5. User's Gravatar
    8
    Neil March 2, 2015 at 2:31 am – Permalink

    And even on this page, I can also put in garbage and it’s accepted. Waiting for a fix…

  6. User's Gravatar
    10
    Ruggero March 20, 2015 at 4:38 pm – Permalink

    Yup, Contact form 7 BWP Recaptcha doesn’t work anymore. Last time there was an update to BWP was 18 July last year – safe to say developer has stopped supporting it?

    And I can’t find anything nearly as decent either… 🙁

  7. User's Gravatar
    11
    Goelji August 28, 2015 at 1:22 am – Permalink

    hmm.. so does it work now

  8. User's Gravatar
    12
    Khang Minh August 28, 2015 at 7:42 pm – Permalink

    Version 2.0.0 of BWP recaptcha should fix all of the above issues 🙂

  9. User's Gravatar
    13
    resrtt September 2, 2015 at 9:30 am – Permalink

    testing…

  10. User's Gravatar
    14
    Innovaxis December 8, 2015 at 5:34 am – Permalink

    This doesn’t seem to be working with Contact Form 7. I’ve tried disabling and re-enabling from the BWP General Options but no luck.

    • User's Gravatar
      15
      Khang Minh December 8, 2015 at 11:49 am – Permalink

      You did not see a “BWP recaptcha” tag when editing a form or no captcha is shown when the form is displayed? Have you checked this out: http://betterwp.net/wordpress-plugins/bwp-recaptcha/faq/ ?

      • User's Gravatar
        16
        Innovaxis December 9, 2015 at 2:04 am – Permalink

        The tag does display in the Contact Form 7 form editor but when I view the page the Contact Form 7 short code is implemented on, the ReCaptcha does not display. Yes I have visited the link you have provided.

    • User's Gravatar
      17
      Gary December 11, 2015 at 6:48 pm – Permalink

      Hi,

      No longer working with Contact Form 7 (3.9.1). I am using WordPress 3.9.9.

      Both keys are added, and the [recaptcha-xxx] tag is generated and inserted correctly via the Contact Form 7 panel. However the ReCaptcha does not show on Comments nor Contact Form.

      It does show on the login page(s).

      As per the previous user, I have followed guidelines and read the FAQs.

      Regards

      • User's Gravatar
        18
        Khang Minh December 12, 2015 at 1:33 am – Permalink

        Are you using [recaptcha-xxx] or [recaptcha recaptcha-xxx]?

  11. User's Gravatar
    19
    Jay December 24, 2015 at 10:18 am – Permalink

    I have added the short code, keys, etc as the instructions say. When I use [recaptcha recaptcha-xxx] I get nothing. When I use recaptcha-xxx] it displays the short code.

  12. User's Gravatar
    20
    Tom January 5, 2016 at 7:43 pm – Permalink

    i’ve managed to get the captcha into my Contact Forms (Contact Form 7) but when i press the submit button, the successful sent message does not appear anymore.

    • User's Gravatar
      21
      Khang Minh January 5, 2016 at 7:52 pm – Permalink

      May I have a link to your contact form? Also can you try unchecking “Treat invalid captcha as spam” as shown in the article?

  13. User's Gravatar
    22
    Becks January 16, 2016 at 10:55 am – Permalink

    How do I get the captcha to center on my div like the rest of my form?

    • User's Gravatar
      23
      Khang Minh January 16, 2016 at 10:27 pm – Permalink

      Navigate to BWP reCAPT >> Theme Options, enable Custom CSS and add these two lines BEFORE margin-bottom: 1em:

          width: 300px;
          margin: 0 auto;
      
  14. User's Gravatar
    25
    dalida and Andrew Innes February 5, 2016 at 3:28 am – Permalink

    hi There,

    Follow your instructions and work perfectly, thanks.

  1. 21 Best Free WordPress Contact Form Plugins In 3/2015 - Wordpress, Prestashop, Magento, Drupal, Joomla - Install, Download, Service

    […] How-to: Add BWP reCAPTCHA to Contact Form 7. […]

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: