![]() Many e-commerce brands are active on Instagram as it is a great visual platform that helps businesses attract, engage, and convert customers through social commerce. You can showcase brand loyalty and advocacy, display your hashtag campaigns, turn UGC into shoppable content, and much more. Adding an Instagram feed to your Shopify store will boost your returns on investment by leveraging user-generated content to build social proof for your company. Instagram is a great visual platform that helps e-commerce businesses attract, engage, and convert customers through social commerce. In this article, we will be discussing how to add an Instagram feed to your Shopify store. Don't forget to give a thumbs up if this article helped you out! Try it out and let us know in the comments below how it works for you. By following the steps above, you can easily add an Instagram feed to your Shopify store in a matter of minutes. Wait for the Instagram feed to load on your Shopify store.Īdding an Instagram feed to your Shopify store is a great way to showcase your brand's social media presence and engage with your customers. ![]() Customize the order of the feed by adjusting the number of rows and columns.ġ0. Click on Customize and then Add Section to add the Instagram feed to your store.Ĩ. Add the InStuffed Feed app to your Shopify store by going to Online Store and then Themes.ħ. Customize the feed title and post spacing as per your preference.Ħ. Connect your Instagram account to the InStuffed Feed app.ĥ. ![]() Click on the app and download it for free.Ĥ. Visit the Shopify app store and search for InStuffed Feed/Instagram Feed.ģ. Sign in to your Shopify account and click on the Apps tab.Ģ. We will use a free app called InStuffed Feed to achieve this. We have options here.) You can check out the code below.In this article, we will learn how to add Instagram feed to Shopify store quickly and easily. We want to create a new variable which will contain the parameters of our Instagram feed which is displayed on our website (The tag which we’re targeting, the size or resolution of the images, ordering, number of images, and a bunch more. We’re going place this code within our script tag that we just created. I’m going to start by creating another open and closing script tag here below my call to grab the JavaScript file. Jump up to the header portion of your HTML document and add this one line of code to link to wherever you have saved your Instafeed.js file. See my screenshot to see the code I placed and to see where I placed it. We’re going to add that a div to our code and give it that id. The Instafeed.js script looks for a div with the id “instafeed”. We’re not going to go over exactly what the authentication process via oAuth and the rediect_uri is here in this tutorial, but if you have questions Instagram has some information you can check out as well as running a couple Google searches. Give your Client ID an Application Name, a Description, as well as Website and Redirect URI, fill out the CAPTCHA and hit the “Register” button to create that new Client ID. NOTE: Before being able to create a new client, you may need to confirm your phone number on Instagram. We will want to create a new “client” for this feed project. You’ll want to log into your Instagram account and go to this link to find the page where you will be able to register a new client. You can download the Instafeed.js file for free here at this link and save the. ![]() Instafeed.js is a crazy simple way to grab an Instagram feed and pop it into your website. This tutorial is proudly sponsored by our generous sponsor, Squarespace, the fast and easy way to create a professional website.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |