How do I fix a glitch in the email field on my Contact page?

Store Design
1

Hi,

I have a glitch in the email field on my contact page that prevents the form from being completed. When the cursor is placed in the email field, the screen redirects to the reCAPTCHA verification. Disabling reCAPTCHA doesn’t help - the screen then displays this:

shelleyd_0-1642545896813.png
shelleyd_0-1642545896813.png1437×415 31.3 KB

Please help, as this is preventing for going live right now. My store is https://onyx-and-elm.myshopify.com/admin , password aulick

2 Likes
2

@shelleyd

can you try this?

From your Shopify admin, go to Online Store> Preferences.
Under Checkout Protection, uncheck Enable Google reCaptcha.
Click Save.
3

Thanks, yes I’ve tried that. The reCAPTCHA isn’t the problem. It’s the email field itself. Turning off the reCAPTCHA just leads to the error message ‘Email is invalid’ when data is entered in the email field.

1 Like
4

@shelleyd

can you please share contact form code so i will update

5

Thank you! Where would I find it? I’ve had a look through the files but couldn’t see one for the Contact page.

1 Like
6

I think I found it…is page.contact.liquid ?

7

@shelleyd

you have go to edit code >>> template >>> contact

or

you have go to edit code >>> section >>> contact

8

There’s no Contact file in the ‘Section’ file, but there is one in the ‘Theme’ file. Is this it?

{{ 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 }}
{{ '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 }}

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

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

{% endform %}

9

@shelleyd

yes please update


# {{ 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 %}
10

Do I replace the whole thing with this?

11

yes please

12

Thanks. I replaced it but the glitch is still there unfortuantely.

13

oh can you share video further issue?

14

@shelleyd , @KetanKumar

I copied the entire code in my test theme, the code works perfectly, so it’s not a problem with the code, somewhere else it’s a problem.

1 Like
15

@shelleyd , @KetanKumar

Maybe this is a problem, when the recaptcha button is turned off in the settings, it does not delete it from the code, this is stated in form tag


maybe that's a problem?
16

@megasatria

Hello, can you please open a new topic and share your problem with everyone and explain exactly what the problem is.

17

It could be. Where do I paste this code to test it?

18

Oh ok.. I will do later. thank you..

19

just clicking on text with hyperlink once every text. thank you verymuch…

20

@yocave

It could be. Where do I paste this code to test it?