🚀 11/29/21 New Feature: The Showit Social Grid widget is now available to display your live Instagram feed. It automatically refreshes ever 10 minutes to display your new posts.

Gone are the days of using a third-party service to display your Instagram posts on your website. 😁

Video Instructions

Written Step-by-Step Instructions

Social Grid Preview

Adding the Social Grid

To add the Social Grid widget to your design:

  1. First select the canvas you would like the widget added to.

  2. Then select Social Grid from our objects menu at the bottom bar of the app

🔄 The Instagram feed may take up to 10 minutes to display new posts on your site.


Connect an Instagram Account

To connect an Instagram Account:

  1. Select the Social Grid widget in your design.

  2. On the right sidebar under Social Grid Settings, click on Connect Instagram.

3. Follow the prompts under your Account settings to Connect Instagram.
You'll be prompted to login to Instagram and must provide permission for Showit to access your Instagram account in order to display your photos.

You may connect additional Instagram accounts on this account screen - NOTE: To connect additional accounts, you must be logged into the account you wish to connect IN INSTAGRAM for the new account to be connected. If you've already connected account A and wish to connect account B - make sure you are actively logged into account B in instagram before configuring for that account to properly connect.

4. You'll be directed back to the Showit app to select your account from the Social Grid Settings panel. (If you don't see your account, try refreshing the browser)

5. Customize the Social Grid settings to your liking.


Social Grid Settings

Video, Carousel, Image Posts

  • You can exclude specific types of Instagram posts from appearing in your social grid feed.

Auto-space Images

  • Automatically adjusts the image gaps to fit the maximum number of whole images.

*Only available for 1 row of images.

Allow Overflow

  • Fills the widget by aligning images Left and will show partial images on the right. Idea for use with horizontal edge locking on desktop.

*Only available for 1 row of images.

Image Gap

  • Adjust gap between images

Rows

  • Adjusts the number of image rows visible.

*Over 1 row may limit other settings.

Align

  • Aligns images Left, Center or Right.

*Not available with Auto-space Images or Allow Overflow enabled.


Fallback Images

Our Social Grid supports the selection of Fallback Images. These images will be displayed if for any reason Instagram's servers don't respond or if your account is ever disconnected by Instagram.


You can select any images in your Media Library to be used as Fallback Images.

Template Previews: Fallback images are displayed in templates if no account is selected or when a template is shared.


Edge Locking Support

Copy Style Settings Between Desktop and Mobile

  • You can use Special Paste to quickly copy style settings between desktop and mobile.


Add or Disconnect an Instagram Account

If you wish to Add an additional account or Disconnect an Instagram account follow these steps:

  1. Login to your Account Third Party settings.

  2. Click Connect Instagram to add another account or Disconnect next to your connected account.


Limitations:

Feed Refresh Rate

Every 10 minutes

Post Display Count Limit

Up to 50 posts will display. Excluding post types like Carousel or Video may give you a smaller set of posts.

Unsupported content types:

IGTV, Stories, Reels

Private Feeds Limited Support

The Connection is limited to 60 days by Instagram, must manually renew connection in your Account.

Troubleshooting

Inactive Account

If your social grid widget doesn't show or stops showing images, try the following steps:

  1. Login to the Account App

  2. Click Third Party

  3. Click “Connect Instagram” Button

  4. Reauthorize the account.

Clicking the Connect Instagram button will run a reauthorization process and reset our access to your IG/Facebook account. This usually happens when a setting or password in your IG/Facebook account has been changed or updated.

-----------------------------------------------------------------------------------------------------------------
More Resources

Did this answer your question?