Add "Purchase on Etsy" button directly next to "add to cart" button

Site URL: https://www.valeriesimonelli.com/available-works/11

How do I add a "Purchase on Etsy" button (that links to my Etsy page) directly next to the "add to cart" button on all of my individual product pages? I would like the buttons to be identical.

Hi. All will have same etsy link or each product will have different links?

18 hours ago, Valerie1234 said:

How do I add a "Purchase on Etsy" button (that links to my Etsy page) directly next to the "add to cart" button on all of my individual product pages?

If you are happy with a button above the 'Add to Cart' button, you can do this by simply adding some text to the product description that links to your Etsy store - either to the store or to the individual product.

Once you've added the link to your product, you can add some Custom CSS to make it look and behave like a button. Here's an example where I've added the text ' Buy on Etsy' and linked it to the product on the Etsy store. You'll see that when the CSS is added, the link becomes a button:

If you'd prefer to have the button elsewhere, you'll need some custom JavaScript.

On 4/14/2021 at 8:05 AM, paul2009 said:

If you are happy with a button above the 'Add to Cart' button, you can do this by simply adding some text to the product description that links to your Etsy store - either to the store or to the individual product.

Once you've added the link to your product, you can add some Custom CSS to make it look and behave like a button. Here's an example where I've added the text ' Buy on Etsy' and linked it to the product on the Etsy store. You'll see that when the CSS is added, the link becomes a button:

 

 

If you'd prefer to have the button elsewhere, you'll need some custom JavaScript.

Paul, that's great and will work just fine. I appreciate your help. First I will update the products with the link and then I'll come back to learn how to make it a button!