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.
Related
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
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 been strugling a bit with getting this to work, as i prefer not to use the PayPal plugin since it look like much work for the simple thing im trying to achieve.
I have basically followed the PayPal guide to create a donate button which works in a browser, but when i click it inside a ionic project it wont work and i cant get it to open.
I have tried with just the form (which doesnt open the browser with the callback):
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_system"> [...] </form>
After that i tried to first open a window and then do the post in that window, but that just closed the window at once.
$scope.donate = function() {
var win = window.open( "about:blank", "_blank" );
document.getElementById('theForm').submit();
}
I dont really know what can be done from here so any help would be appreciated.
Edit:
On a sidenote, is it possible to use https://www.paypal.com/no/webapps/mpp/send-money-online and then add for example a default receiver email like sendt#me.com somehow?
I have a same problem and I solved it, with "ngNoForm". ngNoForm turn off ngSubmit behavior (which prevent default submit on form).
So the code is:
<form ngNoForm action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_system"> [...] </form>
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.
In paypal, is it possible to skip the "Thanks for your order page" and come directly back to our store? Here i have attached the screenshot of the page which is coming after "Pay Now" page and this is the page i want to skip and i need to directly go to my website from where the process is initiated.
Check these settings at your paypal account --
click at edit profile tab in your paypal acc.
click “website payment preferences” under “selling
preferences”
click “on” for auto-return.
enter a return URL.
Save.
Let me know if u face any prob while configuring.
NEW EDIT
You can also pass like this --
<INPUT TYPE="hidden" NAME="return" value="URLspecificToThisTransaction">