I was searching for a theme for a new Shopify store I’m working on, and one of the main things I wanted out of the box was a way to display my store’s Instagram feed. There were multiple themes that I thought were great, but typically they would just be missing one or two things. Consistently the thing missing was Instagram. Now there is an app you can use in the app store, but you have to pay, and I’m cheap and crafty. So I thought there HAS to be a way to do this. I tried a couple that didn’t work (including Intagme) and ended up coming across SnapWidget. I thought you had to pay for it at first, but then after messing with it for a minute I realized its totally free. Which fits perfectly in my budget.
It took all of 2.5 minutes to setup, and works like a champ. And don’t worry, as long as you can type, and cut and paste you can do it too. Ok here goes, with some pretty pictures.
First, go to SnapWidget and create your account. Nothing new here.
Second, this was probably the trickiest part. It wasn’t so clear what to click here on the widget screen. What I realized was that it’s displaying all your widget options. And you have to click the “Create Your Widget” button to select which style you want. I wanted a super simple one, so I went with a “responsive grid”.
Then you’ll be taken to the page to create the widget. All the info here is pretty self explanatory. Couple things that might not be clear:
Description – Not real sure what this is for, but I left it blank. Maybe it’s so you know what’s going on on your dashboard, or maybe it shows on the post. Either way I left it blank.
Layout – First field is for columns, second is for rows. I wanted a 1 row, 4 column section. So I put 1 and then 4.
Photo padding – the space between each image.
Hover effect – what do you want to happen when your mouse goes over the image.
Responsive – this setting comes into play when people view your shop on different sized screens. If you select “yes” then your Instagram feed will re-size according to the screen size of the user. I selected yes.
That’s it for setting up the widget. Once you like what you see click the “Get Widget” button and you can get your custom code. Not bad, huh?
Now you can preview your widget if you want, make sure it’s what you want, fix it if it’s not, and then move to the exciting part! Cutting and pasting.
SnapWidget gives you a button to click to get the code. Super easy, just click it and it’ll stick the code on your clipboard.
Instagram for Your Shopify Store
Lastly, go to your Shopify store and anywhere where you can put HTML, you can stick the code and have your Instagram feed show up.
I’m using the free theme from Shopify called Jumpstart. On the home page is a section which I renamed to Instagram. It comes from a page, so I navigated to my Pages, clicked it to edit it and then selected the “show html” button.
This is where the magic happens! If you’re on a PC, to paste in the code just hit “ctrl-v” and booyah it’s in the there. Sorry if you’re on a Mac, I ain’t got nothing for you. But it’s probably something similar.
Now, just save the page and enjoy your real time Instagram feed for free!
Build Your Ecommerce Empire
Get the guide on how to take your Amazon business to the next level
Installing the FBA Shipping app on your online store is like installing a Swiss Army knife for your shipping needs. The app provides real-time shipping rates from Amazon, sends unlimited orders to Amazon, sends tracking info to your customers and more.read more
If you’ve already pulled and pushed your products from Amazon to your store, and you understand ByteStand’s Scheduler and settings, you’re all set! There are a couple of other features in the app that you might want to know about though.read more
So you’ve installed ByteStand on your Shopify or BigCommerce store and done your first pull and push. But you’re not quite done yet. If you want to keep all that info updated, you’ll need to set up the Scheduler.read more