How can I modify the contact form fields in Dawn theme?

[designbymeg]

Hi all,

My client wants to change the fields in the contact form using the Dawn theme.

Wondering how to change the "comment" placeholder text to "Enquiry Subject" and then adding an additional box for "message". 

Also, how to change "send" to "submit" on the button. 

Thanks in advance!

[GemPages]

HI @designbymeg ,

I would like to suggest a solution here:

1. Go to Online Store in Shopify admin

2. Click Action > Select Edit code

3. Search en.default.json and try to find the contact section like the screenshot below

4. You can update the content on this section then click Save.

And we'll have this:

Please try it and let us know how it goes.

[designbymeg]

Hi @GemPages 

Thanks so much for your help. The "message" and "submit" has changed. 

I just need an extra line before the "message" box with "Enquiry Subject". I have tried to add it in but it doesn't show. See attached.

Thanks!

[GemPages · Accepted solution]

Hi @designbymeg ,

The Shopify contact form fields are fixed and if we want to add the new fields, we need to edit some custom code into the contact-form.liquid.

Please try to put the code below after the "Tel" field like the the screenshoot I sent above:

<div class="field">
        <input type="subject" id="ContactForm-subject" class="field__input" autocomplete="subject" name="contact[{{ 'templates.contact.form.subject' | t }}]" placeholder="{{ 'templates.contact.form.subject' | t }}">
        <label class="field__label" for="subjecten">{{ 'templates.contact.form.subject' | t }}</label>
      </div>

And here is the result I have on my end:

Please let me know how it goes on your end 🙂

[designbymeg]

Amazing!!

Thank you SO much - it worked! 😀

[GemPages]

Sounds great! Happy Selling @designbymeg 

[labayside]

Hey, thank for this super helpful guide!

Would it be possible to provide coding to add an option for customers to upload an image please?

Thanks so much

[Jahid-KlinKode]

Hey @designbymeg, need to customize your Shopify contact form? Look no further! This YouTube tutorial covers everything – from text fields to dropdowns, radio buttons, and checkboxes: