Community Forums 

Main Content

Changing the PayPal Express checkout button?

    Jun 04 2014 14:51:55

    #1

    Nate

    Join date : 2010-05-20      Posts : 28

    I don't see where I can change the "Check out with PayPal" button on the cart page. I don't like the new button and would like to use my own custom button. Is this possible?

    Here's a screen shot of what I'm talking about: http://snag.gy/YR2OZ.jpg



    Jun 04 2014 16:01:54

    #2

    Debbie Q

    Join date : 2008-09-18      Posts : 4995

    Not possible to change it.

    Debbie Q

    Mal's Support: www.mals-e.com/support.php
    GT's Forms and examples: www.malsforms.com
    Helpful java scripts: www.gemasana.com/mals
    Shipping help documents: www.stoner.org.uk/mals

    My Create-A-Book Publishing - mycreateabook.com
    Personalized Books, Music CDs and Gifts for all ages and occasions.

    Please help me out and share my site on your networks.




    Jun 04 2014 16:08:01

    #3

    Nate

    Join date : 2010-05-20      Posts : 28

    That's unfortunate, thanks for the reply Debbie.



    Jun 04 2014 16:09:12

    #4

    Debbie Q

    Join date : 2008-09-18      Posts : 4995

    That is PayPal's doing. They want it consistant and recognizable to people.

    Debbie Q

    Mal's Support: www.mals-e.com/support.php
    GT's Forms and examples: www.malsforms.com
    Helpful java scripts: www.gemasana.com/mals
    Shipping help documents: www.stoner.org.uk/mals

    My Create-A-Book Publishing - mycreateabook.com
    Personalized Books, Music CDs and Gifts for all ages and occasions.

    Please help me out and share my site on your networks.




    Jun 04 2014 16:15:55

    #5

    Nate

    Join date : 2010-05-20      Posts : 28

    I have never seen this check out button on other websites for Express check out, have you seen it before? http://snag.gy/YR2OZ.jpg

    I'm always seeing this button which is what I want https://www.paypalobjects.com/webstatic/en_US/developer/docs/ppp/EC-button.gif

    I'll contact PayPal and see what they say because the new button is ugly lol



    Jun 06 2014 13:04:28

    #6

    Geoff

    Join date : 2008-09-18      Posts : 415

    It is possible to dynamically change the image on page load.

    Looking at the HTML source of your cart page (userid ending 58), the image in question has an id of "paypal". Copy the javascript below into your Cart setup / Header message box.

    <script>function x(){document.getElementById("paypal").src = "https://www.paypalobjects.com/webstatic/en_US/developer/docs/ppp/EC-button.gif";}onload=x;</script>;

    This image has whitespace around it causing some mis-alignment with the surrounding buttons. If you want to correct this then you will have to save a copy of the image and trim off the whitespace to your requirements in your image processing program. Then of course upload this to an appropriate folder on your website and amend the src reference in the javascript accordingly.

    Alternatively, reference the image at https://www.paypalobjects.com/en_GB/GB/i/btn/btn_xpressCheckout.gif which has no whitespace.



    Jun 06 2014 16:21:47

    #7

    Nate

    Join date : 2010-05-20      Posts : 28

    Thanks Geoff! I put that code in my STANDARD PAGE TEMPLATE section and it worked, awesome.