Instagram

Image of the instagram module online

This is an unlimited-height module, which can be used as a full-page image gallery, connecting via your Instagram feed. The Instagram module is responsive; The number of columns is adjusted as the screen-width shrinks.

Warning

There can only ever be one Instagram module per page. This is due to how Instagram handles authenticating your website.

Enabling / Disabling

Like all modules, this module can be enabled / disabled. Please see the corresponding section of the documentation to find out more about this functionality.

Background Colour

Image of the background colour component

The Instagram module respects the grid-gap value. Therefore, you can define a background colour to show behind your Instagram images.

Max Images to Show

Image of the instagram module max images option

You may limit the number of images to display from your feed. (Images are in most-recent to least-recent order.)

Connect Instagram

If you have not connected your Instagram feed, this is where you can do it. Here are the steps:

  • Click ‘Open Connection Window', which opens a separate window with a link, which looks like this: Image of the connection window

  • When you follow this link, Instagram will ask you to log in (you may have to agree to cookies first): Image of the connection window

  • After logging in (and agreeing / not agreeing to save your login info), Instagram will ask you to approve our application: Image of the authorisation window

  • If everything went well, your Instagram module's edit page will show you the token that has been exchanged with Instagram: Image of the instagram token

Tip

Once this connection has been made, you do not need to do anything else to ‘refresh’ the connection. The website builder handles this automatically. Additionally, if you delete and add another Instagram module, the website builder will remember the original connection, so you do not have to reconnect.

Tip

Please do not forget to hit one of the save buttons, to make sure the changes you have made are actually saved. Why not keep a window with your preview open, to see the changes in realtime?