How to use shopify's form button submission info for custom contact form?

xnyjyh
Explorer
202 0 9

Hello, I have built a custom contact form. How can I implement Shopify's default contact form submission into my custom contact form button?

This is the custom contact form submit:

<input type="submit" class="button" value="Send message">

 

I have tried replacing <input type="submit" class="button" value="Send message"> with Shopifys code into the button and did not work

<button type="submit" class="button">
{{ 'templates.contact.form.send' | t }}
</button>

 

Any suggestions?

 

Thanks!

Replies 5 (5)

iffikhan30
Shopify Partner
246 35 44

Hello @xnyjyh ,

 

But why are you replacing? can you exaplain please.

Custom theme and app [remix] expert.
Buy me a Coffee
Email: irfan.sarwar.khan30@gmail.com
Chat on WhatsApp
xnyjyh
Explorer
202 0 9

Because I have a custom link modal popup on the product page and can't use a section within a section. Plus new one is nice and more options for user.

iffikhan30
Shopify Partner
246 35 44

Hello,

 

why you not use this app this is shopify free app https://apps.shopify.com/shopify-forms

Custom theme and app [remix] expert.
Buy me a Coffee
Email: irfan.sarwar.khan30@gmail.com
Chat on WhatsApp
xnyjyh
Explorer
202 0 9

It's not what I want. I've already worked on mine and need it customized the way I have it now. Just need to implement shopifys send code. 

iffikhan30
Shopify Partner
246 35 44

You want create your own, If you want to save data to shopfiy you must create shopify custom app using shopify mutation, or if you want to send the your form field third party so using javascript form submit.

Custom theme and app [remix] expert.
Buy me a Coffee
Email: irfan.sarwar.khan30@gmail.com
Chat on WhatsApp