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

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.

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

Click the Get Started button on IFTTT

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.

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 behörighet att ta emot medieinformation om ditt Instagram-konto. Bara toggle på ”Media” -knappen och klicka på ”Allow” -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.

För detta måste du klicka på knappen ”Add” bredvid alternativet ”Then That”.

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

Click the Continue button in IFTTT

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

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 gillade vi det på vår demo WordPress 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, 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.

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

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

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

20 kommentarerLämna ett svar

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

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

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

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

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

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

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

    • 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

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

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

  10. RubnawazQureshi says

    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.