Joomla instaBoard Documentation

Rate this item
(0 votes)
This documentation helps you set up and install the Joomla extension InstaBoard. A complete Instagram dashboard for Joomla. Follow users, comment and like images, directly from Joomla.

This documentation is valid for all versions of InstaBoard

Installation

Install InstaBoard like any other extension. For details on how to install extensions, look at the installation guide at the Joomla community.

Setup Instagram

A bug in Internet Explorer stops the setup from working properly. Use Safari, FireFox or Chrome during the first setup

 

The first step to make the InstaBoard get into action, is to setup Instagram to work with your website.

Go to your component menu and select InstaBoard in the menu. Before Instagram is setup, the page will display a message that asks you to configure Instagram.

Click on the options button displayed on the upper right, to configure Instagram.

Instaimages settings

Configure Instagram to work with your app

Begin by copying the URI displayed in the Redirect URI box. This will later be used in Instagram. Next click on the link that says Create Instagram Client App.

You will now be redirected to the Instagram page for developers. To login as a developer, you simply use the same login details that you use to login to Instagram.

Create your application

When you're logged in as a developer on Instagram, you'll find a "register your application" button on the frontpage. Click on this button to create your application. If you don't see the frontpage, just go the the page http://instagram.com/developer/

In the upper right corner you click on the "register new client" button.

Fill in the following:

 

  • Application Name - Choose an appropriate name for your application, for example My InstaBoard component
  • Description - Write a few words that describe your application, for example "Displays Instagram images on my Joomla site".
  • Website - The URL of your website, for example http://www.mywebsite.com
  • OAuth redirect_url - the root URL of your website. Copy the Redirect URI from the InstaBoard settings dialog, and paste here. It is crucial that this adress is exactly the same as you have in the module settings, otherwise the extension will not work.
Click on "Register" to finish your registration.

Authorize the application

On the Instagram developer page, you'll now find the Client ID and Client Secret of your new Instagram application.
Copy the Client ID from the Instagram page, and paste in the module settings field for Client ID. Do the same procedure with the Client Secret, and then Save and Close.

Click on the Authorize app button, and the app redirects you to Instagram where you must authorize the app to use your account. Just click on the Authorize button to complete the authorization. When the process is done, you will be redirected back to your admin page, and your image feed will be displayed.

 

If all went well, you'll now see your recent shared images in Instagram.

Just click an image or user to interact with Instagram.

 

 

Daniel Eliasson

A programmer and webdesigner with over 15 years of experience in different programming languages with a toolbox consisting of: Objective C, JAVA, C++, PHP and many more techniques.

Media

Stilero på Twitter

No tweets found.

Följ Stilero Webdesign

 

 

Google+