Thinkspace is pleased to announce that we have an Instagram widget that you can use to feed your live Instagram posts on to your website's homepage. As soon as you post something new on your Instagram account, it will automatically post to your feed on your website as well.

 

Instagram changed their authorization procedures in the summer of 2016, requiring all widgets to be Authorized by the account holder to show Instagram images and links. Given this change in authentication, it is best for someone on your staff or team to use the following instructions to activate your Instagram feed as opposed to having a Thinkspace team member do it for you. There is often 2-factor authentication in place so if someone from the Thinkspace team is seen trying to login to your account, Instagram sees us with a different IP address and location from you and flags us a security risks. If you do it from your own phone/store/area, the security risk is lower and the whole set up becomes a smoother process.


To get started login to your site's Admin.


In this Article



Add A New Instagram Widget

Before you begin, please email Thinkspace support at support@thinkspacehq.com and let us know that you are planning on using the Instagram Widget on your website  There is a URL that we need to add to our developer account for your individual website that must be done BEFORE you attempt this procedure. Once we email you back that we have added your domain, you can begin.

  • Navigate to Content > Pages
  • In a majority of cases, the Instagram feed will be on your homepage so scroll down and click on Home
  • Under Select a Dock, choose the dock that is set up to hold your Instagram widget. Most often the dock will be named something that includes the phrase "Instagram" but in some cases your homepage may not already be equipped with an Instagram dock. If you see that you don't have an Instagram dock then please write to support@thinkspacehq.com to get a section added to your homepage that is optimal for Instagram. Adding an Instagram widget to a non-Instagram dock may case strange formatting and incompatibility with mobile functionality. In the example below, the dock is called 1 Social Instagram
  • In the Widget Library, click on the widget called Instagram and drag it into your Instagram dock.
  • Then click on the Instagram widget to edit the options.
  • Click on Login To Instagram and then another window will popup where you can sign into your account and Authorize Thinkspace to access your account.
    Note: We recommend logging into your account using an Incognito or Private browser window so that the browser doesn't try to remember previous login info and potentially sign you into the wrong account. 
  • Once you are signed in, enter your username into the Instagram Username field. 
  • You can also choose how many images per row you'd like to show and how many rows of images. The below example will show one row of images and six images in that row.
  • Save the widget and then reload the homepage to ensure the Instagram feed shows up.


My Instagram Widget is Deactivated! Why?

Instagram’s authentication process uses an API.

You authorize Instagram to provide Thinkspace with your Instagram account’s feed.

Instagram provides Thinkspace a permissions token and both of these factors keep track of these permissions and accounts.

Sometimes Instagram tells us that the permissions are no longer valid.

To prevent your customers from seeing errors or slowing down page load time your website automatically deactivates the Instagram widget when told the permissions are not valid.

Basically all you have to do in this situation is log back into your Instagram account which will provide Thinkspace with authorization again.



Reactivate Existing Instagram Widget

In order to reactivate the widget, follow the steps below.

  • Navigate to Content > Pages
  • In a majority of cases, the Instagram feed will be on your homepage so scroll down and click on Home
  • Under Select a Dock, choose the dock that seems to hold your Instagram. Most often the dock will be named something that includes the phrase "Instagram" but in some cases you may need to click on each dock until you see a widget called Instagram. In the example below, the dock is called 1 Social Instagram
  • Click on the widget called Instagram to edit it.
  • Click on Login To Instagram and then another window will popup where you can sign into your account and Authorize Thinkspace to access your account.
    Note: We recommend logging into your account using an Incognito or Private browser window so that the browser doesn't try to remember previous login info and potentially sign you into the wrong account.
  • Save the widget and then reload the homepage to ensure the Instagram feed shows up.