Att hålla din webbplats innehåll fräscht och engagerande kan vara tidskrävande, men att lägga till ditt Instagram-flöde med WordPress kan hjälpa till att effektivisera denna process.
Genom att automatiskt lägga upp nya Instagram-foton på din WordPress-webbplats ser du till att ditt senaste innehåll alltid visas, vilket gör din webbplats dynamisk och interaktiv. Detta förbättrar webbplatsens visuella tilltal, ökar varumärkesexponeringen och driver till och med mer trafik till ditt Instagram-konto.
Under årens lopp har vi använt olika strategier för sociala medier för att öka trafiken på vår webbplats. Det har hjälpt oss att lära oss hur man effektivt använder plattformar som Facebook, Twitter och Instagram för att få kontakt med vår publik.
I den här artikeln kommer vi att visa dig hur du automatiskt postar new Instagram-foton till WordPress, steg för steg.
Varför publicera Instagram-bilder till WordPress?
Instagram har över 2 miljarder aktiva användare varje månad, och det gör det möjligt för människor att dela videoklipp och images på plattformen för sociala media. Det låter till och med människor upptäcka nya användare konton baserat på vad de redan gillar.
Om du redan har en WordPress-webbplats och precis har börjat använda Instagram kan du enkelt få fler följare genom att lägga upp dina nya Instagram-bilder på din webbplats.
Detta kan hjälpa dig att bygga sociala bevis genom att visa att du är aktiv på Instagram och interagerar med din publik på plattformen. Det kan också öka den tid som besökare tillbringar på din webbplats.
Med detta sagt, låt oss ta en titt på hur du enkelt och automatiskt publicerar new Instagram-bilder till WordPress. Du kan använda snabblänkarna under för att hoppa till de olika metoderna:
Metod 1: Add Instagram Photo som en New: post i WordPress
Den här metoden är för användare som vill skapa ett nytt blogginlägg som visar deras senaste Instagram-bild.
Det innebär att varje gång ett Instagram-inlägg från ditt konto går live kommer ett blogginlägg med det att publiceras automatiskt.
Du kan enkelt göra detta med hjälp av IFTTT (If This Then That), som är ett kraftfullt verktyg som låter dig automatisera din WordPress site med social media.
Först måste du besöka IFTTT:s website och clicka på knappen ”Kom igång” högst upp till höger på vyn.
Därefter måste du logga in eller skapa ett nytt konto på webbplatsen.
När du har gjort det, besök bara din IFTTT dashboard och klicka på knappen ”Skapa” högst upp till höger för att börja bygga en applet.
Du kommer till en new page där du måste konfigurera inställningarna för trigger och action.
Du kan börja med att clicka på knappen ”Add” bredvid alternativet ”If This”.
You will then be directed to the ”Choose a service” page, where you must select a platform for the trigger.
Om du vill publicera ett blogginlägg varje gång ett new foto publiceras på ditt Instagram account måste du välja Instagram som tjänst.
Då kommer du till page ”Choose a trigger”.
Härifrån väljer du helt enkelt alternativet ”Any new photo by you” som utlösare.
Du kommer nu till sidan ”Connect Service”, där du kan ansluta ditt Instagram account till IFTTT.
För att göra detta klickar du bara på knappen ”Anslut”.
Detta öppnar en Instagram-prompt i ett nytt fönster där du måste logga in på ditt konto.
När du har gjort det kommer IFTTT att be om tillstånd att ta emot medieinformation från ditt Instagram-konto. Slå bara på ”Media”-knappen och klicka på ”Tillåt”-knappen.
Du kommer nu att redirectas till IFTTT page, där ditt Instagram account har anslutits.
Därefter klickar du på knappen ”Skapa trigger” för att slutföra processen.
Nu när din trigger har skapats är det dags att skapa action. Det här är vad som kommer att hända efter att triggern uppstod.
Detta gör du genom att klicka på knappen ”Lägg till” bredvid alternativet ”Sedan det”.
You will again be directed to the ”Choose a service” page.
Den här gången ska du hitta och välja WordPress som din tjänst.
Nu kommer du till sidan ”Choose an action”, där du måste selecta en action som din website ska utföra när triggern inträffar.
Härifrån väljer du alternativet ”Skapa ett fotopost” som action.
Detta kommer att ta dig till en new page där du måste add to your website URL och login details för att ansluta den till IFTTT.
När du har gjort det klickar du bara på knappen ”Create action” längst ner på sidan.
Du kommer nu till en ny skärm där du kan se den utlösare och åtgärd som du skapade med IFTTT.
Du kan också redigera dessa åtgärder genom att klicka på länken ”Redigera”. Men om du inte vill göra några ändringar klickar du bara på knappen ”Fortsätt”.
Du kommer då till en ny skärm där du kan ändra appletens titel och växla omkopplaren för att få ett meddelande varje gång denna applet används.
Klicka till sist på knappen ”Slutför”.
Nu kan du posta en new bild på ditt Instagram account och den kommer automatiskt att publiceras på din WordPress site.
Så här såg det ut på vår WordPress-demo-blogg.
Metod 2: Visa ditt Instagram Feed på din WordPress-webbplats
Den här metoden är för användare som bara vill visa sina Instagram feeds på sina websites utan att skapa nya posts i WordPress.
Du kan enkelt göra detta med hjälp av pluginet Instagram Feed från Smash Balloon. Det är det bästa WordPress Instagram plugin som gör att du enkelt kan lägga till din Instagram feed till någon page eller post.
Du behöver inte ens en access token för att embeda feeden av dina Instagram images och reels.
Först måste du installera och aktivera pluginet Instagram Feed. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.
Note: Pluginet Instagram Feed har också en gratis plan. Vi kommer dock att använda Pro-versionen för denna tutorial eftersom den har fler alternativ för customomize.
Efter aktivering går du till sidanInstagram Feed ” Inställningar från WordPress admin sidofält för att ange din licensnyckel.
You can find this information in your account on the Smash Balloon website.
När du har gjort det, besök Instagram Feed ” All Feeds page från WordPress dashboard.
Här klickar du på knappen ”+ Add New” för att börja embedda ditt Instagram feed.
Du kommer nu att ledas till vyn ”Skapa ett Instagram Feed”, där du måste välja alternativet ”User Timeline” som feed-typ.
Detta innebär att Smash Balloon nu direkt hämtar posts till feeden från ditt Instagram account och uppdaterar feeden automatiskt när du publicerar new photos.
Därefter klickar du på knappen ”Nästa” för att fortsätta.
När du har gjort det kommer du till page ”Select one or more sources” (välj en eller flera källor).
För att ansluta ditt Instagram account till din website klickar du bara på knappen ”+ Add Source”.
Detta kommer att leda dig till Smash Balloon website, där du kommer att bli ombedd att select your Instagram account type.
Tänk på att om du har ett personligt Instagram-konto kommer Smash Balloon automatiskt att ansluta din website till det.
Men om du har ett business account måste det vara anslutet till din Facebook page, som sedan kommer att vara ansluten till Smash Balloon.
För denna tutorial kommer vi att välja alternativet ”Personal”.
Nu kommer du att tas till nästa steg.
Här måste du klicka på knappen ”Anslut med Instagram” för att gå vidare.
Instagram-plattformen öppnas på vyn och du måste logga in på ditt konto.
När du har gjort det kommer Smash Balloon att be om din behörighet att samla in data från ditt Instagram account. Klicka bara på knappen ”Allow”.
Du har nu utan problem anslutit ditt Instagram account till din website.
Nu måste du välja ditt account och klicka på knappen ”Next” på sidan ”Select one or more sources”.
Detta kommer att leda dig till sidan ”Börja med en mall”, där du kan välja någon av Smash Balloons färdiga mallar för ditt Instagram-fotoflöde.
Därefter klickar du på knappen ”Next”.
Pluginet kommer nu att hämta ditt Instagram feed i sin live preview editor. Här kommer du att notera en feed preview på höger sida och settings column på vänster sida av vyn.
För att börja customize ditt Instagram feed, click on the ’Layout’ tabs.
Detta öppnar några inställningar i den vänstra kolumnen, där du kan ändra din layout till carousel, grid, highlight eller masonry.
Tänk på att om du använder det gratis pluginet kan vissa av alternativen för customize vara låsta för you.
När du har gjort det kan du också konfigurera feedens höjd, padding och antalet posts som kommer att visas i feeden härifrån.
Klicka sedan på tabben ”Färgschema” i den vänstra colonnen.
Du kan hålla ditt Instagram feed i ljust eller mörkt läge eller till och med skapa ditt eget anpassade färgschema för det genom att välja alternativet ”Custom”.
Därefter klickar du på fliken ”Posts” från den vänstra kolumnen.
Här kan du customize de enskilda post typerna, bakgrunderna, ramarna och post radius.
Därefter kan du klicka på tabbarna ”Load More Button” eller ”Följ Button” för att add to dessa knappar till dina feeds.
För mer detaljer om customize-inställningar, vänligen se vår tutorial om hur du enkelt embedar Instagram i WordPress.
Slutligen klickar du på knappen ”Save” högst upp för att spara dina Settings.
Nu är det dags för dig att bädda in ditt Instagram feed på en WordPress page eller post.
För att göra detta, besök Instagram Feed ” All Feeds page från WordPress dashboard.
När du väl är där kopierar du bara shortcoden för Instagram feed som du skapade.
Därefter öppnar du en WordPress page eller post som du gillar i block editor.
Härifrån klickar du på knappen lägg till block ’+’ i det övre vänstra hörnet av vyn för att lägga till Instagram Feed-blocket.
Därefter klistrar du in shortcoden som du kopierade tidigare i sektionen ”Shortcode Settings”.
Slutligen klickar du på knappen ”Update” eller ”Publicera” för att lagra dina settings.
Du kan nu besöka din WordPress site för att view the Instagram feed in action.
Bonus: Skapa ett galleri för images i WordPress
Att embedda din Instagram feed på din website är bara ett sätt att visa upp dina bilder. Alternativt kan du skapa ditt eget image gallery i WordPress.
Detta kan vara till stor hjälp om du har en webbplats för fotografering eller säljer images med hjälp av Easy Digital Downloads. Det kan också göra att din website ser mer attraktiv ut allmänt.
Om du har en webbutik kan du dessutom skapa ett galleri för produktbilder som hjälper dig att visa alla dina produkter på ett ställe och öka försäljningen.
Envira Gallery är det bästa valet för att lägga till ett attraktivt image gallery på din WordPress site.
Det är det bästa WordPress-pluginet för gallerier som kommer med en drag and drop-byggare, färdiga templates för gallerier, social delning, bildkomprimering, vattenstämpel, sidonumrering och så mycket mer.
Pluginet kan också integreras med Pinterest, Instagram, WooCommerce och Beaver Builder. För mer detaljer, vänligen se vår tutorial om hur man skapar ett image gallery i WordPress.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du automatiskt postar new Instagram-foton till WordPress. Du kanske också vill se vår tutorial om hur du skapar ett custom Facebook feed i WordPress och våra toppval för de bästa social media plugins för WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
ASHIKUR RAHMAN
for step 1 ifttt , will those image be saved in my server/wp media? if yes then those image will be on original size/quality?
also can we setup posting from following list? people that i follow.
WPBeginner Support
The process should bring the images into your media library and your theme’s image sizes would determine the image size used.
This would not be for lists that you are following.
Administratör
THANKGOD JONATHAN
I have been using Zapier free plan for longtime because of some budget issues but comes with a lot of limitations. Is the free version of IFTTT better than that of Zapier free plan?
WPBeginner Support
IT would depend on how you use it, as it is free we would recommend giving it a try to see if it works for you
Administratör
Konrad
In IFTTT it’s also worth noting that you can create custom applets for more advanced automation. For instance, you can set up an applet that posts only photos with specific hashtags or from certain locations if its useful for you
Jiří Vaněk
I use Smash Baloon to display an Instagram feed. However, sometimes this plugin disconnects from the feed and needs to be reconnected. I’m not sure if it’s a server configuration issue because it happens across multiple websites or if it’s due to some changes on Instagram’s end. Occasionally, I have to check the website to see if the feed is displaying. It doesn’t happen too frequently, but in the last year of running the website, it disconnected and stopped displaying the feed maybe 2 or 3 times.
WPBeginner Support
If you reach out to Smash Ballon’s support they should be able to assist and let you know. For the most part it seems that social media sites are making changes to how their content may be accessed as a major factor.
Administratör
Ralph
I used wordpress tool for that to put my feed in footer or that was a function of my theme, don’t really remember. It looks really nice, when you create well designed posts, however i focus on my website most. Leaving ”gate” to instagram is for me another distraction that may take my reader away and lower my goal conversion.
WPBeginner Support
That could be something to consider depending on your content but you can also share your posts on instagram to work on driving traffic to specific sections of your site’s content.
Administratör
Ricki Wellman
When using the IFTTT it’s posting to Wordpress ok but it is adding a description.
I’ve tried a few times, why is this showing?
WPBeginner Support
You may want to check that the recipe/applet you’re using is not adding a specific excerpt with your settings for the most likely reason.
Administratör
Justin
Does this work with instagram video posts as well?
WPBeginner Support
It would depend on the method you’re asking about
Administratör
Bryan Matheson
Will this work if my wordpress site is hosted elswhere, like bluehost.com?
WPBeginner Support
Yes, our tutorials are for WordPress.org sites and as you’re hosted on BlueHost your site is a WordPress.org site.
Administratör
Laurie
I was so excited to find this. Sadly Wordpress has made it so you have to buy their yearly business plan otherwise you can’t use plugins.
WPBeginner Support
Hi Laurie,
You are probably using WordPress.com. Please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
Administratör
Tess
Mine doesn’t seem to load? it just has this little loading symbol, if i click the follow button it will go to the page though.
RubnawazQureshi
Thank you so much. I was looking automatically Instagram into my WordPress website. Thank you again for helping me.