Set to true to display debugging informationĪ function used to exclude images from your results. The Instagram access token, either as a string, or a function which returns a string Here are some of the most commonly used options: Key A service to keep your access token fresh.A Facebook app linked to your Instagram account, and a token generated through that app.A Facebook developer account, and an Instagram account with some media posted to it.Also check out the advanced options for some advanced ways of customizing Instafeed.js. Of course, you can easily change this behavior using standard options. Instafeed will automatically look for a and fill it with linked thumbnails. Add the instafeed.js script to your web page and provide some simple options.Create an access token and provide it to an Instagram Token service.Create a Facebook app linked to Instagram, and add yourself as a test user.Setting up Instafeed is pretty straight-forward - there are 3 main steps.
Instafeed js tutorial free#
It's a paid service, but it has a free tier that will work for smaller projects. If you're looking for a turnkey solution that manages tokens for you, or you need more advanced features like hashtag feeds, I recommend looking at Behold. The largest problem is that managing API tokens now requires a server-side component, which I can’t provide through Instafeed.js alone. Unfortunately, Facebook has made this process a lot more complex than it used to be. I like to think I was able to do that, in large part thanks to the public API Instagram had at the time. When I originally wrote Instafeed.js in 2012, I wanted to create an easy way to quickly add your Instagram photos to your website. Version 2 of Instafeed.js is now available, powered by the new Instagram Basic Display API.įor help upgrading from v1, see the v2 migration guide. Setting up Instafeed.js is pretty is a simple way to display your Instagram photos on your website. No jQuery required, just plain old javascript. We came across a really good light-weight plugin to add Instagram photos to your website and this was by using Instafeed.js. We’ve used a variety of plugins, but this one has definitely proved to be the best on the market! Add Instagram Photos to your website using Instafeeed.js You will see the description and comments/links in the first image above. We actually use this plugin on this website which you will see just above the footer. Here is an example of how this plugin looks on your WordPress website: The best part of using a plugin for this sort of thing is that Instagrams policies are forever changing, so by simply updating to the latest version, we can always ensure this plugin works as intended. Sounds awesome right? That’s exactly why it’s our go-to plugin for Instagram feeds on WordPress websites. You can use either a slider or tile display, specify how many items you want per row or column, and it even allows you to hover the images to see the post description, amount of likes, and comments which links to the feed. The beauty of this plugin is that it’s very easy to use, it allows you to fully customise the appearance.
Instafeed js tutorial install#
This plugin can be purchased for $59 and can be used across multiple WordPress websites.Īll you have to do is install the plugin, activate it and connect your Instagram account either using Facebook Business or Personal Instagram and then you can fully customise it to your needs.Ī shortcode is provided so that you can add it anywhere on your website. The best plugin in which we have come across and use on a lot of our website builds is Instagram Feed – WordPress Instagram Gallery which is created by Elfsight. Adding Instagram Photos to your website using a Premium WordPress Plugin In this tutorial, we will show you how you can add an Instagram feed using a WordPress plugin, and how you can add one using an external plugin for any type of website.
0 kommentar(er)
