1 / 7
Feb 2010

How do you get an Add to Cart button that has a strike-through original price with a sale price?



Is there a way to customize the colors of the backgrounds and text in the button as well as the size of the button?

  • created

    Feb '10
  • last reply

    Feb '10
  • 6

    replies

  • 1.7k

    views

  • 2

    users

  • 7

    links

I did a test purchase and after clicking the Add to Cart button, I was shown at the bottom of the order page a Paypal button that you have to click on before going to a page where the option is given to use Paypal or another credit card. When people see the paypal button, do you think they will think they have to be a Paypal member to purchase the product. I know that internet savvy people who frequently order stuff will know they don't have to be a Paypal member, but what about others? What's your experience with this?



Thanks

The top of this page explains how to replace our standard cart button images with a custom image of your own (e.g., maybe something like a "Belcher Button"):

5http://www.e-junkie.com/ej/help.custom.purchase-buttons.htm5



We can't really decide for you whether it's necessary for your particular business, but if you want to show a "Pay with Credit Card" button in the cart before checkout, you will need to either add Authorize.Net or upgrade to PayPal Website Payments Pro:

http://www.e-junkie.com/ej/authorize.net-shopping-cart.htm

http://www.e-junkie.com/ej/paypal-partner.htm

I created a custom button from the above site and here is the code it generated:



<div id='altcontent1'><center><a href='http://www.troynotes.com/'><img src='Belcher-Button.jpg' alt='9' width='400' height='209' border='0' /></a></center></div>

<script type='text/javascript'>

var flashvars = {priceText: 'Regular%20Price%20%2449%20Today%20%2429', paypal: 'no_frame', soundPath: 'null', ubbID: '1', url: 'http%3A//www.troynotes.com/', urlTarget: 'self', strikeBegin: '14', strikeEnd: '17', message: 'Loading%20the%20secure%20page%0DPlease%20wait...', dashLength: '15', spaceLength: '15', thickness: '5', trimScale: '1', frameColor: '13369344' }; var params = {}; params.allowscriptaccess = 'always'; params.menu = false; var attributes = { }; swfobject.embedSWF('troynotesultimate_belcher_button1.swf', 'altcontent1', '400', '209', '9.0.0', '', flashvars, params, attributes); </script>



I highlighted the following and tried to insert it at the appropriate place in the html code to replace the e-junkie url and there was a box that showed up with nothing in it that when I clicked on the box sent me to checkout:



img src='Belcher-Button.jpg' alt='9' width='400' height='209' border='0' /></a></center></div>

<script type='text/javascript'>

var flashvars = {priceText: 'Regular%20Price%20%2449%20Today%20%2429', paypal: 'no_frame', soundPath: 'null', ubbID: '1', url: 'http%3A//www.troynotes.com/', urlTarget: 'self', strikeBegin: '14', strikeEnd: '17', message: 'Loading%20the%20secure%20page%0DPlease%20wait...', dashLength: '15', spaceLength: '15', thickness: '5', trimScale: '1', frameColor: '13369344' }; var params = {}; params.allowscriptaccess = 'always'; params.menu = false; var attributes = { }; swfobject.embedSWF('troynotesultimate_belcher_button1.swf', 'altcontent1', '400', '209', '9.0.0', '', flashvars, params, attributes); </script>



Did I paste the right thing?



Thanks

I'm not sure that button generator would work well with our button code. Normally your custom button would be just a static image file having a simple, fixed URL like this:



http://www.yoursite.com/path/to/your/button.jpg



So then you'd take the standard Add to Cart button code we issue and replace our img src= URL with your button's URL, like so:



<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&i=XXXXXX&cl=106318&ejc=2" target="ejejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);"><img src="http://www.yoursite.com/path/to/your/button.jpg" border="0" alt="Add to Cart"/></a>