How to create a button in custom liquid block in product page?

MattLo
Excursionist
22 0 3

I would like to create a button name 'personalize' in product page, and the button will direct to the webpage for  product customization. I have created a product metafield with URL value, and I hope that the 'personalize' button can link to the product.metafield, so that each product can link to its respective customization page after the button is clicked. thanks 

Replies 5 (5)

SAN_MSWEB
Shopify Expert
954 114 121

Hi @MattLo 


I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

This is the HTML format link, you can paste the code in custom Liquid Block-
<a class="btn" href="paste your URL">Personalize</a>


 

 

Regards,

San

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

leu_san
New Member
4 0 0

Button works but how do I change its color? 

leu_san
New Member
4 0 0

To be more specific, is there a way to assign a specific color to that button without affecting the rest of the webpage colors.

Daniellalk
Shopify Partner
1 0 0

Did you ever figure this out? I want to know how to change the colour to make it look more like a proper button too!

AnnaH1
Shopify Partner
3 0 1

This is great. Is there any way I can place the button centered instead of left...?