DAWN ver. 12.0.0: How To Make A Form Field Required in default Contact Us page?

Shopify Discussion

Topic summary

A user seeks to make the Name and Subject (Comment) fields required on the default Contact Us form in Shopify’s Dawn theme version 12.0.0, as currently only the Email field is mandatory.

Solutions Provided:

  • Add the required attribute to input fields in the theme’s code files
  • Locate contact-form.liquid in theme files
  • Search for <div class="contact__fields">
  • Insert the word “required” under each <input> tag for the desired fields
  • Save changes to make fields mandatory

Resources:

  • A video tutorial demonstrating the step-by-step process was shared
  • Screenshots showing exact code locations were provided

Outcome:
The original poster confirmed the solution worked and achieved the exact result needed.

Open Question:
Another user asks how to display error messages for these fields in the same way as the email field.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

How do I make the Name and Subject (Comment) field required in the Contact Form? Currently only Email field is required.

Thanks in advance

1 Like
2

Hey @Deb0007

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

1 Like
3

Hi @Moeed ,

Thanks for your prompt response. My site URL is https://aparelz.com/ and the password is “chieth”.

Thanks,

Deb0007

4

Hey @Deb0007

You just have to add “required” in your input fields from the code files and then it should be good. If you want I can send a collaborator request and can do that for you. Let me know if you require further assistance!

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

@Deb0007 I made a video where I showed how you can make the Name and Comments field as required in the Dawn theme. Please watch the video tutorial here https://www.youtube.com/watch?v=0LI7iyHABpo

1 Like
6

Hi @Deb0007 , in your theme files go to contact-form.liquid

Abdosamer_0-1704845776548.png
Abdosamer_0-1704845776548.png1246Ă—712 72.9 KB

Then search for

:

Abdosamer_1-1704845873796.png
Abdosamer_1-1704845873796.png775Ă—469 13.3 KB

All you have to do is to put the word required under each <input tag like this :

Abdosamer_2-1704845972589.png
Abdosamer_2-1704845972589.png457Ă—522 12.2 KB

Abdosamer_3-1704846026706.png
Abdosamer_3-1704846026706.png457Ă—522 12.2 KB

then save, now each input field will be required.

1 Like
7

Hi @Moeed ,

Thanks for your help. I’ll get in touch with you.

Thanks,

Deb0007

8

Hello @Abdosamer ,

Thanks for your advise. I hope I can do it.

Thanks,

@Deb0007

9

Hi @KabirDev ,

I found your video very helpful for me. It described each step so clearly. Now I got the exact result I needed.

Friend, a bunch of thanks for you.

Thanks,

Deb0007

10

I have a question, what should be the changes in order to display error the same way as the email fields?