Instagram Feed

Adding Instagram

Option 1

  • Hover over the desired section, and click the Add Element:

  • Choose the Instagram element from the modal that appears:

  • After you choose the element from the list, drag it to the desired section and drop it using the grid.

Option 2

  • Hover over the left sidebar of the Site Editor and click Build (+) button:

  • Choose the element:

  • After you choose the element from the list, drag it to the desired section and drop it using the grid.

Connecting Instagram Account

  • Hover over the Instagram widget and click the Connect button:

  • Select the Instagram account you're currently logged into. If needed, click Switch Accounts to select a different account:

Please Note: According to the Instagram display policy, only Instagram Professional accounts - Business and Creator - can be connected to display Instagram feeds on websites. Personal Instagram accounts are no longer supported, effective December 4, 2024.

Managing Instagram Accounts

  • Click Settings on the left sidebar of the Site Editor, then hover over the Social button.
  • Hover over the Instagram button and click it to open the Instagram settings menu.
  •  Click Connect to link a new account or Delete to remove an existing account:

Moving and Resizing Instagram Element

Please refer to the Elements Management (New Grid) article to learn more about moving and duplicating elements.

Customizing Instagram Element

To edit, duplicate, or delete the element, click on it and switch between the buttons that appear in its toolbar:

Style Tab

The Style tab allows you to change the following:

  • Crop Photos. Enable or disable the toggle to crop images.
  • Aspect Ratio. Select Aspect Ratio for images of the Instagram element: 1:1 Square, 3:2 Standard, etc.
  • Show Title. Display or hide Instagram image titles with the toggle.

Settings Tab

In the Settings tab you are able to modify the following:

  • Connected Accounts. Select a connected account from the list.
  • Total Photos. Adjust the total number of images that appear in the Instagram element.
  • Photo Size. Drag the slide control to set the size of images for the Instagram element.
  • Open in the New Tab. When selected, the Instagram page will open in a new tab.

Deleting the Instagram Feed

  • To delete the element, click on the element and choose the Remove button [Bin] that appears in its toolbar:

  • The element will be removed immediately.

More Menu

  • Click the More icon in the editing menu to access the available options:

  • Cut. Click Cut or Ctrl+X to cut your element.
  • Copy. Click Copy or Ctrl+C to copy your element.
  • Duplicate. Click Duplicate or Ctrl+D to duplicate your element. The duplicate will appear immediately.
  • Delete. Click Delete to remove the element. The element will be deleted immediately.
  • Move Forward. Click Move Forward or Ctrl+⇓ to move your element.
  • Move Backward. Click Move Backward or Ctrl+⇑ to move your element.

Please Note: The Move Forward or Move Backward options are available only when one element is added on top of another.

Related Articles