Find answers/Create Offers - Sell Tab/Configuring Your Store

Custom Buy Button Images

Topspin Artist Support
posted this on February 10, 2012 12:33 pm

When you create an offer in Topspin, an embed code is generated for a standard, black and white "buy button". Here's an example of a default Topspin button: 

Screen Shot 2012-02-10 at 12.11.53 PM.png

Obviously, this button might not fit perfectly into your website's aesthetic theme right out of the box. Luckily, you can easily create a custom buy button that fits perfectly within your site's theme. With a couple of very minor modifications, you can transform our default purchase button into any image you'd like! Here's how: 

1. Copy & paste your offer embed code on your site or somewhere it can be edited. 

Topspin_Media__-__Widget-1.jpg


2. Delete class="ts_buttonlink" from the embed code. This should leave a standard "anchor" tag (link): <a href="buybuttoncustom.jpg

 

3. Replace your button text with an image URL of your choice: 

TEXT.jpg

I've chosen to insert a generic "button" image I found in the Google:

buybuttoncustom-4.jpg

Save and view - here's the result of the modification (click):

 

This same modification can be easily applied to Redemption Code buttons, as well!