Instagram Feed (Elfsight)

Before You Start

The Instagram feed is delivered via a third-party provider (Elfsight).

Benefits:

• Flexible design and layout
• Multiple display options
• Easy customization directly in Elfsight

Step 1: Create a Widget in Elfsight

1. Go to the Elfsight Instagram widget page.
2. Click Create widget for free.
3. Set up the feed according to your preferred design.
4. Click Embed code when finished.
5. Copy the code snippet.

Important:

• Only use the part that starts with <div> and ends with </div>.
• Do not copy the <script> part.

Step 2: Activate Elfsight in Mystore

1. Go to Extensions → Your extensions
2. Search for Elfsight
3. Click + Install extension
4. Click Settings
5. Paste the code snippet
6. Click Update

Elfsight in Older Design Templates (America, Europa, Tokyo)

The feed will display automatically once the code has been added to the Elfsight extension.

If you previously used the old Instagram integration and see a duplicate title:

Remove Old Instagram Title

1. Go to Configuration → General
2. Search for Instagram
3. Set the setting to No
4. Save

The title for the new feed is managed directly in Elfsight.

Elfsight in Design Builder

In Design Builder, you choose where the feed should appear.

How to add it:

1. Go to Extensions → Your extensions
2. Activate Elfsight
3. Open Design Builder
4. Add a new section: Column
5. Inside the column, add the block Integration
6. Open the block
7. Paste the <div> part of the code snippet
8. Save

Important:

• Do not paste the <script> code.

The Feed Is Not Displayed?

The most common reason is that you have reached the view limit in the free version of Elfsight.

The free account includes a limited number of views per month.

How to check:

1. Right-click in the storefront
2. Select Inspect
3. • Mac: Option + CMD + I
   • Windows: Ctrl + Shift + I
3. Go to the Console tab
4. Look for the message: APP_VIEWS_LIMIT_REACHED
5. If this message appears, you need to upgrade your Elfsight account.

The view limit resets every month.

Important to Know

• Only the <div> code should be used in Mystore
• Do not use both the old and new Instagram integrations at the same time
• Setup and design are primarily managed in Elfsight

What If This Does Not Solve the Issue?

• Verify that the correct code snippet has been pasted
• Ensure the Elfsight extension is activated
• Test in incognito mode
• Check whether the view limit has been reached
• Contact Mystore support if the feed still does not appear

YouTube video: Add Instagram in Design Builder