Add a ‘contact us’ button to product page

Hi there,

Some of the products I sell are ‘to order’ only, they’re handmade and I don’t stock them. I’ve managed to remove the add to cart button, and replace it with this information, but now I am looking to add a ‘contact us’ button on the product page.

I’m using the Brooklyn theme.

Thanks in advance for your help.

Ricardo

1 Like

Add this right below the buy now button

<button class="btn btn--add-to-cart btn--secondary-accent">
<span class="btn__text">Contact Us</span></button>

If it’s the same Broklyn Theme I know it will look like this, I’m using the same button class as add to cart to keep the consistency, but you can get creative in terms of how to style your custom button. Hope this helps.

Thank you so much for that. That has worked and put the button in place, but links to the cart, how do I change this to link directly to the contact page?

Many thanks once again.

Rick

<button class="btn btn--add-to-cart btn--secondary-accent">
<a href="YOUR CONTACT PAGE LINK HERE" class="btn__text">Contact Us</a></button>

Let me know if this works, not sure exactly which version of Brooklyn are you using so I’m a bit blind :smiley:

3 Likes

Mate that’s perfect, thank you so much for your help.

Rick

1 Like

cheers!

Hi! Thanks for you message and advice, but where exactly this link needs to be inserted? I have brooklyn theme.

1 Like

Can you precise please where exactly this link needs to be inserted on the brooklyn theme?

Thank youuu!

Hello. I’m not a Brooklyn template. I’m a debut template. I have the same problem. Can you help me?

What part of the code did you add it to?

Hey it works on Dawn too. But how can I style this button ? like text color- backround color and button size.

Thank you

custom liquid - adding code