You can now embed your entire Shopify storefront into pretty much any page on the web! Thats right! Whether you have a static site or you are using a cms like wordpress, joomla or drupal, its easy to add ecommerce functionality with the shopify widget, its the equivalent of an ecommerce plugin.
Remember a couple of months ago when we released the Shopify Widgets App? Since then it’s been installed in over 900 shops! Since the initial release we’ve been working on adding a full blown shop experience that you can embed into pretty much any site you like.
Let me put that another way: You can now sell your products through Shopify without the customer having to leave your existing site. How cool is that? It's perfect for self-hosted WordPress blogs, Tumblr, Drupal sites, personal homepages, or any other webpage you control.
This is especially valuable to brands with pre-existing websites that have lots of visitors such as webcomics, blogs, or forums. Ordinarily with Shopify you'd need to spend time styling your shop to match the existing page but now you can throw the pop-up shop straight in there. Zero time spent on design, maximum impact.
Click for a Working Example
Wasn't that cool? That was the Shopify merch store embedded into this blogpost. The best part about it is that you can have one of these for your store too, and it's free! :-) Let’s see how it works.
Step 1
As always, first you need to grab the app from the Shopify App Store (unless you have it already, in which case you can jump right in here).
Step 2
On the homepage of the app, choose ‘embed a shop’ on the right
Step 3
Select the collections you want to display in the embedded shop. (Tip: Create a special collection for the target audience of the page you’re embedding into)
Step 4
Read the instructions and grab the embed code. Paste it into the target page and you’re good to go! Check out more details and download the free app here.
This would work on Facebook too, ya?
Unfortunately Facebook doesn’t allow the code you need to run the widget to be inserted onto a page. Instead, I’d recommend checking out one of the Facebook apps on our App Store: http://apps.shopify.com/search/query?q=facebook+store
It would be nice to have the possibility to change the text (e.g. cart is empty, checkout) for those who do not have English as their language. And also have the ability to remove Ecommerce Software by Shopify. But well done anyway!
…and yes, the Shopify shirts in the embedded shop are actually for sale (from http://store.shopify.com) :)
I wish it wasn’t so wide and could fit on the sidebar of my blog the way the one I currently have thru Craftcult. I’d love to get rid of that etsy shop widget and get one that will direct traffic to my personal site. So far nothing beats it. Please take a look at it.
http://fine-threadz.blogspot.com/
It fits very nicely in the sidebar and can be set to slideshow. :-)
Agreed with Sharon. Sidebar implementation would be the most valuable, and convince me to actually use this.
Thank GOD. Been waiting for this since they day I signed up…knew it had to happen at some point or another. Looks great, seems to work great. My only complaint is the lack of customization (would like to change the light grey background on pictures to fit my products) – once features like that get built in…perfect.
Is it possible to embed the shop (now shown in the light box) directly in to our homepage (wordpress)?
This is great. We’ve added the widget to a few of our sites. http://interoctavo.com – works like a charm.
Any plans to bake in tracking codes so we can get analytics from partner and affiliate sites?
“Any plans to bake in tracking codes so we can get analytics from partner and affiliate sites?”
+1
Nice progress :)
And would also like to take customers to a cart page to modify quantity on on the other widgets,
Doesn’t work on mobile devices, especially iPhone unfortunately. One gripe I have with a lot of online stores. I’m sure Shopify will get there though!
Cool, just tried this out. I noticed that pound signs are showing up as £ on the listing, but shows up fine on the product details pages.
Can this be added to the Google+ page? Thanks.
I need this kinda widget very much I to re-direct my traffic from my websites to Shopify store. I tried this widget but, unfortunately if has some disadvantages namely;
1) The is no options for re sizing and changing the shapes. (cube, rectangle etc)
2) When click on the widget is goes into check out page. This is really disappointing and there is no link to the shop!!! It’s like forcing my customer to make a purchase! I need to give my customers more option to choose from while shopping. Most of them will be annoyed and leave the site if there is no option to choose from.
I think this is a simple mistake and but will us cost a great deal!!!
Currently, my websites attract few thousand visitors but only 10 30 clicks to shopify site through the banners and links which manually placed it my websites. :(
This widgets is a excellent choice to increase my traffic to my website provided Shopify team can do some improvement so it can re-direct to the shop pages instead of check out page.
Does the app works in Pinterest? Thanks.
Im trying to add this to my muse website. I just get a blank box. Ive embedded it into the header but still nothing. Im pretty sure muse accepts javascript. Any ideas?
Same here! It does not work in Adobe Muse? Can you guys make the store with i-frame like the Wazala does?
Thanks!
Is there any way of editing the styling of the embedded shop??
Posted this on the original app thread awhile ago, trying this one as I just found it…
When I set the embed product widget to take users to the cart, it opens the cart in a new browser window. When I set to go to either product or checkout, it opens in the same window.
Anyone know why the “buy now” set to go to cart opens in a new window? And, how can I change that so it opens in the same window?
Thanks in advance.
Drat. I read “embedded” to mean that the store items would actually be embedded into the HTML page, but that’s not the case. This widget simply generates a pop up lightbox. Which you can’t style to match the look and feel of the website. :(
I agree…very frustrating that:
1. Entire store is not embeddable – this “widget” is pretty ugly and not very functional.
2. Not formatted for iphone/mobile (crazy)!!!
The Etsy example that Sharon provided is exactly what I’m looking for. Just need the ability to resize!
Thanks for sharing. I will try to include it in my new website. It will be perfect.
http://www.optimalhosting.com/web-hosting
“Any plans to bake in tracking codes so we can get analytics from partner and affiliate sites?”
+2
Great app but I need the option to ADD QUANTITY. As it stands the user needs to constantly click the add to cart button to get to the desired quantity. a field or drop down for quantity will just make this perfect for me.
Without the ADD QUANTITY field, it could be confusing to potential customers on the site.
Please somebody… anybody…. what is the fix for this?
We have the mini store widget added to our site. It’s great, except after the title of our (only) product it says – Default Title. It doesn’t do this in our normal Shopify store. How can we remove that?
Thanks!
At least a little editing ability would be great. But I think it’s not possible right now.
Today i came across this amazing new website named nupinch.com…i really think you guys should check it out..
Link: http://bit.ly/XczfI3