How can I fix the HTTP 400 error on my custom forms page?

Store Design
1

I’m trying to create a custom forms page for our customers to contact us, however when submitting the form it give a ‘HTTP 400 error’ - I would love some help to fix this. See the code below, hopefully tht give answers to the problem,

Thanks

{{ page.title }}

{% if page.content.size > 0 %}

{{ page.content }}
{% endif %}
{%- assign formId = 'ContactForm' -%} {% form 'contact', id: formId %} {% include 'form-status', form: form, form_id: formId %}
{{ 'contact.form.name' | t }}
Age
Gender
Country
Town
{{ 'contact.form.email' | t }} * {%- if form.errors contains 'email' -%} {{ 'general.accessibility.error' | t }} {% include 'icon-error' %} {{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }}. {%- endif -%}

{{ ‘contact.form.phone’ | t }}

Skit worthy concept?

{% if form.body %}{{ form.body }}{% endif %}

Tell us the premise of your best story?

{% if form.body %}{{ form.body }}{% endif %}

What’s your nichè expertise?

{% if form.body %}{{ form.body }}{% endif %}

What’s your best innovation?

{% if form.body %}{{ form.body }}{% endif %}

Ulitmate goal…

{% if form.body %}{{ form.body }}{% endif %}

{% endform %}

2

Hi @swagonthebeat ,

I checked and the names of some inputs are not correct:

Screenshot.png
Screenshot.png1282×826 63.8 KB

Please change all code:


  

    

      

        # {{ page.title }}
      

      {% if page.content.size > 0 %}
      
        {{ page.content }}
      

      {% endif %}

      
        {%- assign formId = 'ContactForm' -%}
        {% form 'contact', id: formId %}
        {% include 'form-status', form: form, form_id: formId %}

        

          

            
            
          

          
            
            
          

          
            
            
          

          
            
            
          

          
            
            
          

          
            
            
            {%- if form.errors contains 'email' -%}
            
              {{ 'general.accessibility.error' | t }} 
              {% include 'icon-error' %}
              {{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }}.
            
            {%- endif -%}
          

        

        
        

        
        

        
        

        
        

        
        

        
        

        

        {% endform %}

Hope it helps!