Dawn theme - how to add attach function to contact form

Technical Q&A
1

Good afternoon everyone!

I am using the Dawn theme and I want customers to be able to attach a photo/s when they use the contact form.

How can I add this feature?

Thanks.

P.S.: I am no developer so I would appreciate detailed explanations :slightly_smiling_face:

2

Hi @Odysseyscents ,

I added a tutorial on how to add a textbox in the product page(see video). This should be the same logic but instead of main-product.liquid, we use the contact-form.liquid.

  1. Go to Admin page > Online store > Themes > Actions > Edit code
  2. Open the contact-form.liquid under the Section folder.
  3. Add the code below in where you want it to be.
1 Like
3

Hi @Odysseyscents ,

As you mentioned you’re no developer, you may consider using a 3rd-party app in this case to save time and effort.

I recommend this Form Builder ‑ Contact Form app which gives you the ability to customize your contact form in minutes without any technical knowledge required. The tool allows uploading attachment files (jpg, jpeg, png, css, pdf, gif, sag, psd, ai, stl, stp, step, doc, docx, txt, eps, and more…) within the form, which is what you’re looking for.

I hope this can help you achieve your business goals.

1 Like
4

Thanks for taking the time to respond and sharing your tutorial with me, Made4Uo. I got a little scared of ruining something while trying to code so decided to go with the third-party app option.

5

Thanks, AvadaCommerce.

I followed your advice and used the Form Builder. It was very easy. I did have to get in touch with them as I was having trouble enabling the app embed but it took them a couple of minutes to do it for me.

2 Likes
6

@Odysseyscents

That is true, you could end up ruining the code. I totally understand

1 Like
7

Hi Made4Uo

This tutorial is so great. Do you know how to add a file attachment option on the product page? Rather than a custom field?

Thankyou!!