Ett flöde från sociala medier med autentiskt innehåll skapat av ditt företag och dina följare ökar besökstiden på webbplatsen och förbättrar konverteringsgraden. Här är hur du bäddar in Instagram-innehåll på din webbplats.
Obs! För att lägga in och redigera anpassad kod krävs Sitebuilder Large. Har du ett annat paket behöver du uppgradera innan du kan använda funktionen.
För att bädda in enskilda Instagram-inlägg kan du använda Instagrams inbyggda funktioner. Den här artikeln guidar dig genom processen.
Innan du börjar
För att bädda in specifika Instagram-inlägg på din webbplats måste Instagram-kontot som inlägget tillhör vara inställt som offentligt. För att göra ett konto offentligt, navigera till Instagram-profilen och klicka på Mer > Inställningar > Vem kan se ditt innehåll. Slå sedan på reglaget för att göra kontot offentligt.
Steg 1 – Hämta inbäddningskoden för Instagram-bilden
Navigera till Instagram-inlägget du vill bädda in på din webbplats och klicka på det för att förstora bilden.
- Klicka på ikonen med tre punkter (…) i inläggets övre högra hörn.
- Välj Bädda in från listan med åtgärder.
- I nästa fönster, klicka på den blå knappen Kopiera inbäddningskod för att kopiera koden till datorns urklipp.
Steg 2 – Lägg till inbäddningskoden på din sida
- Gå till Sitebuilder och klicka på knappen Lägg till ett block (+). I Block-biblioteket, klicka på blocket HTML-embed och välj layouten <HTML>.
- Håll muspekaren över blocket för att aktivera kontrollpanelen och klicka sedan på ikonen Anpassad HTML.
- Klistra in koden du kopierade från Instagram i fältet Anpassad HTML.
Steg 3 – Lägg till <center>-taggar
När du har klistrat in koden i fältet Anpassad HTML vill du centrera Instagram-inlägget så att det inte trycks åt vänster eller höger på sidan.
Omslut koden med <center> och </center> så att bilden visas centrerad på sidan. Klicka på Skicka.
Resultatet blir inte synligt i det här läget – du måste publicera webbplatsen för att koden ska köras. Om du vill kontrollera hur koden fungerar innan publicering, använd knappen Förhandsgranska i topbaren.
Steg 4 – Publicera sidan
När du är klar klickar du på Publicera i Sitebuilders övre högra hörn för att göra ändringarna synliga.
Bädda in Instagram-flöde
För att visa hela Instagram-flödet behöver du använda en tredjepartsapplikation, exempelvis EmbedSocial eller Flocker. När plattformen du valt ger dig en inbäddningskod kan du lägga till den på din sida via HTML-blocket.
