Wix Apps: Adding and Setting Up the Instagram Feed App

7 min read
The Instagram Feed app by Wix allows you display your latest Instagram posts in a visually appealing, customizable feed, helping you boost engagement and keep your site fresh with dynamic content. 
Whether you're showcasing your brand, promoting products, or sharing your latest updates, the Instagram Feed app helps connect your social media presence to your site, creating a more interactive and connected experience for visitors.
Note:
In August 2024, Wix introduced an updated version of the Instagram Feed app. If you're using the old version and want to explore the new features, you can easily switch to the new Instagram Feed app.  
A screenshot showing the Instagram Feed app UI.

Step 1 | Add and connect the Instagram Feed app

Start by adding the app to your site. You can do this directly from the Wix App Market. 
Wix Editor
Studio Editor
  1. Click Add Apps   on the left side of the editor.
  2. Search for the Instagram Feed app in the search bar.
  3. Click Add to Site.
  4. Select the app on the page.
  5. Click Settings.
  6. Click Connect Personal Account.
  7. Click Allow in the pop-up. 
A screenshot showing the option to add the new instagram app to your site.
Note:
If the Instagram log-in pop-up doesn’t open, try turning off your pop-up blocker, or updating your browser version. 

Step 2 | Customize the elements displayed

You can customize the app by showing or hiding specific elements based on your preferences. For instance, you can display all available content or hide certain details, like your username, by simply checking or unchecking the appropriate boxes in the settings.
Wix Editor
Studio Editor
  1. Click the Instagram Feed app in your editor.
  2. Click the Elements  icon. 
  3. Select or deselect the relevant checkboxes.
Note:
Selecting the "All content" checkbox displays all available content including Title, Username, Hashtag, and Posts, even if they are not selected. 

Step 3 | Customize the layout

There are 2 items to customize in this section. The text layout and the feed layout. 

For the text layout, you can choose to have a single line of text or a multi-line of text. You can also change the alignment of the text, and set it either to the left, center, or right. The feed layout lets you adjust the level of padding around the feed. 
Wix Editor
Studio Editor
  1. Click the Instagram Feed app in your editor.
  2. Click the Layout   icon. 
  3. Choose a layout: Single line or Multi-line
  4. Set the alignment, Left, Center, or Right
  5. Drag the Top and bottom padding slider to change the amount of padding between your text. 
  6.  Drag the Side padding slider to change the amount of padding at the side of your text. 
  7. Under Feed: Drag the Side padding slider to change the amount of padding at each side of your feed. 
  8. Enable or disable the Set images to show toggle to show or hide images on your feed. 

Step 4 | Customize the design

The preset design options available in this panel have been chosen especially for you as they match the design of your site. Browse through the designs and see what it looks like on your site. Once you find a preset you like, click Customize design to customize the preset even more.

To customize the design:

  1. Click the Instagram Feed app in your editor.
  2. Click the Design  icon. 
  3. Select a preset from the options available. 
  4. Click Customize Design.
  5. Choose what you want to customize:
    • Widget background:
      • Fill Color & Opacity: Set the color and opacity for the app background. Choose if you want to add a glass effect to your app background. 
      • Border: Change the color, width and spacing of your frame border to make your image stand out.
      • Corners: Round the corners to make the image frame more circular.
      • Shadow: Add a shadow to your image to give a 3D effect. You can customize different aspects of the shadow to make it more or less dramatic.
    • Text container: 
      • Fill Color & Opacity: Set the color and opacity for the app background. 
      • Border: Change the color, width and spacing of your frame border to make your image stand out.
      • Corners: Round the corners to make the image frame more circular.
      • Shadow: Add a shadow to your image to give a 3D effect. You can customize different aspects of the shadow to make it more or less dramatic.

FAQs

Click a question below to find out more. 

Did this help?

|