Using KeyCaptcha? - Post ID 217077

User 2028484 Photo


Registered User
94 posts

Yesterday I was at a site and they used this really nice captcha system. There's nothing to decode, and it's VERY easy, you simply drag a puzzle piece to complete a picture. It's called key keycaptcha. Their website can probably explain it better;

https://www.keycaptcha.com

How can we use it in our forms instead of the standard captcha? Does the forms accept plugins? They make a plugin.



Attachments:


You do not need a parachute to skydive. You only need a parachute to skydive twice.
User 187934 Photo


Senior Advisor
20,271 posts

Try using the HTML element.:cool:
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 103173 Photo


VP of Software Development
0 posts

You can also use Regular Expressions.

http://www.coffeecup.com/help/articles/ … s-captcha/
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2028484 Photo


Registered User
94 posts

But what plugin would be compatible with the CoffeeCup Form Builder program?


You do not need a parachute to skydive. You only need a parachute to skydive twice.
User 187934 Photo


Senior Advisor
20,271 posts

Eric Rohloff wrote:
Try using the HTML element.:cool:

It's not a plugin but it allows you to have outside access to applications.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2028484 Photo


Registered User
94 posts

I don't think KeyCaptcha is a application. It's a plugin that you use with other programs. I started using it with vB forums for example. There are many versions of KeyCaptcha and you need to use the right one (the right combination of KeyCaptcha and program) or it won't work. I was hoping to get it to work with CoffeeCup apps but I don't think you can. That's why I was asking. There is a 'manual' option for captcha in Form Builder, and I thought maybe someone knew how to incorporate it into the program. I wrote to the company and hopefully there is a way to use it, it's so much better than regular captcha.


You do not need a parachute to skydive. You only need a parachute to skydive twice.
User 103173 Photo


VP of Software Development
0 posts

AngelArs wrote:
But what plugin would be compatible with the CoffeeCup Form Builder program?

Form Builder was never setup for custom 3rd part tools like that. Those would all require custom modifications to the project files after you export your form.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2028484 Photo


Registered User
94 posts

Found instructions for how to add KeyCaptcha manually to Form Builder. Thought I'd share;

1. Add the standard recaptcha field to your form, set type to manual in settings and write some value to private and public key.

2. Create some form with keycaptcha (use instruction for other CMS) and copy keycaptcha JS code. It should look like:

<script type='text/javascript'>
var s_s_c_user_id = '25071';
var s_s_c_session_id = '52133a2306d0e-4.0.0.001';
var s_s_c_captcha_field_id = 'capcode';
var s_s_c_submit_button_id = 'but1';
var s_s_c_web_server_sign = '28fcd48462b5d5f63c634a474f736e12';
var s_s_c_web_server_sign2 = '368fe4dc8f8915a0afb83783cd7f311a';
</script>
<script language=JavaScript src='http://back5.keycaptcha.com/swfs/cap.js'></script>


3. Edit your form template /formName/formName.html file
replace recaptcha code;

<script type="text/javascript">var RecaptchaOptions = { lang : 'en', theme : 'white', };</script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api/challenge?k=6LeVLNASAAAAALwMSC6gkF17kw3nQWFxSmrMe1Ah"></script>
<noscript><iframe src="https://www.google.com/recaptcha/api/noscript?k=6LeVLNASAAAAALwMSC6gkF17kw3nQWFxSmrMe1Ah" height="300" width="500" style="border:none;"></iframe><br>
<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
<input type="hidden" name="recaptcha_response_field" value="manual_challenge">
</noscript>


with:

<input type="hidden" name="recaptcha_challenge_field" id="recaptcha_challenge_field" value="false" />
<input type="hidden" name="recaptcha_response_field" id="recaptcha_response_field" value="false" />
%KEYCAPTCHA_JS_CODE_FROM_STEP_2%
and add
<script type="text/javascript">
document.getElementById('fb-submit-button').setAttribute( 'data-disabled', 'disabled' );
document.s_s_c_additionalcheck = function(){
document.getElementById('fb-submit-button').setAttribute( 'data-disabled', '' );
document.getElementById('fb-submit-button').click();
}
</script>


to the end of the page.

4. Copy file keycaptcha_class.cls.php from attach to %formName%/fbapp/php/ directory

5. Edit file %formName%/fbApp/inc/recaptchalib.php and replace recaptcha_check_answer's body to

$kc_o = new KeyCAPTCHA_CLASS('%YOUR_KEYCAPTCHA_PRIVATE_KEY_FROM_JOOMLA_INSTRUCTION %');
$recaptcha_response = new ReCaptchaResponse;
if ($kc_o->check_result($response)){
$recaptcha_response->is_valid = true;
}else {
$recaptcha_response->is_valid = false;
$recaptcha_response->error = 'Wrong captcha';
}
return $recaptcha_response;


Hopefully this will help others until KeyCaptcha is added to Form Builder :)


You do not need a parachute to skydive. You only need a parachute to skydive twice.
User 187934 Photo


Senior Advisor
20,271 posts

At least you can add it yourself.:) Thanks for sharing.:cool:
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2147626 Photo


Ambassador
2,958 posts

Glad you got it working, and thanks for the update on how to install. :cool:
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.