Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hur man automatiskt publicerar nya foton från Instagram till WordPress

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.

Automatically post new Instagram photos to WordPress

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.

Click the Get Started button on IFTTT

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.

Click Create to start building an 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”.

Click the Add button next to If This option

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.

Choose Instagram as the service

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.

Choose Instagram trigger

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”.

Connect Instagram with IFTTT

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.

Toggle the media switch

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.

Click the Create Trigger button

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”.

Click the Add button next to the Then That option

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.

Choose WordPress as the service for action

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.

Choose an 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.

Click Create action button

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”.

Click the Continue button in IFTTT

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”.

Click Finish to create an applet

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.

Instagram photo in WordPress preview

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.

Activate the Instagram Feed Pro plugin license key

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.

Click the Add New button to start creating your 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.

Choose the User timeline feed option

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”.

Click the Add Sources button

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”.

Choose Personal option as the Instagram account type

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.

Click Connect with Instagram button

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”.

Give permission to Smash Balloon website

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”.

Choose Instagram account as source

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”.

Select Instagram feed template

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.

Instagram feed in the live preview editor

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.

Configure layout settings of the Instagram feed

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”.

Configure feed color scheme

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.

Configure post style

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.

Save instagram feed

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.

Copy feed shortcode

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”.

Add the shortcode for your Instagram feed

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.

Instagram feed preview

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.

Envira Gallery

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

19 kommentarerLämna ett svar

  1. 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

  2. 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

  3. 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 :)

  4. 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

  5. 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

  6. 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

  7. Justin

    Does this work with instagram video posts as well?

    • WPBeginner Support

      It would depend on the method you’re asking about

      Administratör

  8. 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

  9. 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.

  10. 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.

  11. RubnawazQureshi

    Thank you so much. I was looking automatically Instagram into my WordPress website. Thank you again for helping me.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.