How to: Custom reCaptcha captcha with Gravity Forms

How to: Custom reCaptcha captcha with Gravity Forms

Recently I’ve been struggling with using reCaptcha with Gravity forms, mainly in regards to using the sidebar and the captcha, gravityforms only as default allows you to use the standard reCaptcha themes, this is a short but sweet “How to” to be able to totally customise the reCatcha appearance with Gravity Forms.

Find form_detail.php

Goto line number: 581

You Should Have:

After Paste This:

Edit your form, and select “custom” as the theme.

Then add an HTML “Field” and paste the code that’s required to display the reCaptcha, ie:

And then use your custom code as per:
http://code.google.com/apis/recaptcha/docs/customization.html

http://www.dijitul.co.uk/resources/captcha_custom.jpg

To buy this awesome plugin visit Gravity Forms now!

 

5 Responses

  1. ricbax says:

    You forgot to mention a few items in your explanation:

    var RecaptchaOptions = {
    theme : ‘custom’,
    custom_theme_widget: ‘recaptcha_widget’
    };

    should go before the HTML. Also use the HTML example on http://code.google.com/apis/recaptcha/docs/customization.html because the above did not work for me since it could not read the ReCaptcha Public Key

  2. ricbax says:

    The javascript should be enclosed in <script> tags

  3. Adam says:

    The script should include that already by just changing to custom – it did do on the last 3 websites I made 🙂

  4. Drew says:

    Hi, how do you select different themes using gravity forms? Never mind customizing, but choosing from the normal white/black/red/clean? I don’t see where to do that…

    Thanks. 🙂

  5. Drew says:

    Hi I figured it out! You can disregard my last comment! Thanks. 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *