Dawn theme - how to add attach function to contact form.

Solved

Dawn theme - how to add attach function to contact form.

Odysseyscents
Tourist
9 1 5

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 🙂

Accepted Solution (1)
Odysseyscents
Tourist
9 1 5

This is an accepted solution.

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.

View solution in original post

Replies 6 (6)

made4Uo
Shopify Partner
3873 718 1220

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.

 <p class="line-item-property__field"> <label>Upload your image here </label> <input type="file"   name="contact[image]" accept="image/*"> </p>

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
Odysseyscents
Tourist
9 1 5

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.

made4Uo
Shopify Partner
3873 718 1220

@Odysseyscents 

 

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
Sim_ruby
Visitor
2 0 0

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!! 

AvadaCommerce
Shopify Partner
3879 840 1003

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.

banned
Odysseyscents
Tourist
9 1 5

This is an accepted solution.

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.