Add Instagram to Your Shopify Store For Free

 I was searching for a subject for a new Shopify keep I’m working on, and one of the main matters I desired out of the box become a manner to show my keep’s Instagram feed. There has been more than one issue that I thought had been great, however, normally they could simply be missing one or matters. Consistently the aspect missing was Instagram. Now there's an app you may use in the app keep, but you need to pay, and I’m reasonably priced and crafty. So I concept there HAS to be a manner to do this. I tried a pair that didn’t work (including Intagme) and ended up coming across SnapWidget. I concept you needed to pay for it at first, however then after messing with it for a minute I found out it's absolutely free. Which suits flawlessly in my budget.

It took all of 2.5 mins to set up, and works like a champ. And don’t worry, so long as you may type, and reduce and paste you may do it too. Ok here is going, with a few quiet pictures.

First, visit SnapWidget and create your account. Nothing new right here.

Second, this becomes in all likelihood the trickiest part. It wasn’t so clear what to click on right here at the widget display. What I realized become that it’s showing all of your widget options. And you have to click on the “Create Your Widget” button to choose which fashion you need. I desired a super easy one, so I went with a “responsive grid”.

Then you’ll be taken to the page to create the widget. All the data right here is quite self-explanatory. A couple of matters that won't be clean:

Description – Not actually positive about what that is for, however, I left it blank. Maybe it’s so that you know what’s going on in your dashboard, or perhaps it shows at the post. Either manner I left it blank.

Layout – First subject is for columns, 2d is for rows. I wanted a 1 row, four-column section. So I positioned 1 after which four.

Photo padding – the gap among every image.

Hover effect – what do you need to happen whilst your mouse goes over the image.

Responsive – this putting comes into play whilst people view your store on one-of-a-kind sized screens. If you choose “yes” then your Instagram feed will re-length according to the screen size of the user. I selected yes.

 

That’s it for putting in the widget. Once you want what you notice click on the “Get Widget” button and you could get your custom code. Not bad, huh?

Now you could preview your widget in case you want, make certain it’s what you want, fix it if it’s not, and then pass to the exciting part! Cutting and pasting.

SnapWidget offers you a button to click on to get the code. Super easy, simply click on it and it’ll stick the code for your clipboard.

Instagram for Shopify - Lastly, visit your keep and anywhere wherein you can place HTML, you could stick the code and feature your Instagram feed display up. I am the use of the free topic from Shopify known as Jumpstart, on the house web page is a segment which I renamed to Instagram. It comes from a web page, so I navigated to my Pages, clicked it to edit it after which selected the “display HTML” button.

This is wherein the magic happens! If you’re on a PC, to stick in the code simply hit “ctrl-v” and booyah it’s in there. Sorry in case you’re on a Mac, I ain’t were given not anything for you. But it’s likely something similar.

Now, simply store the page and enjoy your actual time Instagram feed for free!