Har du någonsin velat dela ett visst Instagram-foto eller videopost) på din hemsida, försökte du frustrerande spara bilden till din dator och ladda upp den till din webbplats?
Instagram har en inbäddningsfunktion som du kan använda för att enkelt infoga foton eller videor i HTML-adressen till din webbplats eller blogg, och du behöver inte vara webbdesigner för att räkna ut hur man gör det.
Fördelen med att integrera Instagram-inlägg direkt i dina webbsidor är att dina besökare på webbplatsen kan interagera med posten som om de var på Instagram. De kan klicka på den för att gå till postsidan eller användarprofilen, som de uppskattar om de redan är Instagram-användare själva.
Klicka genom följande steg för att se hur du enkelt kan bädda in ett Instagram-foto eller en video på din webbplats på bara några minuter.
01 av 06Hitta Instagrams foto eller videosida du vill bädda in
Första saker först: Du måste komma åt Instagram på webben och inte mobilappen för att göra det här.
Om du behöver bädda in ett inlägg som du har hittat i appen kan du trycka på tre prickar som visas i det övre högra hörnet av ett inlägg och tryck sedan på Kopiera länk alternativ som visas i menyn för att kopiera och klistra in det någonstans för att komma åt det på webben.
Du kan till exempel klistra in den i ett e-postmeddelande och skicka det till dig själv så att du kan öppna länken till det inlägget på en stationär dator.
Öppna Instagram-posten i en webbläsare
I det här exemplet använder vi en bildpost från det officiella Lifewire Instagram-kontot, men du kan använda alla Instagram-inlägg som du vill ha.
Om du redan har URL-adressen till inlägget klickar du bara på den eller kopierar och klistrar in den i din webbläsare. URL-adressen för Instagram-inlägget kommer att se ut så här: instagram.com/p/xxxxxxxxxx/ .
Men om du redan är på Instagram.com (på webben, kom ihåg, inte appen) bläddrar i ditt hemmatning, en profil, en tagg eller Utforsk-sidan behöver du inte ens öppna postens sida för att bädda in den i en webbsida.
03 av 06Klicka på de tre prickarna i botten höger hörn
Istället för att högerklicka på musen och välja "Spara som" eller ta en skärmdump av bilden, så ska du helt enkelt leta efter tre prickar i det nedre högra hörnet av bildrutan, som kommer att finnas där om du tittar på inlägget som en popup över sidan, i ditt flöde eller på egen postsida.
Klicka på de tre grå prickarna och du bör se flera alternativ dyker upp. Klicka på Bädda in.
04 av 06Kopiera inbyggningskoden
En låda kommer dyka upp i mitten av din skärm som visar en sträng kod och en blå knapp. Om du vill inkludera bildtexten för att dyka upp på webbsidan kan du lämna Inkludera textrutan avmarkerad, men om du bara vill visa fotot eller videon kan du avmarkera det.
Du behöver inte veta hur någon av koden fungerar eller vad det betyder för att bädda in bilden eller videon på din webbplats korrekt. Klicka bara på det blåKopiera inbädda kodknappen att automatiskt kopiera hela strängen av kod.
Du är klar med Instagram-sidan nu. Därefter kan du gå vidare till din webbplats eller blogg där du vill att inlägget ska visas.
05 av 06Klistra in Instagram-inbäddningskoden i HTML-adressen till din webbplats
Det är upp till dig att komma åt administratörsområdet eller instrumentbrädan för vilken webbplats eller bloggplattform du använder, och hitta rätt område för att infoga koden.
Om din webbplats exempelvis körs på WordPress behöver du bara komma åt ditt redigerbara inlägg eller sida i Textläge (i stället för visuellt läge), Högerklicka i redigeraren och välj Klistra att sätta in din kopierade inbäddningskod i rutan.
Spara det, centrera det om du vill, publicera det och du är klar.
06 av 06Visa din sida och inbäddad Instagram-bild
Ta en titt på den publicerade sidan på nätet för att se det nya Instagram-fotoet eller -videoen som är snyggt inbäddad direkt in i den.
Du ska kunna se fotot med länken till Instagram-användarens namn längst upp, liksom antalet liknande och kommentarer under den.
Om det är en video istället för ett foto kan besökare på din webbplats spela upp videon direkt på din webbplats.
Om ingenting visas på din webbplats kan du naturligtvis ha klistrat in koden på fel ställe eller kanske inte kopiera hela koden. Kolla in den här stora HTML WordPress-hjälpenartikelen om du har några problem.
