🚀 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.

NOTE: Occasional reconnection may be required due to how Meta chooses to provide security tokens to third-party sources for a limited number of days. This is a layer of their security we can't change or control.

Video Instructions

Written Step-by-Step Instructions

Adding the Social Grid

To add the Social Grid widget to your design:

First select the canvas you would like the widget added to.
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:

Select the Social Grid widget in your design.
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

The Social Grid does support Edge Locking

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:

Login to your Account Third Party settings.
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
Private Feeds Limited Support	The Connection is limited to 60 days by Instagram, must manually renew connection in your Account.
Cover Images Always Center Cropped	Cover images on Reels will always display center-cropped in our widget. Custom crops on cover images will not apply to our widget.

Troubleshooting

Inactive Account

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

Login to the Account App
Click Third Party
Click “Connect Instagram” Button
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

Social Grid Widget (Instagram)