Thread: [MOD] reCaptcha on Contact Form

[MOD] reCaptcha on Contact Form

Hello AppThemes Community!

This is my first contribution and I know that there is a solution for it here from barukar but I wanted to reuse the code of ClassiPress to make it more efficient.

And I noticed that lot of users had some troubles styling the reCaptcha.

This one uses a custom theme. So, there are no buttons for help or audio just the button to get a new captcha.

I made it using the CP 3.2.1 and maybe it's compatible with older versions.

If you are using child theme it will work. As this is a modification on a core file, all you going to do is replace one file.

But make sure to backup your file first!

Below you can see how it will look like:



That icon inside the text field, where the user will gonna fill with the answer is from original theme: arrow-right.png

Possible customizations:

If you want to replace with your custom button, just change the line 88: /images/arrow-right.png - assuming that /images/ is http://www.yoursite.com/wp-content/t...ipress/images/

If you want to change the alignment of the Send Inquiry button just change the line 101: change <p align="right"> to <p align="left"> or <p align="center">

If the user press the Send Inquiry button without filling any field it will look like this:





If the user press the Send Inquiry button with a wrong captcha code it will look like this:





If the user press the Send Inquiry button filling all fields and with a working captcha it will look like this:





All the output texts are from the original ClassiPress (no strings attached), so I don't thing you'll have to add them to your .PO file.

Make sure to enable reCaptcha in your administration and fill with your private and public keys.

If you change the theme in the administration it won't affect the reCaptcha in the Contact Form. It will change the reCaptcha from registration page.

If you have any questions or suggestions, please, feel free to share.

Best Regards.