How to hide the new PayPal buttons?

Max Classic
,
1

Does anyone have access to code to HIDE the Pay with PayPal option in order forms?
We had this code below:

But since IS updated the PayPal integration, it no longer works. We have some products that we DO NOT want our clients to pay with PayPal and other products that we do. So just “turning off” PayPal as an option is NOT a viable solution.
Please help!!!

1 Like
2

This seems to work, but I haven’t thoroughly tested it.

<style type="text/css">
	.paymentIcon,
	.paypal-button-container,
	.checkoutPaypalSmartPaymentButtons,
	#payPalType,
	#payPalType~label,
	#checkoutWithPayPalLink,
	#checkoutWithPayPalLink {
		display: none;
	}
</style>
<script type="text/javascript">
	jQuery(function(){
		jQuery('#checkoutWithCreditCardLink').trigger('click');
	});
</script>

Let me know if you experience any issues =]

1 Like
3

Hi Michael,

Unfortunately, it did not work:

2020-02-26_1419.png
2020-02-26_1419.png1041×368 29.7 KB

The PayPal options still show up below the “pay with Credit Card” option. And on the second page (once you click on Pay with Credit Card) the PayPal option still shows up:

2020-02-26_1421.png
2020-02-26_1421.png1068×281 14.6 KB

4

Thanks @Lucho_Crisalle, I’ve updated the answer.

5

Thanks, I was not able to find your reply… did you post a new code?

6

We continued the conversation a bit in DMs, got some specific cases taken care of, and I’ve updated the code again to reflect those changes.

7

Hi Michael,

I am having the same issue. Basically, we want to allow PayPal as a form of payment, but we DO NOT want to offer PayPal CREDIT nor PayPal’s debit & credit card option. I was just on chat with Infusionsoft but no matter where I add your code, nothing changes.

And in Infusionsoft payment options I can check the PayPal overall, but if I uncheck use smart buttons, it removes ALL of the PayPal options. There used to be an option during payment entry (even shown in above example). But I do not see that no matter what I do.

I am willing to use the shopping cart or an order form for this one product we are starting to sell tomorrow. Whichever will work ASAP. After that, however, I would love to fix this across my entire product line. We went out of our way to secure our own gateway for a reason. We do not want PayPal to try and take away business from our own gateway. We just don’t.

Let me know if I am missing something and if I can get our checkout process back to reality. I only want PayPal as a basic option. No CREDIT or debit/credit card options.

Or maybe I can make the Checkout button much bigger so it looks more important than the PayPal cluster. How do I edit the look of the Checkout button?

Is any of this still possible?

Thanks

9

Has the code been updated and shared?

10

Here is the code you need, just paste it in the HTML area of the order form:

.smallHeader, .paymentIcon, .paypal-button-container, .checkoutPaypalSmartPaymentButtons, #checkoutWithPayPalLink, #checkoutWithPayPalLink { display: none; }
11

Hey Michael, this doesn’t always work unfortunately. I think there is a race condition happening. We have even tried different methods of delaying the press of the button using jQuery but it still fails sometimes, especially for first time visitors.

I suspect there is a race condition or a clash with other code (looking at the errors in dev tools)… If you have any suggestions to get this working reliably I am keen to help with testing and feedback.

12

Hey Mark,

When you say it fails, are you saying that it doesn’t select Credit Card as the option, or which part is failing?

Cheers,
Mearl

13

Hey Michael. An error seems to prevent the click from registering so it stays on the first screen. I’ll record a video if you like.

15

I found the answer to my concern and possibly all of yours. What I needed to do was remove the “PayPal CREDIT” & “Debit or Credit Card” buttons from my shopping cart checkout.

Put your own variation of the following code into the HTML footer of the Infusionsoft Shopping Cart or Order Form:

<script src="https://www.paypal.com/sdk/js?client-id=sb&disable-funding=credit,card"`>

Note the section, “disable-funding=credit,card”

Additional parameters are found on the following page: https://developer.paypal.com/docs/checkout/reference/customize-sdk/#

I hope you can get what you need done with this information.

16

Thanks for this Kathryn_Alice,
I tried putting the code in as is and it removed the Credit Card button, but then the Paypal button no longer worked. When you say, “put your own variation of the following code” what changes do I need to make to that code? Thanks for your help…

17

You are right. I was able to remove the extra buttons, but now the remaining PayPal button doesn’t work.

My only thought is that PayPal does NOT WANT this to work.

Sorry for the excitement when it was premature…

18

At least I had a brief moment of happiness when I thought it might work!

19

this worked for me in the product information section of my order form

.smallHeader, .paymentIcon, .paypal-button-container, .checkoutPaypalSmartPaymentButtons, #checkoutWithPayPalLink, #checkoutWithPayPalLink { display: none; }none;}
1 Like