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

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)

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>





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

Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

New Member
4 0 0

Button works but how do I change its color? 

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.

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!

Shopify Partner
3 0 1

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