Shopify appPurchaseOneTimeCreate confirmationUrl redirection error

Shopify appPurchaseOneTimeCreate confirmationUrl redirection error

Manoj_M
Shopify Partner
1 0 1

Hi,

      I built a Shopify app with Remix.js using the `app Purchase One Time Create` billing method. After the user clicks the purchase button, it creates a confirmation URL. For that, I followed (https://shopify.dev/docs/api/admin-graphql/2024-01/mutations/appPurchaseOneTimeCreate).

In the server action, the `app Purchase One Time Create` mutation is executed, and it redirects to the `confirmation URL`.

During the redirection process, I'm getting the following error:

If I open this link in a separate tab, it opens, but it does not open when the checkout button is clicked.

Manoj_M_0-1720420765332.png

Please help me resolve this issue.

Reply 1 (1)

loyds_mohan
Shopify Partner
1 0 0

I am also experiencing an issue with the appPurchaseOneTimeCreate billing method in my Shopify app built with Remix.js. After the user clicks the purchase button, the appPurchaseOneTimeCreate mutation creates a confirmation URL, which I then attempt to redirect to. However, I encounter the following error:
The loading of “https://admin.shopify.com/store/demo-store/charges/ApplicationCharge/confirm_application_charge?sign... in a frame is denied by “X-Frame-Options“ directive set to “deny“.

 

This issue is blocking our One Time Payment feature and affecting our users' ability to complete the purchase process.

Can you provide guidance on how to resolve this issue? Is there a specific way to handle the redirection to the confirmation URL to avoid the X-Frame-Options restriction, or any alternative approach to ensure the payment process works seamlessly?