Letar du efter ett sätt att automatiskt publicera new Instagram-bilder på din WordPress site?
Genom att lägga till new Instagram-foton på din website kan du öka exponeringen av ditt varumärke och till och med driva mer trafik till ditt Instagram account. Dessa bilder kan också göra din WordPress website mer attraktiv och interaktiv.
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 publicera dina nya Instagram-bilder på din website.
Detta kan hjälpa dig att bygga socialt bevis genom att visa att du är aktiv på Instagram, interagerar med din publik på plattformen och ökar 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.
Detta innebär att varje gång ett Instagram-inlägg går live från ditt account kommer ett blogginlägg som utvalts 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.
Efter det måste du logga in eller skapa ditt new account på the website.
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 behörighet att ta emot medieinformation om ditt Instagram-konto. Bara toggle på ”Media” -knappen och klicka på ”Allow” -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.
För detta måste du klicka på knappen ”Add” bredvid alternativet ”Then That”.
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 new vy där du kan se den trigger och action som du har skapat med hjälp av IFTTT.
Om du vill kan du också editera dessa actions genom att clicka på ”Edit” linken. Men om du inte vill göra några ändringar klickar du bara på knappen ”Fortsätt”.
You will then be taken to a new vy where you can change your applet title and toggle the switch if you want to receive a notification every time this applet is used.
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 gillade vi det på vår demo WordPress 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, heada över till Instagram Feed ” Settings page från WordPress admin sidebar för att enter din license key.
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 ”Start with a template” page, där du kan välja någon av de färdiga templates som erbjuds av Smash Balloon för din Instagram foto feed.
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 online store kan du dessutom skapa ett gallery för produkt images som hjälper dig att displayed all your products in one place and help boost sales.
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.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
ASHIKUR RAHMAN says
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 says
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 says
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 says
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 says
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 says
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 says
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 says
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 says
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 says
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 says
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 says
Does this work with instagram video posts as well?
WPBeginner Support says
It would depend on the method you’re asking about
Administratör
Bryan Matheson says
Will this work if my wordpress site is hosted elswhere, like bluehost.com?
WPBeginner Support says
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 says
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 says
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 says
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 says
Thank you so much. I was looking automatically Instagram into my WordPress website. Thank you again for helping me.