Last updated 18 December 2017. Created on 16 May 2016.
Edited by ragasirtahk, dbt102. Log in to edit this page.

Instructions for setting up Instagram Block for D8


The Instagram Block module can be installed like any other Drupal module. More information can be found here:


There are 2 things that need configuring, the connection to instagram and the settings for the block.

Instagram API

To configure the module with instagram it needs to be connected with a specific account. You need to be able to log into that account when asked to.

  1. Go to 'admin/config/services/instagram_block'
  2. Click on the link that lets you authorize your account
  3. After signing into an instagram account and authorizing the application to share your details you should end up on a page on
  4. Copy the details that you are given here to the settings page on your website (see step 1)

You can also configure your block settings on this page, however that is not necessary.

Instagram Block

  1. Go to the blocks page ('admin/structure/block')
  2. Select the "Place block" button in the correct region (don't forget to save)
  3. Configure the size and number of images on the block config page

Instagram Congfigure Block Screenshot

And we are done!

Instagram Congfigure Block Screenshot88.09 KB

Looking for support? Visit the forums, or join #drupal-support in IRC.


kimlop’s picture

This page reports different steps from the current module interface’s picture

I've installed this module on Drupal 8.4.x and it works, but it seems as if the styling options are extremely limited. It produces a block that has the images floated left, shoved up against the left side of the page, with no way to style it. All I want to do is center the content on the page, but there doesn't seem to be any way to do that, given the way the block is generated, without hacking. As such, its utility it extremely limited, since it looks ugly on the page. I'm relatively new to Drupal, but I would think there would be some way to adjust the display in such a simple way, like, say, enclosing the content in a div with margin:auto or some such, in order to center it.