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

Store Design
1

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

2

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-
Personalize

Regards,

San

3

Button works but how do I change its color?

4

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

5

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!

6

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