Home > Shopify Tutorials > Add Instagram Feed to Shopify

How to Add Instagram Feed to Shopify

Last updated: September 01, 2024
Written and researched by experts at AvadaLearn more about our methodology

By Sam Nguyen

CEO Avada Commerce

According to the official stats, there are more than 500 million people that use Instagram daily, which means building a presence on Instagram is considered to be one of the first-priority activities for any brand of today. More appealingly, Instagram allows users to add specific posts on websites or blogs effortlessly. At the same time, the Instagram business page needs to get updated constantly, also create multiple posts every day and take care of many code adjustments.

Those are the reasons why you need to have an Instagram Integration for your Shopify Store to optimize your business via social media. With that spirit in mind, the step-by-step guide here in this article will instruct you to add an Instagram account to your Shopify store. The steps are simple and easy-to-follow. Let’s try it! Learn more about Best Shopify Instagram Feed Apps

Step 1: Generate Access Token

The very first step that you must do is to get your Instagram access token by generating one. There is a website that supports you to get access token. Just click on the Gen access token button and then Instagram will request you to log in and authorize our app.

add instagram feed to shopify

After that, the app will get access to the public content of your account and your access token will be specified in the text field. Save it, then move on to the next step.

Step 2: Get the code

From your Shopify Admin, direct yourself to the Online Store section and then click on Themes. Find the Customize option, which locates next to your theme. Click it.

add instagram feed to shopify

While being on your homepage, look under the Sections tab, after that, find and open the Instagram Feed Section by clicking on the Add section button here.

add instagram feed to shopify

Subsequently, in the sections list, find Instagram feed and click Add

add instagram feed to shopify

From the general list, go to this section , and add the access token that you obtained in Step 2 to the corresponding field.

add instagram feed to shopify

Don’t forget to click Save after all the work is done. You can open your Shopify store’s main page to see the Instagram feed we’ve just added.

Step 3: Embed your code in your store

So now, you’ve got your code. Now you have to paste it on your web page, the location that you want your Instagram feed to be placed. There are 2 common methods of inserting the code into your Shopify Store.

### Insert the code into a theme template

The first method will try to insert the Instagram code in the footer of the main page.

You have to navigate to Online Store, select Themes and select Actions, which lies next to your theme. After that, click on the Edit code.

add instagram feed to shopify

Subsequently, you need to paste the code and then click on the Save button.

Keep in mind that the content of your template depends on the theme that you use and it can differ from the one presented on the screenshot above. So it’s your job to insert the code at the end of index.liquid here.

add instagram feed to shopify

Don’t forget to click Save and check your result in the Preview button.

Insert the code into a page

Of course, you need to go to the Online Store and choose the About Us page in your Admin Panel. By clicking on Online Store and then Pages, then About us.

add instagram feed to shopify

After that, open the page and there will be the Visual Editor show up. You just need to press “<>“ to show out the HTML.

add instagram feed to shopify

After pressing “<>”, you totally can manage the chosen web page in HTML. All you have to do is to paste the code into the needed area and click the Save button.

add instagram feed to shopify

Now, it’s done!

Add Instagram Feed to Shopify using Apps

Knowing that adding Instagram feed to Shopify is simple and just takes a few moments from you, but there is another way to add by using apps. You are totally able to add Instagram to your store by downloading an App from the Shopify app store or using some external Instagram widget provider.

add instagram feed to shopify

If you find this method suitable for you, just have a look at Shop Instagram & UGC by Socialshopwave, which is available on the Shopify App Store. It will help you integrate Instagram with your Shopify store and moderate images and display different views of Instagram images as well.

That’s not all, there are also so many apps that are available for you to use, namely, Instagram shop by Snapppt app, Instagram channel by Shopify and many many more.

You can find out more in a Shopify Instagram Apps article to consider your best choice.


Mageplaza Instagram Feed for Shopify

Engage visitors, build trust, and customize effortlessly.


Summary

On the whole, embedding an Instagram Feed plugin onto your Shopify website has never been easier, right? In short, all you need to do is to create your customized an Instagram Feed plugin, match your website’s style and colors, and add an Instagram Feed to your Shopify website wherever you like. I really hope you will have the result as you wish for after practicing like what was shown in our tutorials.

Remember to send us feedback so that we can improve our quality next time!

Related Posts:


Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.