New: Embed your app inside of Shopify!

[Christopher_Lob]

Embedded Apps are the future of Shopify Apps

Our new Embedded App Software Development Kit allows you to improve your app's user experience by embedding it directly inside the Shopify admin.

The SDK enables simple and powerful communication between your app and Shopify.

Access and customize many native GUI features, and create powerful integrations previously impossible on the platform.

Learn more about the Embedded App SDK >

Why use the EASDK?

To delight your customers

Merchants love to use apps that simplify their user experience. This SDK will give you tools to better interact with Shopify merchants, giving all customers the same great in-admin app experience.

To get ahead of the curve

This is the future of apps on Shopify. Eventually, embedded apps will become the expected standard for our App Store. Using the SDK will allow you to get ahead, and experiment with new ways to give merchants what they’re looking for.

To be rewarded

By developing embedded apps for the Shopify App Store, you could qualify for additional revenue share as part of our upcoming app verification program. This program will highlight the best apps in our store that meet a set of requirements – including the use of the Embedded App SDK.

In return for meeting the requirements, you’ll be offered prime placement in the App Store, a certification badge, and unique marketing opportunities. Keep an eye out for more details coming soon!

Who's using it?

Many of Shopify's apps are already embedded:

• Facebook Store
• Grapevine Reviews
• Order Printer

How do I start using the Embedded App SDK?

In your Partner Dashboard, select the app you'd like to enable with the Embedded App SDK. Click the "Edit app settings" button, then click the "Enabled" radio button.

Start using the EASDK now!

[Evulse]

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.

[HunkyBill]

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... 

[Daniel_Ristic]

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.

[Cédric_Hauvuy]

+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

[Unai]

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.

[maario_gomes___]

Hi,

I'm facing the same issue. Is there anyone that could give us a hand?

[Lokranjan]

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.

[Mandeep_Ahlawat]

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.

[Dan_Grossman]

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.

[Mandeep_Ahlawat]

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:

<li class="toolbar-customer"><a href="/apps/some-path?id={{ customer.id}}">Some text</a></li>

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.

[Dan_Grossman]

Did you put the Embed API (Javascript tag) on that page? That's what redirects the user to their admin login page.

[Mandeep_Ahlawat]

That was it. I was rendering embedded apps layout inside my controller, causing it to ask for admins credentials. Thanks a lot Dan.

I have a different issue now though as it's not rendering my styles with the page. I have stylesheet tag for my stylesheet inside the template, it's rendering styles on local machine but not one the shopify store. Also I'm rendering front end page as a liquid template.

Any Suggestions?

[Dan_Grossman]

I'd suggest checking your browser's developer tools. If there's some reason the stylesheet is not being loaded, you'd find out there in the console or the network inspector.

[Mandeep_Ahlawat]

Already checked and it doesn't. Do you have any idea if Shopify strips stylesheets and js for the proxy url pages?

[Dan_Grossman]

View the page source in your browser and find out. That would take a fraction of a second, where waiting for a stranger to see and reply to your post takes 41 minutes. 😕

[Mandeep_Ahlawat]

Thanks for the suggestion, I'm already trying to debug it :D. I'm using rails for development so it's rendering my application.css but it doesn't have any styles in it. Inline styles are working though.

[Mandeep_Ahlawat]

Fixed it so the issue was it was making relative path for my css file and hence looking in Shopifys assets for that css which wasn't present there.

Thanks for the help though Dan

[chandu_prasad]

Hi

I would like to creat a shopify app which will perform some api calls to get the data.

I need some  technical quidelines how can create app and embeded in store. After installing the app, where we can write the logic for app..

provide me some inputs that would be great

[Murat_Erkenov]

I spent about a day trying to understand this. I posted my experience here