Wix Apps: Adding and Setting Up the Instagram Feed App

The Instagram Feed app by Wix allows you to 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.

Important:

As of December 4th 2024, Instagram requires you to have either a Creator or a Business account in order to continue using the Instagram Feed app on your site. To change your account, you need to reconnect your account in the editor. Go straight to step 2 in this article to learn how to reconnect your existing account.

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.

Step 1 | Add the Instagram Feed app to your site

Start by adding the app to your site. You can do this directly from the Wix App Market.

Wix Editor

1. Go to your editor.

2. Click Add Apps

   

   on the left side of the editor.

3. Search for the Instagram Feed app in the search bar.

4. Click Add to Site.

Note:

If the Instagram log-in pop-up doesn’t open, try turning off your pop-up blocker, or updating your browser version.

Studio Editor

1. Go to your editor.

2. Click App Market

   

   on the left side of the editor.

3. Click App Market.

4. Search for the Instagram Feed app in the search bar.

5. Click Add to Site.

Note:

If the Instagram log-in pop-up doesn’t open, try turning off your pop-up blocker, or updating your browser version.

Wix Harmony Editor

1. Go to your editor.

2. Click + Add at the top left of the editor.

3. Click the Arrow icon

   

   to navigate to the Apps category.

4. Use the search bar to look for Instagram Feeds then select the app.

Step 2 | Connect your account

Once you've added the app to your site, you can then connect your account. If you already have the latest Instagram Feed app on your site, you can follow this step to reconnect your account.

Wix Editor

1. Click the app in your editor.

2. Click Account Settings.

3. Click Connect.

4. Click Change.

5. Select the profile that describes you:

   • Creator: Best for an individual public figure, content producer, artist, or influencer.

   • Business: Best for retailers, local businesses, brands, organisations and service providers.

1. Click Next.

2. Review the features of your chosen profile and click Next.

3. Select a category that best describes what you do.

4. (Optional) Select the Show category on profile checkbox at the top to display the category on your profile.

5. Click Done.

6. Click Continue on the pop-up.

7. Enter your contact information in the fields provided.

8. (Optional) Select the Show contact info on your profile checkbox to display your contact info on your profile.

9. Click Save.

10. Click Done.

Studio Editor

1. Click the app in your editor.

2. Click Account Settings.

3. Click Connect.

4. Click Change.

5. Select the profile that describes you:

   • Creator: Best for an individual public figure, content producer, artist, or influencer.

   • Business: Best for retailers, local businesses, brands, organisations and service providers.

1. Click Next.

2. Review the features of your chosen profile and click Next.

3. Select a category that best describes what you do.

4. (Optional) Select the Show category on profile checkbox at the top to show the category on your profile.

5. Click Done.

6. Click Continue on the pop-up.

7. Enter your contact information in the fields provided.

8. (Optional) Select the Show contact info on your profile checkbox to display your contact info on your profile.

9. Click Save.

10. Click Done.

Wix Harmony Editor

1. Click the app in your editor.

2. Click Account Settings on the action bar.

3. Click Connect Account.

4. Click Change.

5. Select the profile that describes you:

   • Creator: Best for an individual public figure, content producer, artist, or influencer.

   • Business: Best for retailers, local businesses, brands, organisations and service providers.

6. Click Next.

7. Review the features of your chosen profile and click Next.

8. Select a category that best describes what you do.

9. (Optional) Select the Show category on profile checkbox at the top to show the category on your profile.

10. Click Done.

11. Click Continue on the pop-up.

12. Enter your contact information in the fields provided.

13. (Optional) Select the Show contact info on your profile checkbox to display your contact info on your profile.

14. Click Save.

15. Click Done.

Step 3 | 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

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.

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.

Wix Harmony Editor

1. Click the Instagram Feed app in your editor.

2. Click the Display elements icon

   

   on the action bar.

3. Select or deselect the relevant checkboxes.

Step 4 | 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

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.

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.

Wix Harmony Editor

1. Click the Instagram Feed app in your editor.

2. Click the All design options icon

   

   on the action bar.

3. Select the relevant part of the Instagram Feed from the drop-down.

4. Design the Instagram Feed using the available options:

   • Spacing

     

     : Add breathing room to your content by adding padding around the posts.

   • Layout

     

     : Customize the aspect ratio, image display, and alignment.

Note:

The available design options vary based on the state you choose.

Step 5 | Customize the design

First, choose a preset design option you like best. Once you find a preset you like, go to Design to customize the preset further.

Wix Editor

1. Click the Instagram Feed app in your editor.

2. Click the Preset

   

   icon and choose the preset you like best.

3. Click the Design

   

   icon.

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

Studio Editor

1. Click the Instagram Feed app in your editor.

2. Click the Preset

   

   icon and choose the preset you like best.

3. Click the Open Inspector icon

   

   at the top right of the editor.

1. Customize your feed using the available options under Design:

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

Wix Harmony Editor

1. Click the Instagram Feed app in your editor.

2. Click the All design options icon

   

   on the action bar.

3. Select the relevant part of the Instagram Feed from the drop-down.

4. Design the Instagram Feed using the available options:

   • Fill colors

     

     : Change the color of your Instagram Feed, choosing one of your brand colors or a custom color.

   • Borders

     

     : Define the borders of your Instagram Feed so it stands out, choosing a color, width and style. Click the Edit individual borders icon

     

     to design each side of the border.

• Corners

  

  : Make the corners of your Instagram Feed more square or round by dragging the slider under Radius. Click the Edit individual corners icon

  

  to design each corner separately.

FAQs

Click a question below to learn more about adding and setting up the Instagram Feed app.

Can I connect multiple accounts to the Instagram Feed app?

Yes, you can add a new account from the Account Settings panel. Make sure you are logged in to the account on Instagram. You can then choose the content you want to display without having to disconnect from one account to the other.