The submit button on my website is blank. It contains no label. Do you know if this is a bug or is there a setting somewhere in paypal? I really searched everywhere, but I could not find it.
This is how it looks like on my website:
And the same happens when I try to setup style on paypal website:
This is the html for this button:
<button id="submit-button" type="button" class="css-sh6tmc eshn35a0" style="margin-bottom: 18px; margin-top: 18px;"></button>
So it's not a problem with CSS but no value is passed. Any ideas? I'm using WooCommerce PayPal checkout plugin, but I don't think it's an issue with the plugin, because the same thing happens on the PayPal website.
This is a PayPal bug affecting all European countries at the moment; seems to be missing translation text for that button.
Anyone can reproduce the issue directly at the integration Demo, clicking the black button and selecting the flag of a European country.
Update: I've been told this will be fixed in PayPal's next release of the component, whenever that happens
Related
I am trying to implement the PayPal checkout button using an iframe. The problem is when I click the paypal button in the parent html a PayPal popup comes out. It is possible to make that black window disappear or cover the size of the parent html, so that it does not appear only in the iframe.
Screenshots:
https://drive.google.com/drive/folders/1ipNvgvK7ATceFJWVhEtkP7ZVmw-YevVI?usp=sharing
PayPal Documentation:
https://developer.paypal.com/docs/archive/checkout/integrate/#1-get-the-code
It appears you're using the old deprecated checkout.js
Try the current sdk.js https://developer.paypal.com/demo/checkout/#/pattern/client
As the subject states, I created a PayPal Checkout button by simply adding the HTML code for the button and modified the text and remove the PayPal logo image.
Normally the code below would be used to generate the button, which of course is limiting:
{{ content_for_additional_checkout_buttons }}
However, I have instead added this HTML in its stead:
<div class="paypal-checkout-button">
<button name="goto_pp" type="submit" id="paypal-express-button" class="additional-checkout-button additional-checkout-button--paypal-express" value="paypal_express">
CHECKOUT WITH PAYPAL
</button>
</div>
The button's functionality is perfectly fine; I even processed a test payment through it. A developer friend of mine told me it wasn't possible without some hacky solution; however, the simple HTML snippet above seems to be a perfect solution to customizing the PayPal button on the cart / product page.
Am I missing anything? Or is this perfectly fine to do?
Appreciate any you can provide on the matter.
It's not the button on the cart that Shopify people have issues/problems with.
It's the button on the checkout and that can't be modified (without a lot of hassle) unless the store owner has a Plus account. That is almost certainly what your developer friend is talking about.
Not to mention, of course, that changing the appearance of the button or forcing it not to appear before the Shopify checkout process is a violation of the PayPal express user agreement.
I have a checkout system that has been in place over 5 years. I have another checkout system been in place over 2 years. Both have not changed.
I can also confirm when I demo the custom payment pages through my account it all works.
However when people go through checkout on my site, when they see the new PayPal checkout system, there is no logo at the top and my business name is showing up in text at the top.
I have confirmed that the logo works fine and is hosted on HTTPS.
I contacted PayPal business support and this is the response I got:
Hi **** Unfortunately, this is the intended behavior. New layout did
not support page style parameter. I apologise for the inconvenience
caused. Sincerely, Anis Merchant Technical Support PayPal
Can anyone else confirm that PayPal is fazing out custom payment pages? I think this guy is drinking kool aid and like most bad support individuals is providing me incorrect information. However I have been unable to get this idiot to escalate it and get me a real answer.
Especially since I've seen other checkout pages work with a logo at the top.
Any assistance would be appreciated.
Yes, looks like page_style currently does not work in the new checkout page. As a work-around you can use image_url parameter to set your image logo in the checkout page.
PayPal deprecated the page_style variable in September 2016, as well as the cpp_logo_image. The full list of deprecated variables is available here: https://developer.paypal.com/docs/classic/paypal-payments-standard/integration-guide/Appx_websitestandard_htmlvariables/#deprecated-variables
As user Vimalnath mentionned, you can (still) use the image_url parameter:
<input type="hidden" name="image_url" value="https://example.com/myImage.png" />
The recommended dimensions of images changed. Whilst the maximal size for image_url was 750 x 90 as a banner, the recommended size is (in February 2018) : 150 x 50 px. PayPal now consider the image_url as a logo to display in the upper left corner.
I can see that a banner of 750 x 90 is still working on the payment page and will display as a header. Maybe with a smaller logo would PayPal use another layout. I also have not test yet how does a large banner display after the payment was done.
I am using the PayPal in-context approach and upon launching PayPal in an in-context manner, I am able to:
Log in
Pay for my items
But after that, PayPal redirects me to the URL I provide however it does this within the in-context view? Is there a setting I am missing to make it close the mini window it opens after user pays? The documentation doesn't specify/mention anything on how to do this. I was expecting it to close the in-context window when a user clicks "pay now" and return back control to the page hosting it.
Apologies if the detail in the question seems light, if any further info is required then please comment and I shall try my best to update.
Should mention I am using the sandbox environment.
When using the PayPal In-Context checkout you should have a fully functional Express Checkout flow to begin with. There are some variables that would cause the In-Context checkout to display as the standard Express Checkout. This would cause the issue you are speaking about. I have a functional In-Context checkout here:
http://marshalcurrier.com/paypal/ExpressCheckout/SetDoInContext.php
I tried to implement In-Context Checkout with the WooCommerce plugin on Wordpress. This didnt work out so well, you can see what the checkout looks like here:
http://marshalcurrier.com/?product=test
For the most part the opening and closing should be handled through PayPal. That is why you call PayPal's Script:
For the most part everything was built to be plug and play. You drop in this near the end of your page:
<form id="myContainer" method="post" action="/checkout"></form>
<script>
window.paypalCheckoutReady = function () {
paypal.checkout.setup('9XKWYX3UHBPB2', {
environment: 'sandbox',
container: 'myContainer'
});
};
</script>
<script src="//www.paypalobjects.com/api/checkout.js" async></script>
Then add the div id to your form:
<form method='post' id="myContainer"><input type="text" name="CHARGE" value="1"/><input type="submit"/><form>
I have functioning sample code but need to get 10 reputation before I can post it.
I have found that the Paypal generated buttons is a very good solution for my wife's website. However, whenever someone presses on the "add to cart" button, he/she is taken to a separate Internet Explorer tab. That's fine. However, if they chose to "continue shopping", IE tries to close the Paypal tab and asks the user's permission to do so. This is not really ideal from the user experience point of view.
Can I force the Paypal Checkout to open in the same IE tab as the main website?
Thank you.
The PayPal Standard shopping cart will always function that way. I highly recommend you go with your own shopping cart instead. That way there are no new windows/tabs at all, and the redirection doesn't happen until the person is ready to pay.
There are lots of options for doing this. You could build a cart into your site as a custom solution, or what would be even better would be to go with something like WordPress and WooCommerce.
To avoid redirecting to a different tab, you can use minicart PayPal plugin.
You just need to include the following lines of code inside your
<script>
paypal.minicart.render();
</script>
MiniJS Demo
I had this issue as well, in your check out button you should have target="_self" like this:
<form id="paypal-checkout-button" target="_self" action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post">
Don't mess around guys!
Just remove target="paypal" attribute from the paypal form.
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" >
change to
<form action="https://www.paypal.com/cgi-bin/webscr" >
This will now open paypal in the same tab/page of the browser.