Multiple errors

[lanbrostudio]

Hello,

There are several errors related to the contact forms enabled on the website, on the pages: contact and request a quote

1.- Recaptcha v3 does not work on the contact page
2.- When sending an email from the forms, it does not redirect to the thank you page created and opens a new blank window with a message in the header, indicating whether the message has been sent or has generated an error
3.- The required function does not work in the form inputs, it sends forms with empty input, these being marked as mandatory

Thank you

---

[Support]

Hello,

I couldn’t find in the html page – contacto.html – where you set the reCpatcha API key.
https://www.okler.net/previews/porto/docs/#googlerecaptchav3

Make sure to follow all the steps, including adding the Javascript at the bottom of the page.

HTML for the form must be like this example:

<form class="contact-form-recaptcha-v3" action="php/contact-form-recaptcha-v3.php" method="POST">
								<div class="contact-form-success alert alert-success d-none mt-4">
									<strong>Success!</strong> Your message has been sent to us.
								</div>

								<div class="contact-form-error alert alert-danger d-none mt-4">
									<strong>Error!</strong> There was an error sending your message.
									<span class="mail-error-message text-1 d-block"></span>
								</div>

								<div class="row">
									<div class="form-group col-lg-6">
										<label class="form-label mb-1 text-2">Full Name</label>
										<input type="text" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control text-3 h-auto py-2" name="name" required>
									</div>
									<div class="form-group col-lg-6">
										<label class="form-label mb-1 text-2">Email Address</label>
										<input type="email" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control text-3 h-auto py-2" name="email" required>
									</div>
								</div>
								<div class="row">
									<div class="form-group col">
										<label class="form-label mb-1 text-2">Subject</label>
										<input type="text" value="" data-msg-required="Please enter the subject." maxlength="100" class="form-control text-3 h-auto py-2" name="subject" required>
									</div>
								</div>
								<div class="row">
									<div class="form-group col">
										<label class="form-label mb-1 text-2">Message</label>
										<textarea maxlength="5000" data-msg-required="Please enter your message." rows="5" class="form-control text-3 h-auto py-2" name="message" required></textarea>
									</div>
								</div>
								<div class="row">
									<div class="form-group col">
										<input type="submit" value="Send Message" class="btn btn-primary btn-modern" data-loading-text="Loading...">
									</div>
								</div>
							</form>

The success/error message will appear at the top of the form.

---

[lanbrostudio]

It continue without working: https://www.okatek.proyectos-lanbro.es/contacto.html

Google recaptcha icon appears at: https://www.okatek.proyectos-lanbro.es/solicitud-presupuesto.html

Also this 2 topics:

2.- When sending an email from the forms, it does not redirect to the thank you page created and opens a new blank window with a message in the header, indicating whether the message has been sent or has generated an error
3.- The required function does not work in the form inputs, it sends forms with empty input, these being marked as mandatory

---

[Support]

This reply has been marked as private.

[lanbrostudio]

It continue without working

---

[Support]

Please send me the URL where you tried that one.

Make sure the API is set in that page.

---

[lanbrostudio]

https://www.okatek.proyectos-lanbro.es/contacto.html

---

[Support]

Hello, in that page I still can’t see the API Key, as this:

https://www.okler.net/previews/porto/10.2.0/contact-us-recaptcha.html

https://www.okler.net/previews/porto/docs/#googlerecaptchav3

---

[lanbrostudio]

Now there it´s not working: https://www.okatek.proyectos-lanbro.es/solicitud-presupuesto.html

---

[Support]

The problem is the same that has in the other form. The checkbox of “política de privacidad”. Remove or modify that checkbox to be the same as in the contact form.

---

[lanbrostudio]

Hi,

We have chage de chechbox of politica de privacidad, now sends the email, but this checkbox its mark as required and this property it´s not working.

Sends email without required input checked

Thanks

---

[Support]

You have that checkbox in the other contact form page, so you can use the same html:

<div class="row">
                                        <div class="form-group col">		
                                            <div class="form-check">			
                                                <input class="form-check-input" name="checkboxes[]" type="checkbox" data-msg-required="Debe aceptar nuestra política de privacidad" id="inlineCheckbox1" value="option1" required>				
                                                <label class="form-check-label" for="invalidCheck2"> He leído y acepto la <a href="politica-de-privacidad.html" target="_blank">política de privacidad</a>
                                                </label>
                                            </div>
                                        </div>
                                    </div>

---

[lanbrostudio]

It doesn’t work with the same html on this page

---

[Support]

Hello, you need to use different names/ids, so:

<div class="row">
	<div class="form-group col">		
		<div class="form-check">			
			<input class="form-check-input" name="checkboxes10[]" type="checkbox" data-msg-required="Debe aceptar nuestra política de privacidad" id="inlineCheckbox10" value="OK" required>				
			<label class="form-check-label" for="inlineCheckbox10"> He leído y acepto la <a href="politica-de-privacidad.html" target="_blank">política de privacidad</a>
			</label>
		</div>
	</div>
</div>

---

[lanbrostudio]

Ok now it works!

Thanks

Do you know of any open source or purchasable CMS from platforms such as Themeforest, that correctly adapts to your HTML template for the management of corporate pages, blog, search engine, multi-language,… ¿?

---

[Author]

Posts