All Blogs

How To Use E-junkie: Button Customization

One of the nice things about E-junkie is that since we provide our button codes in basic HTML code you are able to customize it to better fit you site. This is one reason why we say that knowing a little code is a good thing.

A few weeks back we explained how to customize the cart itself, but you can also customize the buttons that appear on your site.

Here is an example of our standard Add to Cart button code:

<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=XXXXX&i=XXXXX" target="ej_ejc" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this);"><img src="https://www.e-junkie.com/ej/ej_add_to_cart.gif" border="0" alt="Add to Cart"></a>

This is the the image URL portion of the code, and the part that will be changed to change what the button looks like:

https://www.e-junkie.com/ej/ej_add_to_cart.gif

So, for example say you want to use this image, which I created and is on our SSLPic site:

You would change the button code so it looks like this instead:

<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=XXXXX&i=XXXXX" target="ej_ejc" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this);"><img src="https://static.e-junkie.com/sslpic/173095.138f5b5e6ad1de215e26130db1c8ea70.gif" border="0" alt="Add to Cart"></a>

Beyond changing the appearance of the button, you can also change the behavior of the button and have the button add additional information to the purchase. Say for example you want to add a custom variable for the order (If you want to have product specific variables, you should really look into using our Variables and Variants features). You can add a little extra code, just “&custom=X” to the end of the purchase URL. Say for example you sell from multiple sites, lets call them A, B & C, and you want to track which site does better you can setup the purchase URL of the buttons like so:

https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=XXXXX&i=XXXXX&custom=Site_A
https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=XXXXX&i=XXXXX&custom=Site_B
https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=XXXXX&i=XXXXX&custom=Site_C

The information added in with the custom variable will be included in the log and the order details. It is limited to 255 characters and we suggest sticking to letters, numbers, dashes, dots and underscores. This can also be used in connection to some coding on your website so if people select other options on your site you can setup the code to add a different variable, but that extra coding would need to be setup by you or your web-developer.

There are more advanced customizations that you can do as well, if you feel comfortable with the coding required.

Below is a list of codes for Add to Cart and View Cart buttons in I created in different languages. Please keep in mind that these are not official E-junkie button images, and as I am not a linguist I may have made mistakes (sorry). The Add to Cart codes are on the first line, the View Cart on the second line.

English: https://static.e-junkie.com/sslpic/173095.138f5b5e6ad1de215e26130db1c8ea70.gif
              https://static.e-junkie.com/sslpic/173096.09a18443d3fc2f4fd13a2846167e5cea.gif

Castilian Spanish: https://static.e-junkie.com/sslpic/173097.500b7a571b99cb311782c4532fd6de02.gif
                               https://static.e-junkie.com/sslpic/173098.c804e979116a3b74258bcd2833642319.gif

Mexican Spanish: https://static.e-junkie.com/sslpic/173099.4df296eda3e94e74dee5901837851c74.gif
                              https://static.e-junkie.com/sslpic/173100.febe1d73d67182348893e9c693667d16.gif

Portuguese: https://static.e-junkie.com/sslpic/173101.19eda0038b085dd2674aac2ed22c5dac.gif
                     https://static.e-junkie.com/sslpic/173102.775b8202e76b51eb34fc88a01700eca3.gif

French: https://static.e-junkie.com/sslpic/173103.ce94cc9febe55ca00dda219261888114.gif
             https://static.e-junkie.com/sslpic/173104.3d9f4f5d40bfe568cec726bced4bb4eb.gif

German: https://static.e-junkie.com/sslpic/173105.d388c44a5518d888bb98c8ec0c27b426.gif
               https://static.e-junkie.com/sslpic/173106.dd3979b997004f9e2d26b6e28c9000aa.gif

Italian: https://static.e-junkie.com/sslpic/173107.2ec4907c20e36dc26aa14890e8a20a3a.gif
             https://static.e-junkie.com/sslpic/173108.5d8c495c5670fb15563141a334ad51a7.gif

Chinese: https://static.e-junkie.com/sslpic/173110.b95f0d051a64212ff7e6818d16213da3.gif
               https://static.e-junkie.com/sslpic/173110.b95f0d051a64212ff7e6818d16213da3.gif


Do you have a question about using E-junkie? If so you can contact our support staff at any time by clicking here.