Contact Formular using reCaptcha v.3

[Rob]

Hey there,

I have some difficulty getting the contact form working. This is my second website using your HTML Theme and I’m a beginner when it comes to HTML/CSS. However with my first website, I had no trouble getting the contact form working but this time there is some error.

I just made a website for the contact form under http://www.robertwiebe.de/kontaktformular.html.

When I enter all the values like Name, Phone and so on and hit send I get forwarded to another page with the following Message {“response”:”success”}”. The message gets send into my inbox but I don’t know where the error is. Why do I get forwarded to a response site?

Any help would be appreciated.

-Robert

---

Template Version: Newest

[Support]

Hello, thanks for your purchase.

It’s missing you include the view.contact.js script on footer of page. This is the file that makes the validation of the form, and send the form without load a new page.

<script src="js/views/view.contact.js"></script>

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Rob]

Hey there,

Thanks for your help.

1.) I posted the script into the footer and contact formular works fine when I’m sending the first message. When I’m about to send a second message withour refreshing the page, I get the following error “reCaptcha Error: Verifcation failed (no success). Please contact the website administrator.” I guess there is something wrong with google v3 Recaptcha token? Could you please point me into the right direction? Please use the contac formular at the following page https://robertwiebe.de/index.html

2.) I do have another questions regarding js smooth scroll script. When I visit my website with chrome, the smooth scroll features works perfectly smooth but with Mozilla it feels laggy. Is there something I can do to increase the user experience within Mozilla?

Thanks

---

[Support]

Hello,

1) First please remove this input inside the form:

Second, remove the red marked scripts and change the green marked script to:

Green Marked Script To:

<script id="google-recaptcha-v3" src="https://www.google.com/recaptcha/api.js?render=6LcMNXQaAAAAAGoD70jRKDmdmSd9QHe8H7dEiwf8"></script>

2) Unfortunately that’s a browser default behavior and cannot be changed. There’s a lot of smooth scrolling plugins available you can try:
https://github.com/search?l=JavaScript&q=smooth+scroll&type=Repositories

But please note we can not guarantee the theme will works 100% if you use one of them, since we never tested and do not use smooth scroll plugins within the template.

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Rob]

Hey there,

thanks for your input.

Regarding 1.) I changed the script and delete the other ones but now the contact formula won’t work at all. I get the following error when I want to write a message through the contact form “reCaptcha Error: Invalid token. Please contact the website administrator.

contact form @ robertwiebe.de

Something is missing :

---

[Support]

Hello,

Sorry, I forgot to mention you also should change the contact-form class to:

<form class="contact-form-recaptcha-v3 custom-form-style contact-page" action="php/contact-form-recaptcha-v3.php" method="POST">....</form>

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Rob]

Hey there,

everything works as it supposed to after I made the above changes.
Thanks for the great support 🙂

---

[Support]

Hello,

Great the issue is now resolved! 🙂

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts