How can I add a 'Contact Us to Order' button to specific product pages?

Store Design
1

I would like to know how I can add a button on my Product Pages similar to the “Buy it Now” button but, instead of the button going to the checkout page, I want the button to say “Contact Us to Order” and for it to go to the Contact Us Page. I would like to add this only in certain products, not necessarily all of them.

2

Hi @txdtech ,

  1. From your Admin Page, click Online Store > Themes >Customize

  2. Change Home page to Products then Default Product

  3. In the Product Information, click add block

  4. Click Custom Liquid. Place the code below inside the textbox.

[Contact us](https://texasdtech.myshopify.com/pages/contact-us)
3

Thanl you @made4Uo ! Do you know how I can shorten the length of the button and remove the buy it now button?

4

Hi @txdtech ,

Please uncheck the dynamic button checkbox here. Can you share

made4Uo_0-1660170470540.png
made4Uo_0-1660170470540.png1952×822 125 KB

To make the button not full width, just remove the class. Replace the code with the code below

Contact us
5

Excellent

6

Hi there!
And from this CONTACT button, is there a way of knowing which product/page someone is contacting us from?
I watched the following video 200 times. https://www.youtube.com/watch?v=4v17u3RjucA

I am on Dawn. I have a contact-form.liquid in sections and a page.contact.json in tamplates.

Thanks!

7

Made4Uo, I found your great answer for creating a Custom Liquid button on the product page. Is there a way to add a metafield in the URL for the button? For example, I want to do something like this, in order to link to our partner’s shop:

ORDER NOW

In this example, we want to replace “XXX123” with a specific metafield such as the product SKU or a custom metafield.

Thanks!