Showcasing Your Instagram Feed on TYPO3: A Step-by-Step Guide

We will now look at all the steps to add Instagram feed with your TYPO3 site before that we need to get an Instagram Access token. It might take a while since the terms and the steps might be new to you. Hence, make sure to follow each step carefully and integrate your app or website into Instagram API.

1. Create a Facebook Developer Account

The first step here is to create a Facebook developer account and then proceed with the steps we have mentioned below.

You can also use your already registered Facebook account and use the same for this purpose. Or else, here is how you can create another.

• Visit the official Facebook Developer website.
• Now, click on Log In at the top.

• In the next window, choose to Create New Account

• Enter all the details needed and choose Sign Up. 
   

2. Create a New App

Now, we will be creating a new app to your developer account and then proceed with getting the access token. Here is how you can do it.

• Visit the official Facebook Developer website.
• Click on My Apps on the top list of menu options.

• Now, choose to Create App on the screen.

• Scroll down and choose None, and click on Next.

• Enter the app name under the “Add an app name” option and also your email id. Then click on Create App.

• For security reasons, re-enter your Facebook account password.

3. Configure Instagram Basic Display

Here, before we can set up the Instagram basic display, we need to add a platform, such as a website or an app, to integrate with the API.

• Now, on the next window, choose Settings and click on Basic.

• Scroll down and click on Add Platform.

• Select whether you want to add a website or an app and select accordingly

• Enter the URL for your site and click on Save Changes.
• On the left menu options, choose Add Product.

• Scroll down and look for the option Instagram Basic Display. Click Set up below it.

• Again, in the next window, click on Create App.
• You can choose the Display Name here and click on Create app.

• Enter the website URLs in the three spaces here and click on Save Changes.

4. Generate Your Instagram Access Token

We will now finally move on with the steps to access the Instagram token. Do not exit the page you are currently on. Keep following the steps below.

• Click on Add or Remove Instagram Testers.

• Scroll down and click on Add Instagram Testers.

• Here, you can add the username of the tester and then submit it.

• You need to verify your account. Click on Apps and Websites and you will be redirected to verify it. (Make sure you are logged in to that account)

• Under the Tester Invites section, click on Accept.

• Get back to the Facebook page. Click on Instagram Basic Display and choose Basic Display.

If you're looking to add an Instagram feed to your website, the FREE TYPO3 Instagram feed extension is the perfect solution. With this easy-to-use extension, you can showcase your Instagram feed directly on your website, providing your audience with a seamless and integrated experience. The TYPO3 Instagram feed extension offers a range of customization options, allowing you to personalize your feed and match it to the look and feel of your website. Plus, with its user-friendly interface, you can easily manage and update your feed, ensuring that it stays up-to-date with your latest posts. So why wait? Start using the TYPO3 Instagram feed extension today and take your website to the next level!