Unless you took the time to switch this from “disabled” to “enabled”, then your app is not embedded in a frame.
That Shopify offers this new option has no effect on any of the work you’ve already done.
I have not seen any ill-effects of running my HTTPS in an iframe. Not sure why someone would raise a stink about that. Probably a bad decision there since embedded pattern is a lot less “brain switching” to accomplish same thing.
You must be looking at the wrong screen. It’s the “edit app settings” button. Even if I click “create a new app” right now, this option is on the screen.
This option didn’t exist before February. That’s when the Embedded SDK was first released for optional use.
[In reply to a deleted post]
Also I’m not sure what happens if you disable that setting and still use the EASDK javascript. I’m guessing it would still try and embed in to an iframe. This would be expected behaviour as the JS is EASDK only from my understanding.
Hi Shopify,
I am having the same issue that @Zuka posted about the embedded-example-app just getting stuck with “Loading…” at the top. I have not seen any reply that fixes this for me. How can I get the app working?
Thanks
@Kathy, “Pav” above answered that question. If you see “Loading…” it’s because you haven’t called ShopifyAppBar.initialize() in your app. Make sure you’ve done everything in these instructions:
Hello all,
I’m trying to build Embedded Private App and something I’m missing. As it is instructed here, I created App, got API key. Then a very simple page with content:
<head>
<script src="[https://cdn.shopify.com/s/assets/external/app.js"></script>](https://cdn.shopify.com/s/assets/external/app.js"></script>);
<script type="text/javascript">
ShopifyApp.init({
apiKey: '1e7192ab8e2cc7f2fafbc4b8eb2effcf',
shopOrigin: '[https://my-dev-appshop.myshopify.com'](https://my-dev-appshop.myshopify.com');,
debug: true
});
</script>
</head>
<body>
Private app
</body>
And I’ll I get by visiting this page is redirect to my shop with screen.
The page you're looking for can't be found.
Try a search instead.
Redirect URL is
[https://my-dev-appshop.myshopify.com/admin/apps/1e7192ab8e2cc7f2fafbc4b8eb2effcf/](https://my-dev-appshop.myshopify.com/admin/apps/1e7192ab8e2cc7f2fafbc4b8eb2effcf/)
What am I missing? It’s my first experience with shopify at all, so maybe I missing all understanding how EASDK works. I tested it from localhost and from my domain with SSL. Thank you for any tips.
2 Likes
Hello,
The app Callback URL is used both when installing apps from App Store (when we have to redirect to Shopify), and when loading an already installed app from Admin.
How do you differentiate between the two different cases, besides doing an internal call to see if we know the app is already installed in this shop? (this useless call has to be made for every app load, instead of continuing with proper action, which would be faster for users too)
Should Shopify add “install” and “embed” parameters for these cases?
Thanks
The callback is only used when the App detects there is no valid session for usage. At that point you initiate the oAuth cycle and the callback is invoked. At that point a session is created in your App and you do not need to invoke the callback cycle any further since you’re checking for a valid session.
So yes, you’re right, it is up to you to determine if a valid session exists, internal to your App but there are no useless calls involved in this pattern.
Thanks Bill, makes sense now
Just something that would be very helpful is the ability to leave a review inside an embedded app. Would love to be able to trigger a modal that asks the user to leave a review for the app. Currently it’s really hard to get users to review apps but if the ability to get this information quickly through the normal app flow would be highly beneficial for the app and to get real ratings.
1 Like
That is excellent! And instead of written reviews, merchants should be able to just click a quick survey and answer some basic questions. Do you get value from this App? Does it save you time and money? Is the developer responsive to your problems or requests? And that should be posed only after at least a billing cycle or more.
You’re so right Carted… asking for reviews is uncomfortable at best since it reeks of begging. No reviews, no merchants install the App. Yet even with a lot of reviews you often still get sceptical merchants thinking it’s all rigged or fake. Not to mention reviews that completely miss the point of the App and instead end up being positive (or negative) off-topic rambling. Some people even review Apps they’ve never used for even a minute just to spite. Yay for reviews…
Yep, being able to review from inside an embedded app sounds like something that would definitely push more people into building embedded apps, which seems to be what Shopify folks are trying to do, so I don’t see any reason why they don’t allow this yet.
Preventing people that never used an app from reviewing it would also be a nice improvement as it would give more confidence to the merchants that the reviews are not fake.
+1 for neglostyti’s question
I keep getting a 404 error and can’t find any information specific to private apps 
I have hosted the app on a HTTPS server, it doesn’t show up at all. The redirection is automatic to this URL : https://bevyz-dev.myshopify.com/admin/apps/e015fecd46f47853bb618592586ad896/, which show a 404.
What am I missing ? Any clue will be much appreciated,
Regards,
Simon
1 Like
Hello,
I am testing embedded-app-example but when I install the app and open it, I get this error into the app:
A static HTML page can contain a simple dependency free script to set the top bar to a 500 server error. This page can be found in ‘public/500.html’.
However, the app works if I generate a new rails controller and put “root :to” to it.
I would like to know why I get the error when try to use embedded-app-example unaltered source. I need understand this to know how works the embedded sdk and continue developing.
Hi,
I’m facing the same issue. Is there anyone that could give us a hand?
hello All,
I have developed an app to administer a store. Our app uses Embedded App SDK. The problem is that if a user has more than one shops, he cannot open two instances of our app to manage two different stores in the same browser window since I store the current app in user’s session. Now these two tabs will show the same content.
Could you give me some direction about how can we implement our app so that user can open two browser tabs and each tab corresponds to the correct app?
One solution I have tried is as follows-
finding the src attribute of iframe in which my application is embedded,but i am not able to get the solution as it is not giving me src of iframe.
I have tried a lot to do so.But still i dont reached to the solution.
Please Help if anybody knows the solution.
Hi Guys
This is my first hands on experience with Shopify and I’m developing a Embedded app, it would have a merchant backend and a front end page for customers to show in store.
I have successfully implemented the Merchant part and also added the front end page for shop as well but whenever a customer click on the link, shopify asks for my admin log in.
Did anyone had a similar problem or it would be great if anyone could anyone help with this issue.
A front end page customers are supposed to see is not part of an embedded app. You should not use the embed API on that part of your app. Embedded pages are embedded in the admin area of Shopify. You probably want to use the application proxy or something like that to add virtual pages to the public side of the store.
Hi Dan
Thanks for the quick reply. Sorry I forgot to mention that in my previous post but yeah I have set up App Proxy for the front end page and added proxy url in one of the liquid templates as well, like this:
And in my app i have setup Proxy url like this:
path: apps/some-path
proxy url: some-domain/some-url
In server logs I can see that request is being sent to it when customer clicks on the link but it’s just asking for my admin login. Once I login as admin, it correctly renders that page.