Instagram Post Widget

Instagram Post Widget

This widget allows you to display a single Instagram Post on your website using Instagram API with Facebook Application.

First of all, you need to connect your Facebook Application to your website. You can do it by following this link. You need to click the Create App button: 
then choose a Consumer Facebook application and press the Continue button:

After that you'll be offered to fill the App Display Name and App Contact Email to proceed. Once filled in, please press the Create App button. Please note: you might be forced to re-type your Facebook account password to proceed!

Once created, you need to go to the application Settings - Basic to fill in all necessary details that may vary due to Facebook policy and terms of use. By the date of writing this article, the following fields are required: Display Name, App Domains, Contact Email, Privacy Policy URL, Terms of Service URL, User Data Deletion, Category (Business and Pages should be chosen).

After filling all required fields with your information, you should click the Save Changes button at the bottom of the page. Then you can switch the App Mode from Development to Live in the top bar:

Upon performing all these steps, you can copy the App ID and App Secret from the Facebook app to your MotoCMS admin panel. You can do it in Instagram Post widget Properties (if it's the first time you use it) or in Settings - Integration - Instagram.

Last but not least, you have to Review App. In order to do it, you need to go to the Facebook Application App Review and follow the steps of this guide by Facebook.

After all these actions you'll be able to actually use the "Instagram Post" widget which consists of "Properties" area and a "Display" block.

"Properties" area has a "Post URL" feature which allows you to paste your Instagram Post URL and display the Post on the page.

"Hide Caption" feature allows you to hide Instagram Post Author's comment about the Post.

The "Display" block consists of the common widget features: "Spacing", "Devices", "Alignment", "Visible On".