Add Instagram to Your Shopify Store for Free
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 on what to click here on the widget screen. What I realized was that its displaying all your widget options. And you have to click the “Create Your Widget” button to select which style you wanted. 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.
Hoover 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 Shopify
Lastly, go to your store and anywhere where you can put HTML you can stick the code and have your Instagram feed show up. I am 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 its 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!
Stay in touch and get the latest news.
Subscribe to our newsletter below.
Because our specific breed of bugs could come from three different places the complexity of our fixes are not multiplied but cubed. Could Amazon be providing bad data? Constantly. Could we have just found another Shopify constraint? Definitely. It’s tough to read EVERY word in the instructions manual. Or could these two complexities conspire against our servers to bring down the whole wobbly stack of cards? Definitely.read more
10 months in and feeling war torn and battle scarred we are LIVE! We are live! I can’t believe it, we have a listing in the Shopify App store, we’ve overcome the multitude of issues to get here and we are live. Hallelujah.read more
FBA shipping is a stupid simple real-time solution to the 10+ step process of setting up static shipping rates for Amazon FBA fulfillment. FBA Shipping wraps up all the various Amazon fees and shipping costs into one price that is presented to your customer during checkout. Plus you can provide completely customized shipping prices and options to your customer.read more