Instagram-feed (Elfsight)

Denne artikkelen forklarer hvordan du legger til en Instagram-feed i nettbutikken din ved hjelp av Elfsight. Integrasjonen gir fleksible designmuligheter og kan brukes i både eldre maler og i Designbyggeren.

Før du starter

Instagram-feed leveres via tredjepart (Elfsight).

Fordeler:

  • Fleksibelt design og layout
  • Flere visningsmuligheter
  • Enkel tilpasning direkte i Elfsight

Steg 1: Opprett widget i Elfsight

  1. Gå til Elfsight sin Instagram-widget.
  2. Klikk Create widget for free.
  3. Sett opp feeden etter ønsket design.
  4. Klikk Embed code når du er ferdig.
  5. Kopier kodesnutten.

Viktig:

  • Du skal kun bruke delen som starter med <div> og slutter med </div>.
  • Ikke kopier <script>-delen.

Steg 2: Aktiver Elfsight i Mystore

  1. Gå til Utvidelser → Dine utvidelser
  2. Søk etter Elfsight
  3. Klikk +Installer utvidelse
  4. Klikk på Innstillinger
  5. Lim inn kodesnutten
  6. Oppdater

Elfsight i eldre designmaler (America, Europa, Tokyo)

Feeden vises automatisk når koden er lagt inn i Elfsight-utvidelsen.

Hvis du tidligere har brukt gammel Instagram-integrasjon og får dobbel tittel:

Fjern gammel Instagram-tittel

  1. Gå til Konfigurasjon → Generelt
  2. Søk etter Instagram
  3. Sett innstillingen til Nei
  4. Lagre

Tittel for ny feed styres direkte i Elfsight.


Elfsight i Designbygger

I Designbyggeren velger du selv hvor feeden skal plasseres.

Slik gjør du:

  1. Gå til Utvidelser → Dine utvidelser
  2. Aktiver Elfsight
  3. Åpne Designbyggeren
  4. Legg til en ny seksjon: Kolonne
  5. I kolonnen legger du til blokken Integration
  6. Åpne blokken
  7. Lim inn <div>-delen av kodesnutten
  8. Lagre

Viktig:

  • Ikke lim inn <script>-koden

Feeden vises ikke?

  • Den vanligste årsaken er at du har nådd visningsgrensen i gratisversjonen av Elfsight.
  • Gratis-kontoen har et begrenset antall visninger per måned.

Slik sjekker du:

  1. Høyreklikk i butikkfronten
  2. Velg Inspiser
    • Mac: Option + CMD + I
    • Windows: Ctrl + Shift + I
  3. Gå til fanen Console
  4. Se etter meldingen: APP_VIEWS_LIMIT_REACHED
  5. Hvis denne vises, må du oppgradere Elfsight-kontoen din.


Visningsgrensen nullstilles hver måned.


Viktig å vite

  • Kun <div>-koden skal brukes i Mystore
  • Ikke bruk gammel og ny Instagram-integrasjon samtidig
  • Oppsett og design styres primært i Elfsight

Hva gjør jeg hvis dette ikke løser problemet?

  • Kontroller at riktig kodesnutt er limt inn
  • Sjekk at Elfsight-integrasjonen er aktivert
  • Test i inkognitomodus
  • Sjekk om visningsgrensen er nådd
  • Kontakt Mystore support dersom feeden fortsatt ikke vises

Youtube video: Legg til Instagram i Designbyggeren


Var denne artikkelen hjelpsom?