Canvas Support

Invisible reCaptcha quick contact

10 replies · opened Sep 29, 2017

SSemicolon WebSTAFFOct 3, 2017

Hello,

It is absolutely possible to include Invisible reCaptcha inside the Quick Contact Form. You only need to change the HTML Codes, while the include/sendemail.php Codes should remain the same. Following the Official Documentation should work fine.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

NnikoslavsOct 3, 2017

I used this code for my send button:

<button type="submit" id="quick-contact-form-submit" name="quick-contact-form-submit" class="button button-rounded btn-block center nomargin g-recaptcha" data-callback="recaptcha_callback" data-sitekey="6LfGkDIUAAAAAPcR5bXvJLv6PxXgcFvRDjlyicH8" value="submit"><span>Pošalji</span></button>

and this for callback, as I find this solution in forum:

&lt;script type="text/javascript"&gt;
    function recaptcha_callback(){
        alert("callback working");
        $('.quick-contact-form-submit').prop("disabled", false);
    }
&lt;/script&gt;

sendmail.php form is set up correctly, I am using it for other forms, using recaptcha v2, but can't set up invisible recaptcha?

NnikoslavsOct 4, 2017

I updated code now, sending is now working, but get result from php, in new window, not in same window...

<button type="submit" id="quick-contact-form-submit" name="quick-contact-form-submit" class="button button-rounded btn-block center nomargin g-recaptcha" data-callback="recaptcha_callback" data-sitekey="6LfGkDIUAAAAAPcR5bXvJLv6PxXgcFvRDjlyicH8" data-badge="inline" value="submit"><span>Pošalji</span></button>

<script>
function recaptcha_callback() {
document.getElementById('quick-contact-form').submit();
}
</script>

It looks like that quickContact: function() from functions.js is not triggered?

Any help?

SSemicolon WebSTAFFOct 4, 2017

Hello,

Can you please let us know the ID of the Quick Contact Form on the Page so that we can look further on this? Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SSemicolon WebSTAFFOct 6, 2017

Hello,

There appears to be some conflict. We are checking for possible solutions. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

NnikoslavsOct 9, 2017

any luck?

<script>
function recaptcha_callback() {
document.getElementById(‘quick-contact-form’).submit();
}
</script>

maybe here to implement call to quick.contact.function?

NnikoslavsOct 11, 2017

Any updates?

SSemicolon WebSTAFFOct 11, 2017

Hello,

Can you please consider using the following code: 

function recaptcha_callback() {
	SEMICOLON.widget.quickContact();
}

This should work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

NnikoslavsOct 13, 2017

Unfortunately, this workaround doesn't work...

Quick contact form only works on this binding:
function recaptcha_callback() {
document.getElementById('quick-contact-form').submit();
SEMICOLON.widget.quickContact(); //adding this doesn't change anything
}

But if I remove document.getElementById('quick-contact-form').submit(); FORM DOESN'T WORKING

Thank you for all your trouble

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard