Download all Joomla templates including quickstart (demo)only $24.99

Joomla Extensions

UT Joomstagram

This is a responsive and elegant module that allows you to display Instagram photos on Joomla site.

Create Facebook App

To display any Instagram content on our website, we must first create an application on Facebook. These are Instagram policies. To use UT Joomstagram we need a Access Token, let's see how to get them.

Create Application

To start you have to go to the Facebook Debveloper application manager and create a new application by clicking on the Create App button and follow the following steps.

Select App Type

  1. Click in Create App Button
  2. Select Consumer for basic visualization of Instagram
  3. Continue for create App

Fill application details

  1. Add Application name to display
  2. Your Email Address
  3. Create App

In security control: Check Recaptcha and press send button.

Add Website

After creating the application go to: Settings >> Basic >> Add Platform and select [Website]

Add Website

  1. Select Basic Settings
  2. Click in Add platform, then select [Website]

Add Website url

  1. Add url of your website (EX: your domain name)
  2. Click in Save Changes

Set Up Instagram App

Add Instagram

Now that we have our application ready, we are going to configure the access token to the Instagram feed.

Add Instagram

  1. Click to go to the product list
  2. Select the basic Instagram display API

Create Instagram App

Create Instagram App

  1. Enter Basic Visualization Setting
  2. Create New App for Instagram

Add Instagram App name

  1. Keep Name or Add New
  2. Click for creat App

Add Url responses for Instagram

  1. Add valid OAuth redirect URL
  2. Add Callback URL for canceled authorization
  3. Add URL of the data deletion request
  4. Click to Save Settings

In all three cases you can add your website domain.

Add Instagram Testers

In this step we will begin to connect our Instagram App on Facebook with the Instagram website

Add Instagram tester

  1. Go to Roles >> Roles
  2. Click for Add testers

Select Instagram testers

  1. Search and select Instagram User for dend invitation

Now we are not going to Instagram to the Apps and Websites section to accept the invitation

Accept Testers Invitation

  1. Go to Tester Invites tab
  2. Accept Invitation

Generate Intagram Token

Go back to App, choose Instagram > Basic Display for generate token

Generate Instagram Token

  1. Go to Tester Invites tab
  2. Accept Invitation

This will open a new window in which you must access your Instagram account.

Instagram Authorze

  1. Click on Authorize for generate token

Copy Intagram Token

  1. Click for show access toek
  2. Copy your Access Token

Now that you have copied your Access Token you just have to go and paste it in the configuration of your module.

The user added as a tester is the one who has to accept the invitation, it is also the same user who has to authorize the token generator.

85,016+
Happy customers guarantee our Templates and Extensions