Why does my contact form lead to an error page?

Shopify Discussion
1

My contact form leads to an error page

2

Hello Augustindoublet,

Which contact form are you using?could you please share the landing page?

Thanks

3
4

I have this in place for certain products with no price like : https://thecurators.com/products/embrace-1

You would be a lifesaver if you could identify what was wrong

here is the code we are using:

{% if product.price == 0 %}

Inquire

{% form ‘contact’ %}

{% if form.posted_successfully? %}

Thanks for contacting us! We'll get back to you as soon as possible.

{% endif %}

{% if form.errors %}

    {% for field in form.errors %} {% if field == 'body' %}
  • Your message cannot be blank.
    • {% endif %} {% if field == 'email' %}
  • Please enter a valid email address.
    • {% endif %} {% if field == 'phone' %}
  • Please enter a valid phone number.
    • {% endif %}

    {% endfor %}

{% endif %}
×

Send an inquiry

  • Name
  • Email
  • Phone
  • Make An Offer
  • Message
  • {{ product.featured_image.alt | escape }}
    Product
{% endform %}
Close
{% endif %} `
5

There are some problems with your code:

  1. Loading entire bootstrap CSS and JS for just one modal is a bit excessive, but I am more worried about bootstrap CSS potential conflicts with whatever rules you may already have in your theme;

  2. Loading a new copy of jQuery is not necessary – there is already one loaded in head;

  3. And the actual problem which prevents your contact from from working is that you have it nested inside product form.
    Nesting forms is not allowed.

The browser silently removes the tag for contact form and when your visitors click “Send inquiry” they are in fact submitting the product form.

1 Like