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.
Topic summary
Users are seeking to add a “Contact” button above product descriptions on Shopify’s Dawn theme that links to their contact page.
Initial Solution Provided:
- Navigate to Online Store > Themes > Customize > Default Product
- Add a Custom Liquid block within Product Information
- Insert markup code linking to the contact page URL
Key Challenge - Tracking Product Inquiries:
Multiple users successfully added the button but want to identify which product customers are inquiring about. One user attempted adding ?product={{product.title}} to the contact form URL to pass product information as a parameter, but implementation details for capturing this data remain unclear.
Technical Issues Reported:
- One user’s button incorrectly displays another user’s contact information (CausticSoda’s details) instead of their own
- URL connection errors when using forwarded/redirected web addresses
- Contact page not opening properly when button is clicked
Current Status:
The basic button implementation works, but the discussion remains open regarding how to properly pass product parameters to the contact form and resolve configuration errors. Users reference a YouTube tutorial for a different theme but haven’t determined how to adapt it for Dawn.
1 Like
HI @CausticSoda
Please follow the instructions below to achieve this.
-
From you Admin page, go to Online store > Themes > Customize
-
Go to the Default product
-
In your Product Information, click add a block
-
Add custom liquid
-
Inside the textfield, place the code below
[CONTACT](https://www.causticsodapearl.co.uk/pages/contact)
See image as reference
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 Contact Us
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!
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
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
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
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