> You will need to verify the request on your Instagram account on a desktop through the 'App and Websites' settings. > Add an Instagram Tester using the user's Instagram username. It has to be a secure site and should start with HTTPS. I used my website into filling these 3 out. > Scroll down at the page and fill out the form. Here, we will be asked to name the app, we can keep it the same name as the project name. > After saving the changes, click Instagram Basic Display on the side navigator and go to Basic Display. You can try putting your Heroku app URL as well for this. I chose 'Web' and added my website's URL. > On the next page, scroll at the bottom and you'll see a notification like this.Ĭlick the link to 'Settings' and from that page click 'Add a Platform'. Since we're here for Instagram, let's click Set Up on the 'Instagram Basic Display'. > Once you submit, it will lead you to the products you can incorporate into your project. This is your chance to change the App contact email if you wanted to use a different one to be linked on the request. > Once you click continue it will ask you to fill out the information about your app/project. Since this is just a mini project like I mentioned, I chose the 'Something else' option. I chose the last one since it's only a test and nothing else. A window will pop up and will ask you to choose. This will be the way to create the access token needed in the script. If you're logged in to your FB account, it usually recognizes and uses that information to give you access to this platform. > I first made a Facebook for Developers account. I must say before you begin, I think the hardest part of this method is the tedious way to get the access token. There is also a link on his Youtube video's info if you need to refer to it. The script I used is provided on Ishitheme's Github repo. There are other ways like installing an npm package or embedding an Instagram photo, but I wanted to learn how to generate that access token for a script like Ishitheme's. Since I am currently building a project, I thought to try & apply this method. Thank you to ishithemes on Youtube who showed me the way how to make this happen! Publish multiple Instagram feeds - Up to 3 feeds (Instafeed Pro) Unlimited feeds (Instagram Plus).This blog will be a step-by-step process on getting the access token needed in utilizing Instafeed.js.įirst, I'm not going to take credit for all of this Instagram API workaround.Filter your posts by hashtags (Instafeed Plus).Tag products on your posts - Create shoppable Instagram feeds (Instafeed Pro).Custom number of rows and columns for mobile (Instafeed Pro).Show number of likes on each post (Instafeed Pro).Link posts to Instagram or open pop-up window directly on your store.Fully customizable - Choose feed title, number of rows and columns, space between posts.Lightweight - Does not inject any code in your store or degrade your page speed (all images are lazy loaded). Fully responsive - Posts automatically adjust to screen on desktop and mobile.Compatible with all themes and devices.Keep your store content fresh - Use your Instagram content to automatically drive fresh new content to your store. Your store is for selling, not a social network. Create social prood, keep your store content fresh with minimal and elegant feed! Minimal and elegant feed - We focus on customer journeys that increase your sales and eliminate features that distract your customers and hardly get clicked. Display custom shoppable Instagram feeds on your Shopify store with Instafeed.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |