Venmo - Paypal Checkout

Store Builder
1

To enable Venmo with the PayPal Checkout addon, edit js/addons/paypal_checkout/checkout.js
Edit line 157 (CS-Cart ver 4.18.4)
ADD + ‘&enable-funding=venmo’
The line will now be:

var url = ‘https://www.paypal.com/sdk/js’ + ‘?client-id=’ + options.clientId + ‘&enable-funding=venmo’ + ‘&components=buttons,applepay,googlepay’ + ‘&currency=’ + options.currency + ‘&debug=’ + (options.debug ? ‘true’ : ‘false’) + ‘&intent=capture’ + ‘&commit=true’ + ‘&integration-date=2022-10-10’;

I edited the Payment Method name to read: PayPal & Venmo because it’s not obvious that Venmo is available with only the PayPal payment method graphic logo, which has to be clicked to show the Pay with PayPal and Pay with Venmo buttons.

ALSO, because I use Stripe to offer my customers ApplePay and GooglePay, I omitted those components from the line as well. PayPal charges more in processing fees and I don’t need my customers to pay via ApplePay or GooglePay through PayPal when they can use those methods with Stripe, and I already have buttons on the page for these payment methods.
To omit the GooglePay and ApplePay buttons change the “&components” value in line 157 changes from ‘&components=buttons,applepay,googlepay’ to: ‘&components=buttons’
To fix the formatting of the checkout page, because it still has placeholders for a GooglePay or ApplePay button to print, I simply edited my custom CSS (in the Theme editor) to override the height and bottom margin of each to zero pixels like this:
.ty-paypal-checkout-apple-pay-button {
–apple-pay-button-height: 0px;
margin-bottom: 0px;
}
.ty-paypal-checkout-google-pay-button {
height: 0px;
margin-bottom: 0px;
}

2 Likes
2

I don’t know why the options are collapsed now. I added “Select for options” to the Payment name.

3

PayPal Checkout has behaved like this for me since the last upgrade.
My solution was to place PayPal first in the payment methods so that one click opens the buttons. When it’s in any other place, it requires two clicks.
Also, if you click on a Shipping Method, that counts as one click - and if the PP payment method is first, clicking on a Shipping Method will expose the PP buttons.
I’m pretty sure I reported this to CS-Cart and they reproduced the problem and declared it fixed in a future upgrade.

4

I’ve read the PayPal documentation on implementing Venmo so many times, I now think that to implement Venmo it needs to be EXPLICITLY enabled in the SDK query string.
PayPal does not seem to include Venmo in with the list of alternative funding sources that are all enabled by default. (You can turn these on/off in the addon.)
The list of enabled alternative funding sources is here:

And enabling Venmo is detailed separately here:

5

I’ve noticed Venmo doesn’t show but for some reason Apple Pay doesn’t show either. I wasn’t sure if it was a CSC issue or PayPal. I have:
Google Pay
PayPal
Pay Later
Debit or Credit Card

In the Payment method configuration, Venmo is selected but there are no options for Google and Apple.

6

For Apple Pay to show, you need to be on an Apple device (and maybe using Safari browser).
Both Apple Pay and Google Pay were enabled by default in the CS-Cart SDK URL with the “&components” variable in the URL string.
With the fix above, the Venmo button will show on a desktop, but will only show when using the Chrome browser on a mobile device with Venmo installed.
I had to update my Venmo app to get the button to show. There’s a lot of help online to configure the Venmo app to allow it to be called from the browser with reference to Setting for " Enable Mobile Web Purchase or Connect Browsers" - but none of those settings existed in my installation of Venmo. After a Venmo app update, it worked on my Android phone.
Also, because the fix above is in a JS script, you will have to clear the cache to see the changes.

1 Like