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
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
I am building a static website using only JS HTML CSS and a touch of JQuery. I have a PayPal button that works in the PayPal sandbox and charges my mock user but I can't figure out how to change anything after payment is complete.
I would like the page to redirect to a payment complete page with the order details. Is it as simple as setting up the SANDBOX APP SETTINGS URL and custom building a page with that URL?
I'll assume you are using something like this client-side integration.
Inside the onApprove function, in the .then() of you actions.order.capture, you can use actions.redirect('otherPage.html')
Alternatively, rather than redirecting and for more of a single page application feel you can rewrite the DOM and replace the contents of <body> or your main container div using jQuery.
$('body').html('<h2>Thanks for your order!</h2>');
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.
The html for a donation button provided by Paypal forces excessive white space on the page. Is it possible to link back to Paypal without the form tag? I have the Paypal button graphic which I can anchor to html code if it is not a form element.
It is possible to do it without a form; I did so a while ago. I don't remember specifically how I did it, but I can give you this example, and if you post your HTML I could help you turn it into a link instead:
https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=ben%40happyspork%2ecom&item_name=Sporktris%20Support&item_number=1&no_shipping=0&no_note=1&tax=0¤cy_code=CAD&lc=CA&bn=PP%2dDonationsBF&charset=UTF%2d8
You might even be able to just modify that link to use your data instead of mine.
I'm using cp-appointment-calendar for booking system on http://studioglamour.co.uk, but the problem is that when you enter date/time and information, you need to be redirected to paypal. I know that PayPal doesn't let ifames.
The question would be: how to do that when I press continue it would close the fancybox iframe, and redirect to PayPal in the main page?
Use target="_top" in the appropriate form / link.
When used in a form, the form will submit into the whole window.
When used in a link, the link will open in the whole window.