Instagram Feed on Opencart 3 - opencart

I need to create an Instagram feed to fetch data from an Instagram account and to embed it in my site
I have tried to install many widgets but they are neither free to use nor customizable.
I expected an Instagram feed for like 12 pictures in a slideshow.

Related

Instagram business profile information if not connected to a facebook page

We are trying to pull information out from instagram business user trough graph api. The business user is not connected to a facebook page.
It seems that this thing is possible on apps like Later and several other social media management tools
On the end we would like to display some insights like reach, impression ect.

Get most recent image for my own user through facebook/instagram api?

On my webpage I want to always display my latest instagram post.
I don't want to have the instagram embedded default styling. I just want the image.
Before you could get the most recent image like this:
https://api.instagram.com/v1/users/self/media/recent/?access_token=${instagramAccessToken}&count=1
But this way of doing it will be deprecated early 2020.
I know there is a way by using an acccess token, but this has 2 hour timeout. This means that I will have to ask the user to login to facebook / instagram to get an access token. Which is something I don't want.
Is there a way to get latest instagram image without having to log in?

Fetch users media using the new Instagram Graph API on WordPress

Soo.. with the new changes that Instagram and Facebook have brought upon us, it has made it more complicated to have a module displayed on our website to just show the images from a user's feed.
Long Story:
Below, are the things that I have already accomplished:
- Create a Facebook page and link Instagram account (Completed)
- Create an Facebook App (Completed)
- Create a Business Manager page (Working on verifications)
I want to be able to display a users profile images depending on the username that is set in a custom field type on WordPress Admin Panel.
Questions:
Since we own all of our corporate IG accounts, do I have to implement Instagram/Facebook login to display user's feed items?
Is there a way to bypass this?

Facebook pages tokens and uploads if not admin

I have some questions about facebook pages and their access tokens.
Right now i am trying to build a mobile app for my band and i want to have a function in it that allows users to either take a picture or choose from the phone gallery and upload it to our fanpage on Facebook.
What i have understand when reading about this is that i can make an fb app and set the extended permission to manage_pages and then get the page access token from the page that i am admin for.
Well, every user of the mobile app wont be admin over our fanpage......
So i wonder if there is some way to get the fanpage access token and let user upload pics to our fanpage.
OR if you have any other way of doing it let me know.
I am building with appcelerator Titanium so i use javascript.
If you have an answer for this please explain like i am 6 years old.

Share large photo from FB album

I'm creating a web app where I'd like to 1) upload a photo to an app-specific album on Facebook and then 2) share that photo as a LARGE item/image (not a thumbnail) on the users' Timeline. I know this is doable via User Generated Photo optional parameter but is there any other way to accomplish this for a web app?
There is nothing stopping web apps from publishing Open Graph actions with User Generated Photos. It's a simple process:
Setup Facebook auth on your site, your simplest option being to use the Javascript SDK with getLoginStatus. Make sure to request publish_actions permission from users.
Create an Open Graph action and your OG object types
When the user takes the appropriate action, make an API call of the following form (signed with the user access token and POST'd):
https://graph.facebook.com/me/YOUR_APP_NAMESPACE:YOUR_APP_ACTION?
YOUR_OBJECT_TYPE=YOUR_OBJECT_URL&
image[0][url]=YOUR_PHOTO_URL&
image[0][user_generated]=true
Step 1 is the hardest part and you'd have to do that anyway if you weren't going down the Open Graph actions route.
As an example, Instagram use took as their action and a photo as their object. Their objects URLs are simply the individual photo pages on the Instagram website. So their API POST call would look like this:
https://graph.facebook.com/me/instagram:took?
photo=http://instagram.com/p/ABCD1234/&
image[0][url]=http://distilleryimage.instagram.com/somerandomstring.jpg&
image[0][user_generated]=true
As mentioned in the User Generated Photos documentation this will show up as a large, full-width photo on the users Timeline and feed.
The simplest way to perform all these API calls from a web app is to use the Javascript SDK and the FB.api function. You won't need to use any server-side code at all in that case!
Just fill this code on your photo caption
"took a ##[0:[124024574287414:1:photo]] with #[124024574287414:0]"
(without double quote symbol)
It clickable to instagram website, It's my own custom code, I made it for a week :(