December 20, 2015

How to customize "Check Out" Button for affiliate ahref= links This post is outdated

Hey Shopify! 


Would love the right directions, and whatever code necessary that would go into Liquid so I can create a custom "Check Out" button that reads "Buy From "xyz retailer". As well, I'd like to get an idea of where I copy & paste the affiliate product links so the customized check out button redirects the customer to that specific links page.

I am have permission to use affiliate links from Commission Junction and Rakuten (LinkShare). Just want to expand my product offering for my customers so they get a little more variety to go with my brands t-shirt selections.

I haven't had my coffee yet today, so if I've been unclear in anyway please feel free to directly email at support@dirtytoms.com or... ofcourse, communicate through this forum. Thanks!



DirtyToms Apparel




Philip C. Coron
Last edited December 22, 2015

Hey there!

Genevieve from Shopify here :) 

You can edit the text on the Checkout or Add to Cart button by navigating to your Language editor (admin > Online Store > Themes > [...] > Edit language) and seaching for "Checkout" or "Add to Cart" in the Filter Translations bar. 

The checkout button itself generates a new checkout link any time it's clicked, so you won't be able to replace it with your affiliate link directly. 

What you can do instead is add a new button to your product.liquid template, and add your affiliate link to that. You can use code like the following to implement this: 

<form method="link" action="http://www.google.com">;
<input type="submit" value="Clickable Button">

As you can see from this screenshot, the button is automatically formatted like the Add to Cart and Checkout buttons: 

Further, if you'd like to hide the 'Add to Cart' button, you can do so by following this guide: 

Hope that helps! 

Genevieve S.