Help with netlify forms custom page

Support
1

Hi, I want to use a custom thank you page for my netlify form but it doesn’t work. I tried a lot of things and still don’t understand the problem. I’m not a programmer so probably there are some errors that i’m not seeing.

What I realized is that the default thank you page URL is right and if you click on it and press enter it takes you to the right page but it shouldn’t load the default page it should load the custom one.

This is the site name https://test-energy-force.netlify.app

How it should look: The Energy Force | Thanks

The form:

<form name="Contacto" action="/thank-you/spanish.html" method="POST" data-netlify="true">
                    <input type="hidden" name="subject" value="Pedido de contacto de la página web" />
                    <p class="name-box">
                        <label><img src="static/imgs/svgs/name.svg"> <input type="text" name="name" placeholder="Nombre"/></label>
                    </p>
                    <p class="mail-box">
                        <label><img src="static/imgs/svgs/mail.svg"> <input type="email" name="email" placeholder="Email"/></label>
                    </p>
                    <p class="phone-box">
                        <label><img src="static/imgs/svgs/phone.svg"> <input type="tel" name="phone" placeholder="Teléfono"/></label>
                    </p>
                    <p class="message-box">
                        <label><img src="static/imgs/svgs/subject.svg"> <textarea name="message" placeholder="Mensaje"></textarea></label>
                    </p>
                    <div data-netlify-recaptcha="true" id="captcha"></div>
                    <p class="button-box">
                        <button type="submit">Enviar</button>
                    </p>
                </form>

Captura de pantalla (3691)

There you can see the path of the custom thank you page in question.

Thank you in advance for your help.

Edited: I removed onSubmit="submit" from the “form” line

2

Have you tried removing the submit event?

3

Yes, i did. But it didn’t change anything.

Captura de pantalla (3692)
Captura de pantalla (3692)1484×1002 12.8 KB

I put it at the end because I saw it helped someone to fix their issue

4

Hiya, sorry you are having trouble getting your forms to work.

This Support Guide is the first port of call to debug any forms issues. Please start here and work through these resources!

We also recommend trying to search the forums or look at topics tagged Netlify forms if you haven’t already - it’s likely your question was already asked by someone else!

Debugging your specific code is unfortunately outside the scope of support.

5

Hi! I found the problem and it was something that I didn’t knew. In the website I have 4 forms in different html pages. The problem was that I had the same form name in all of them. 2 were contact forms in spanish and the other 2 in english but because all of them fulfilled the same function I used the same form name to all. I didn’t saw anywhere that you couldn’t reuse the name. I saw that you can change it if the forms are for different stuff. But well. It’s fixed! Thanks for your help!

6

Good to hear you got it sorted @Zoomix.

It does say in the Form documentation

If you have more than one form on a site, each form should have a different name attribute.

7

Glad to know you found your solution! (: