Scroll

MotoCMS 3

MotoCMS eCommerce

MotoCMS Blog

Moto4

Welcome to our LiveChat! Please press "Start Chat" button to proceed

Start Chat

Widget: Instagram Post

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

Screenshot_2023-04-21_at_03.22.34.png

Firstly, 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 Next 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).

Screenshot_4.jpg

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:

Screenshot_5.jpg

Upon performing all these steps, you can copy the App ID and App Secret from the Facebook app to your MotoCMS admin panel - Settings tab, Integration section.

Screenshot_2023-04-21_at_04.09.31.png

You can also 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.

Keep in mind that you can only add a post that is linked to your Facebook account and is in the statuses of the business account, posts from other people's, personal or closed profiles are not available for distribution using the API.

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

In the "Properties" area, there is a "Connect" function that allows you to insert the App ID and the App Secret. Once you have inserted this data you can place the URL of the Instagram Post.

"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".

 

This widget belongs to the Social widget category. Check out the other widgets in this category at the following link: Social Links, Social Buttons, Twitter Timeline, Facebook Feed, Pinterest Board. 

Have more questions? Submit a request

Comments