Set Up the Instagram Widget

1. Make sure you are logged into the Instagram account you want to use and go to instagram.pixelunion.net to generate an access token.
2. Then go to Layout -> open the "latest 'grams from @username" widget from FOOTER9 - FULL.
3. And replace USERID and ACCESSTOKEN in these two fields:
userId: USERID,
accessToken:"ACCESSTOKEN",
Your USERID is not your Instagram username. The USERID are the first characters before the first full stop of the access token. See the attached screenshot below for reference.



If your Instagram widget stops working at some point, generate a new access token from instagram.pixelunion.net and replace the old one. Don't replace the User ID, since it's always the same (if you're using the same account).

If you accidentally delete the code or the widget, here it is (add it to a HTML/JavaScript widget in the FOOTER9 - FULL section):
<script type='text/javascript'>//<![CDATA[
var feed = new Instafeed({
get:"user",
userId: USERID,
accessToken:"ACCESSTOKEN",
limit: 6,
resolution:"standard_resolution",
template: '<div id="instathumb"><a href="{{link}}" target="_blank"><div class="squarethumb" style="background:url({{image}})"><img src="https://4.bp.blogspot.com/-OtURZJ2BisI/WljDhG4scII/AAAAAAAAHCA/paOMFNStkysnIOTbzo4wVakC-heU0UfRwCLcBGAs/s1600/TransparentInstagram.png" /></div><div class="insta_info"><div class="insta__info"><div class="insta___info"><i class="fas fa-heart"></i>{{likes}}<br /><i class="fas fa-comment"></i>{{comments}}</div></div></div></a></div>'
});
feed.run();
//]]></script>
<div id="instafeed"></div>
If you are having trouble setting up your Instagram widget, send me a screenshot of your receipt and the access token you've generate to fearnedesign@gmail.com and I'll send you the finished code.