All Collections
Website
Widgets
Instagram gallery widget
Instagram gallery widget

How to display images from Instagram in a customised grid on your website.

Clare Wade avatar
Written by Clare Wade
Updated over a week ago

An Instagram gallery is a way of displaying images from your Instagram feed in a customised grid. Instagram galleries have a range of settings that can be used to customise the arrangement of the images and the appearance and behaviour of the scroll-triggered animation.

Once an Instagram gallery has been added, it can then be displayed on your website by adding it to the content of a row column.

Before you can add an Instagram gallery, you will first need to connect your Instagram to Airsquare, see Connecting Instagram.

In the admin area

  1. Go to Website > Widgets.

  2. Click the Add button in the top right.

  3. Click on Instagram gallery icon.

  4. Enter a Title.

  5. Enter a Number of photos.

  6. Enter a listing arrangement Maximum per row.

  7. Enter a listing arrangement Minimum width.

  8. Select a listing image aspect ratio.

  9. Optionally, select a listing animation Type.

  10. Enter a listing animation Duration.

  11. Tick/un-tick listing animation Only play the animation once.

  12. Click the Add button.

You can now add this widget to your website but it will only be displayed if your Instagram feed contains images so it's important to ensure that you have some images in your Instagram feed.

How do I edit an Instagram gallery?

In the admin area

  1. Go to Website > Widgets.

  2. Find the Instagram gallery you are looking for and click the Edit button in the Options column.

  3. Edit the Instagram gallery's details.

  4. Click the Update button.

How do I delete an Instagram gallery?

In the admin area

  1. Go to Website > Widgets.

  2. Find the Instagram gallery you are looking for and click the Delete button in the Options column.

  3. Click the Delete button to confirm.

How do the settings affect the appearance of an Instagram gallery?

There is a range of customisation settings available for an Instagram gallery:

  • Listing arrangement maximum per row - Sets the maximum number of images you want to display per row in the grid. (e.g. 3 per row, 4 per row, etc).

  • Listing arrangement minimum width - Sets the minimum width of an image. This determines when the images will wrap onto the next row in the grid when the space available is reduced.

  • Listing image aspect ratio - Changes how the images are cropped and sized.

  • Listing animation type - Changes which animation will play when a customer scrolls past the Instagram gallery.

  • Listing animation duration - Changes the speed of the animation, a longer duration means the animation will be slower.

  • Listing animation only play the animation once - Choose whether the animation only plays the first time the customer scrolls past the Instagram gallery or plays every time the customer scrolls past the Instagram gallery.

Did this answer your question?