Add Contact Button to product page (DAWN)

[CausticSoda]

Hey, 

Hoping someone can help...

I am looking to add a button just above the product description that says 'Contact' which then links to the contact page... 

And help would be much appreciated. 

URL: www.causticsodapearl.co.uk 

[made4Uo]

HI @CausticSoda 

Please follow the instructions below to achieve this. 

1. From you Admin page, go to Online store > Themes > Customize
2. Go to the Default product

3. In your Product Information, click add a block

4. Add custom liquid

5. Inside the textfield, place the code below

<a href="https://www.causticsodapearl.co.uk/pages/contact" class="button button--primary" style="width: 100%">CONTACT</a>

See image as reference

[WorldWideWeil]

Hi,

That worked for me! Thank you. 
Is there a way to know which item someone is contacting us from using this button?
I believe I did the first step which was to add the product title to the contact form URL. For that, I added ?product={{product.title}}" after /pages/contact. 

Here is my full custom liquid code <a href="/pages/contact?product={{product.title}}" class="button button--primary" style="width: 100%">Contact Us </a> 

It looks great on our product pages, and everything works well. But now I have to figure out a way of identifying the product customers are contacting us from.

Thanks in advance for your help!

[ajy1w]

Hi WorldWideWeil, 

I am trying to do exactly what you are doing or did.  I need a contact button (or enquire button) for each product which I was able add but I have not figured out how to get the code correct to open a contact page.  So far the first code I put in worked by adding the contact button to all the product pages but it does not open to a contact page when you click on it.  

Any help would be greatly appreciated. 

Thank you ajy1w

[ajy1w]

Thanks WorldWideWeil, 

This worked for me, is there a way to pass the parameters / of the item to the contact page that someone will submit when inquiring about a individual product.   

Thank you

[Andrea_b2]

I am looking for this solution, as well. Were you able to find something that works? I found this tutorial for a different theme, but I can't figure out how to make it work for Dawn. https://www.youtube.com/watch?v=4v17u3RjucA

[ajy1w]

Hi Made4Uo, 

I did this and it worked but it is linked to  @CausticSoda,

The contact button are on all my product pages but the contact page shows CausticSoda email address and phone number and links to them.  

How can I correct this.  I tried putting my URL in the code replacing CausticSoda but when you click the contact button it says my url rejects connection.  As of right now I have another website that my URL / web address is being forwarded to until I get my Shopify site built.  

Any help would be greatly appreciated on fixing this to work correctly.  Also It would be great if I could have my email and phone contact on the contact page > how do I do that.  

Thanks ajy1w