Non Embedded App

Leonan
Shopify Partner
5 0 4

Hi,

There is an tutorial or docs about how to create a non embedded (standalone) Shopify App, I mean a app that don't load inside admin area.

Replies 25 (25)
Talha
Tourist
11 0 6

Most of the large scale apps on Shopify are Non-embedded. Still they dont have any docs for non-embedded apps.

MysterFitz
Excursionist
11 0 17

This is so frustrating. This is the first thing I've found that even mentions developing apps that are not embedded. Every bit of documentation is about embedded apps. Thank you for asking this question, even if it's languishing at the bottom of the queue.

KarlOffenberger
Shopify Partner
1873 184 863

Erm... am I missing something here?

 

The Shopify API documentation which is quite formidable I'd say (and I've read many in 20 years) is THE documentation for non-embedded apps a.k.a. officially called private apps. Being non-embedded, it is entirely up to you how you consume and interact with the Shopify APIs and there's little need for Shopify to provide guides and tutorials - I mean what would we expect them to do? Write one for Ruby? Oh hey, he needs PHP. Dude, I grok Java. Java you say, oh you peasants of the dark ages, Golang is where it's at. Somewhere in backroom a Rust developer is giggling all on his own while the Elixir dude is mumbling incomprehensible spells from inside a wardrobe.

 

Point is, private apps can be written in and architected as and run on a myriad of different ways which are all described, samplified and what not on the internet - REST API this, REST API that, GarphQL here, GraphQL there.

 

But if you're keen to find some - there is code lingering around on Github - not that some neglected user experiments from 2 years ago really help.

 

Or did I really miss something?

Liked this post? You might also like our fantastic upsell apps Candy Rack, Last Upsell post-purchase and Candy Cart or offer free gifts with Gift Box. All made with ❤️  and care by Digismoothie
MysterFitz
Excursionist
11 0 17

I am rather new to this whole process, obviously. But I do not see this relationship of private app = non-embedded app that you reference.
Here's my understanding (possibly flawed) of the different app types:

  • A private app is one that is not available in the app store and is usually developed for a particular store.
  • A public app is available either free or for a cost from the app store.
  • An embedded app appears within the Shopify environment through an iframe and should be an organic experience for the user.
  • A non-embedded app is one that is external and to which you are re-directed to when clicking on the app in the `admin/apps` section.

 

So, if my interpretation is correct, "non-embedded" and "private" have nothing to do with each other.

I would like to make an app that is available in the app store and able to be installed in the admin section, but which takes the user to my site/app which does not show up in an iframe inside the Shopify environment. I have installed three separate apps that all exhibit this behavior on my development store. (SiteKit, Video Slider, and Instant Traffic) They all redirect using a link like this:

<a href="https://STORE_NAME.myshopify.com/admin/api_permissions/APP_ID/redirect" class="text-emphasis-strong" data-trekkie-app-title="{"api_client_id":APP_CLIENT_ID}" target="_blank" rel="noopener noreferrer">APP_NAME</a>

But my embedded app that I built from the tutorial has a different link, like:

<a href="https://STORE_NAME.myshopify.com/admin/apps/APP_NAME" class="text-emphasis-strong" data-trekkie-app-title="{"api_client_id":2736495}">APP_NAME</a>

I would like to build an app that works like the three I mentioned above, but have been unable to, either because there is so much documentation that it's hard to find the needle in that haystack, it doesn't exist, or it's been made hard-to-find because it's not the preferred use-case of Shopify.

 

MysterFitz
Excursionist
11 0 17

My reply was marked as spam. Could you tell me why?

MysterFitz
Excursionist
11 0 17

I am rather new to this whole process, obviously. But I do not see this relationship of private app = non-embedded app that you reference.
Here's my understanding (possibly flawed) of the different app types:

A private app is one that is not available in the app store and is usually developed for a particular store.

A public app is available either free or for a cost from the app store.

An embedded app appears within the Shopify environment through an iframe and should be an organic experience for the user.
A non-embedded app is one that is external and to which you are re-directed to when clicking on the app in the `admin/apps` section.

 

So, if my interpretation is correct, "non-embedded" and "private" have nothing to do with each other.

I would like to make an app that is available in the app store and able to be installed in the admin section, but which takes the user to my site/app which does not show up in an iframe inside the Shopify environment. I have installed three separate apps that all exhibit this behavior on my development store. (SiteKit, Video Slider, and Instant Traffic) They all redirect using a link like this:

<a href="https://STORE_NAME.myshopify.com/admin/api_permissions/APP_ID/redirect" class="text-emphasis-strong" data-trekkie-app-title="{"api_client_id":APP_CLIENT_ID}" target="_blank" rel="noopener noreferrer">APP_NAME</a>

 

But my embedded app that I built from the tutorial has a different link, like:

<a href="https://STORE_NAME.myshopify.com/admin/apps/APP_NAME" class="text-emphasis-strong" data-trekkie-app-title="{"api_client_id":2736495}">APP_NAME</a>

I would like to build an app that works like the three I mentioned above, but have been unable to, either because there is so much documentation that it's hard to find the needle in that haystack, it doesn't exist, or it's been made hard-to-find because it's not the preferred use-case of Shopify.

KarlOffenberger
Shopify Partner
1873 184 863

But I did receive it in my notification and you're quite right in your assessment that non-embedded apps are public apps that are external to the Shopify admin UIs iframe. So it was me missing the point. And have nothing to add really because I haven't tried writing a non-embedded app yet.

Liked this post? You might also like our fantastic upsell apps Candy Rack, Last Upsell post-purchase and Candy Cart or offer free gifts with Gift Box. All made with ❤️  and care by Digismoothie
MysterFitz
Excursionist
11 0 17

Thank you for the sanity check! 😉
At least I know that I'm not crazy for being confused. 

MysterFitz
Excursionist
11 0 17

I did go to some time and trouble to write that reply, though. It is distressing that it was removed with no reason given.

KarlOffenberger
Shopify Partner
1873 184 863

Used to happen to me a lot in the old forum. Usually appeared after a while or someone checking and realising it was flagged by some overzealous algorithm. Just wait it out and if not -  I shall copy paste it in here quoting you 😉

Liked this post? You might also like our fantastic upsell apps Candy Rack, Last Upsell post-purchase and Candy Cart or offer free gifts with Gift Box. All made with ❤️  and care by Digismoothie
MysterFitz
Excursionist
11 0 17

I found this link in another post by the OP of this one:
https://help.shopify.com/en/api/embedded-apps/app-extensions/shopify-admin/embed-in-shopify-admin

It gave me the info I needed to un-embed my app.

 

Thanks!

KarlOffenberger
Shopify Partner
1873 184 863

Haha!

 

Yes, I just did the same with my dev app and was about to post that it's as simple as 2 clicks incl. the save - no changes required to app. So yeah, guess that's why there isn't any specific documentation.

 

Though I must say I am not a huge fan of non-embedded apps as I think they are very distractive for the overall user experience.

Liked this post? You might also like our fantastic upsell apps Candy Rack, Last Upsell post-purchase and Candy Cart or offer free gifts with Gift Box. All made with ❤️  and care by Digismoothie
MysterFitz
Excursionist
11 0 17
I get that. But the app I’m working with involves multiple windows and is for live-streaming video. It would not be well-suited to fitting inside of an iframe. Thanks for looking into it!
wellJiang
Shopify Partner
1 0 0

hello, I also encountered this problem, how did you solve it

MysterFitz
Excursionist
11 0 17

You can manage whether your app is embedded or not by following the instructions found here:
https://help.shopify.com/en/api/embedded-apps/app-extensions/shopify-admin/embed-in-shopify-admin

PhilippW
Excursionist
17 0 2

I am unable to switch my app to a non embedded app following the guide : https://help.shopify.com/en/api/embedded-apps/app-extensions/shopify-admin/embed-in-shopify-admin

 

My app firsts opens in an external window and then once it loaded it redirects back to Shopify.

If anyone knows how to fix this please let me know!

 

I only want to temporarily switch my app to being a non-embedded app in order to be able to debug my app during development.

hoomanbahreini
Tourist
11 0 2

This is not accurate, a public app can be configured to be embedded or not embedded

 

From your Shopify Partner's account go to: 

 

Apps -> Extensions -> Embedded app -> Click on Manage embedded app

 

And here you can configure your public app to be embedded or not (Enable/disable embedded app)

 

hpKjP

 

Jaron_Smith
Shopify Expert
15 0 1
https://STORE_NAME.myshopify.com/admin/api_permissions/APP_ID/redirect

Here.. from where we can get APP_ID ? 

Jaron, Softpulse Infotech | Shopify Experts & Partners | softpulseinfotech.com
Zolbayar
Shopify Partner
46 1 5

Here.. from where we can get APP_ID ? 

From the `Apps` page on your Partners dashboard.

Working remotely from Mongolia ~ www.gereesee.com