Manage Billing Page Not Loading in Development Mode – Redirects with oauth_error

Shopify App Store
,
1

Hi everyone,

I am developing a Shopify app that is still in Development mode (not yet submitted for App Review). I need to test the Manage Billing Page, but when I try to open it, the page does not load. Instead, Shopify redirects me back to the Apps and Sales Channels page with this error:

oauth_error=application_cant_be_loaded_misconfigured

1 Like
2

Have you setup a pricing section in your dev apps ‘distribution’ section?

1 Like
3

Hey @Mo_men_Abu_Alhaija, you can find our documentation here to ensure you have this configured correctly. Redirect to the plan selection page

4

Hi @bkspace

Thank you for your comment

I want to ask for clarification.
I’m using the Managed Billing feature, and all billing APIs are working correctly.
However, I cannot open the Managed Billing Page while the app is still in development mode.
Shopify either returns a 404 error or redirects back to Apps & Sales Channels.

I want to confirm:

  • Is the Managed Billing Page blocked in dev mode?

  • Is there any way to test this UI before submitting the app for review?

  • Do I need to submit the app (even as an unlisted app) before the Billing Page becomes available?

5

Can you specify what you mean by development mode? Has your app been marked as a public distributed app?

You most likely don’t need to test the UI, it’s managed by Shopify.

7

By development mode, I mean the app is still in the development state inside the Partner Dashboard (not published and not submitted for review yet).

I am still building and testing the billing flow.
The Billing API works fine, but when I try to access the Managed Billing Page, Shopify always redirects back to Apps & Sales Channels or shows a 404

I understand that the UI is managed by Shopify, but I want to confirm whether the Managed Billing Page is intentionally disabled for apps that are still in development mode, and whether it becomes available only after the app is submitted and approved as a public app.

8

As said, have you selected public distribution for your app?

10

Yes, I have selected Public App, and I have already created the pricing plans.
However, the app is still in development and hasn’t been submitted for review yet.

11

Hey @Mo_men_Abu_Alhaija, can you clarify if you are using managed billing or are you using the Billing API. The reason I ask is you’ve mentioned using both, however currently you have to use either the managed billing or the Billing API.

To confirm, in your app store listing configuration, do you have managed pricing selected and configured? If so, you should be able to test the configuration if it’s configured properly. If not selected and you are using the Billing API, that could be the reason for not having a plan selection page.

12

Dear @KyleG-Shopify My app is a public app and it uses Managed Billing. However, when I try to access the pricing plan selection page on my development store, Shopify returns a “Not Found” page (as shown in the image).

I have already configured Pricing and added my app’s plans, but the Managed Billing Page still does not load.

Also, I want to ask: are the read_billing and write_billing scopes required to use the Managed Billing Page?

image
image3795×2190 253 KB

13

Hey @Mo_men_Abu_Alhaija

No, read_billing and write_billing scopes are not required for Managed Billing. Those are only needed if you’re using the Billing API directly.

For the 404, there are a few things that could cause this. One documented cause is a locale mismatch between your dev store and app listing. Worth double-checking that they match and that your plans have descriptions for the locale you’re testing with. But if you’ve already verified that, there may be something else going on.

To help narrow it down, can you share a bit more about your implementation?

  1. Which template are you using? (Remix, Node, custom, etc.)
  2. How are you redirecting to the billing page? The redirect needs to escape the embedded app iframe
  3. Can you share the code that handles your billing redirect? Specifically the part that builds the URL and triggers the redirect.
  4. Where does your app_handle value come from? It should match what’s in your shopify.app.toml file.

The URL in your screenshot looks correct (/charges/javnaapp/pricing_plans), so the structure is right, we just need to figure out why the plans aren’t resolving.

15

I found the solution to the issue. Thank you to all the Shopify Support team members for your assistance.

Managed pricing “plans page” is blank - Shopify App Store - Shopify Developer Community Forums

1 Like