Showing results for 
Search instead for 
Did you mean: 

How do I use a custom button image

I have the code for the payment button that I created but I would like to use my own button image.  HOw do I edit the code so that I can show my own button image on my website?


Thank you


If you are talking about Simple Checkout item? just change the image src to your image on your website.


Yes.  Thank you.  Can you tell me which is the image source?  I am sorry if this is a dumb question, I searched for answers to this before posting the question.


Here is the code it gave me. 


<form name="PrePage" method = "post" action = ""> <input type = "hidden" name = "LinkId" value ="aad-76-ee-32-381" /> <input type = "submit" value = "Pay for Appraisal" /> </form>

<form name="PrePage" method = "post" action = ""> <input type = "hidden" name = "LinkId" value ="aad-76-ee-32-381" /> <input type = "image" src="" /> </form>



I created this button that has a rollover state so it's not something I can just link to an image file the way they have it.  Do they code for a custom button, rather than a form?  We are using CSS rollover attributes for our button and not a static image.


This is for simple checkout



My rollover code:

<a id="gallery-blocks1" href=""></a>

Authorize button code:

<form name="PrePage" method = "post" action = ""> <input type = "hidden" name = "LinkId" value ="aaad-76-3ee-32-8c8c61" /> <input type = "image" src="" /> </form>



It need the form post to work.


See if something like this will work for you.

<form class="rolloverStyle" style="width:160px;height:300px;background:url(mouseOver.jpg) no-repeat;" name="PrePage" id="PrePage" method="post" action="">
<input type="hidden" name="LinkId" value="aaad-76-3ee-32-8c8c61" />
<a onclick="document.getElementById('PrePage').submit();"><input type="image" src="MouseOut.jpg" /></a>



* html a:hover
.rolloverStyle a:hover input




I have followed this discussion, and tried to substitute my own image for's, the image I want is hosted on my site, but it does not load the image. What else might be happening? The image path is correct. I have "000" instead of the LinkId value. Thanks for any suggestions!


Here is my form code:

<form name="PrePage" method = "post" action = ""> <input type = "hidden" name = "LinkId" value ="000000000" /> <input type = "image" src="" /> </form>


Here is the webpage:

It's in the upper right corner, in the blue CONTRIBUTE box. The button says "DONATE NOW" in blue on a white background. 



Nevermind, I fixed it! For some reason, it wasn't refreshing when I uploaded a corrected page. Who knows!