Hi @chilliwax we spent a lot of time debugging this and after some valuable feedback from customers, we realised that while they system UI is open and you pick the address, payment method etc, the checkout behind it, is still visible and editable, at least on our theme which is based on Storefront.
The customers reported seeing a spinner on the system UI for a long time (10-20 seconds) while Stripe is processing their payment, got impatient and closed the browser thinking the payment had failed. They then tried a different payment method, not realising their initial order had gone through.
One solution was to introduce throttling and stop people from placing identical orders within X minutes, but there are scenarios where people want to do this so this wasn’t a great solution.
We opted for a different approach, where we introduce a spinner while the Apple Pay modal is open, which would stop people from interacting with the chekout. We used the following code
// block the ui while wc stripe ajax actions are running
// unblock when the ajax actions are done
function checkout_wc_stripe_loading_block() {
jQuery( document ).on('ajaxSend', function(event, request, settings) {
if ( !settings.url.includes('wc_stripe') ) {
return;
}
jQuery('form.woocommerce-checkout').block({
message: null,
overlayCSS: {
background: '#fff',
opacity: 0.6
}
});
});
jQuery( document ).on('ajaxComplete', function(event, request, settings) {
if ( !settings.url.includes('wc_stripe') ) {
return;
}
jQuery('form.woocommerce-checkout').unblock();
});
}
Since releasing, we’ve not had any more duplicates, but this is coincidental, because we’ve also seen duplicates where the customer got a “payment failed” error. Those were just a handful, but made it even harder to weed out the true cause.
It sounds like your issue is caused by “payment failed” which is a generic message. Unfortunately, the plugin doesn’t display the true error to the customer which makes it even harder to debug.
We’ll continue to monitor the orders for duplicates caused by “payment failed” and will report back when i have more info.
