Dedicated to the Hydrogen framework, headless commerce, and building custom storefronts using the Storefront API.
Hello,
I've hit a brick road in developing a custom checkout with the following Storefront GraphQL mutation `checkoutCompleteWithTokenizedPaymentV3`.
My store is A Development Store with a Private App that uses the Storefront GRAPHQL API. Shopify Payments is enabled with Test Mode on
I have made sure that all required permissions/scopes are checked.
Mutation
mutation checkoutCompleteWithTokenizedPaymentV3($checkoutId: ID!, $payment: TokenizedPaymentInputV3!) {
checkoutCompleteWithTokenizedPaymentV3(checkoutId: $checkoutId, payment: $payment) {
checkout {
id
completedAt
}
checkoutUserErrors {
code
field
message
}
payment {
id
errorMessage
}
}
}
Variables
Please note that paymentData value is generated with Stripe Elements (https://stripe.com/docs/stripe-js)
I have tried passing in the "Test" variable, Which currently defaults to false however another error is returned "Test is not supported"
{
"checkoutId": "...",
"payment": {
"paymentAmount":{
"amount": "1",
"currencyCode": "NZD"
},
"idempotencyKey": "123",
"billingAddress": {
"firstName": "",
"lastName": "",
"address1": "",
"province": "",
"country": "",
"city": "",
"zip": ""
},
"type":"SHOPIFY_PAY",
"paymentData": "tok_....."
}
}
With the following result.
{
"data": {
"checkoutCompleteWithTokenizedPaymentV3": {
"checkout": {
"id": "...",
"completedAt": null
},
"checkoutUserErrors": [],
"payment": {
"id": "...",
"errorMessage": null
}
}
}
}
The following is shown in my "Abandoned Checkouts"
Could someone with more experience shed some light onto what is happening.
I have successfully checked out with the web URL. However, I would prefer not to redirect users outside my application.
Thanks.
Well this has been a bit of a headache and it seems like an issue that hasn't been addressed apart from 'Use the Web URL', Which would be fine and all, However what would the point be in creating a customized store front and having users redirected to another address such as xyz.myshopify.com/checkout..
I've decided to ditch shopify completely.
Any updates on this? I'm also trying to create a payment using the checkoutCompleteWithTokenizedPaymentV3 and i'm also unable to process a test payment.
Same problem. I'm thinking about using a new solution. Do you guys have some other options you can share here?
@_JB Could you please update how to proceed on the customized storefront api for a private webapp built only for a specific merchant.
I have the same situation.
Do you have any update?
Any update on this issue , getting same problem when using mutation for checkoutCompleteWithCreditCardV2
Finally I found that we cannot use private app to execute checkoutCompleteWithTokenizedPaymentV3.
We have to develop our app on Shopify Partner. And the app must be public. Then you need to request for payment.
It is the only way to do so.
To workaround, I am trying to use Selenium to simulate the payment process. Hope it helps.
Has anyone been able to figure this out? I am having trouble with a similar situation where I am not getting any feedback about whether or not an order is completed when I send this mutation. If I use a good credit card or a bad credit card, I get the same exact payload. There is no way to see whether or not the order has failed to process payment or was successfully created. I cannot use this mutation to complete orders because of this.