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
- Gå til Elfsight sin Instagram-widget.
- Klikk Create widget for free.
- Sett opp feeden etter ønsket design.
- Klikk Embed code når du er ferdig.
- 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
- Gå til Utvidelser → Dine utvidelser
- Søk etter Elfsight
- Klikk +Installer utvidelse
- Klikk på Innstillinger
- Lim inn kodesnutten
- 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
- Gå til Konfigurasjon → Generelt
- Søk etter Instagram
- Sett innstillingen til Nei
- 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:
- Gå til Utvidelser → Dine utvidelser
- Aktiver Elfsight
- Åpne Designbyggeren
- Legg til en ny seksjon: Kolonne
- I kolonnen legger du til blokken Integration
- Åpne blokken
- Lim inn
<div>-delen av kodesnutten - 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:
- Høyreklikk i butikkfronten
- Velg Inspiser
- Mac:
Option + CMD + I - Windows:
Ctrl + Shift + I
- Mac:
- Gå til fanen Console
- Se etter meldingen:
APP_VIEWS_LIMIT_REACHED - 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