Hur du visar ditt Instagram-flöde på din WordPress-webbplats 1

Hur du visar ditt Instagram-flöde på din WordPress-webbplats

Visste du att från och med 2019 Instagram har över en miljard aktiva användare? Oavsett din bransch och nisch är det en viss potential du helt enkelt måste utnyttja. Alla är på det nuförtiden, även de stora företagen, som använder det för att etablera sin varumärkespersonlighet och marknadsföra sin verksamhet. Men det räcker inte att bara ”vara på Instagram.” För att verkligen trivas på sociala medier måste du koppla alla dina sociala profiler till en integrerad webbnärvaro som användare enkelt kan navigera mellan.

Ett av de bästa sätten att hålla dina webbplatsbesökare engagerade i din Instagram-aktivitet är att lägg till ett Instagram-flöde på din webbplats. Vi är här idag för att ge dig några riktlinjer om det, men låt oss först se vad ett Instagram-flöde faktiskt är och hur det fungerar. Här är vad vi kommer att täcka:

Vad är ett Instagram-flöde?

Instagram är en flödesbaserad plattform i sig, givet att den fungerar genom att visa uppdaterat innehåll i realtid. Dynamisk till sin natur är den ett bra tillägg till WordPress-webbplatser som syftar till att hålla sina besökare engagerade med ständigt nytt innehåll.

Ett Instagramflöde på en webbplats innebär att innehållet du lägger upp på din Instagram-profil (foton och videor) visas och uppdateras även på din webbplats. Inte bara kommer dina besökare att vara uppdaterade med dina senaste inlägg utan du kommer också att öka socialt engagemang och interaktioner och öka antalet följare på ditt Instagram-konto. Dessutom får Instagram-innehållet din webbplats att se fräsch och dynamisk ut med liten eller ingen ansträngning.

Lägga till ett Instagram-flöde med ditt interaktiva Qode-tema

Majoriteten av Qode Interactives premium WordPress-teman kommer med ett Instagramflöde som redan är inbyggt. Om du har köpt ett av våra WordPress-teman som har Instagram-integration, så här aktiverar du flödet och börjar dela dina Instagram-inlägg direkt på din webbplats.

1. Det första du ska göra är att koppla din webbplats till ditt Instagram-konto (om du har flera Instagram-konton måste du välja ett att visa på din webbplats). Gå till allmänna temaalternativ i din instrumentpanel. I vårt exempel använder vi Bridge, så alternativen har titeln Qode-alternativ. I teman gjorda av andra författare som är en del av Qode Interactive kommer namnet på temaalternativen att vara Välj/Edge/Elated/Mikado-alternativ, beroende på vilket tema du använder.

Klicka nu på Social för att koppla ditt konto.

Qode Alternativ Socila

2. Hitta Instagram bland de tillgängliga sociala nätverken och klicka på knappen som säger Anslut till Instagram.

Anslut Qode Theme med Instagram

3. Du kommer nu att bli ombedd att auktorisera temat för att komma åt din Instagram-profil (din grundläggande information, media och profilinformation). Klicka på Godkänna för att slutföra detta steg.

Auktorisera Instagram

4. När du har kopplat din sida till Instagram kommer du att kunna enkelt koppla ur eller återanslut genom att klicka på motsvarande knappar.

Koppla bort eller återanslut Instagram

5. Efter att ha kopplat din webbplats med ditt Instagram-konto är det dags att lägga till flödet på din webbplats. Detta görs med hjälp av widgets. Gå till Utseende > Widgets.

Lägg till widget

6. Här kommer du att märka att det finns en sed Qode Instagram-widget skapad just för detta ändamål, listad bland de andra tillgängliga widgetarna till vänster på skärmen.

Qode Instagram-widget

7. För att lägga till widgeten, helt enkelt dra och släpp den i önskat widgetområde. Efter det kan du anpassa flödet som du vill.

dra och släpp instagram-widget

8. Ställ in titeln för ditt Instagramflöde, lägg till taggar, ange antalet bilder du vill visa och antalet kolumner du vill använda. Du kan också ställa in bildstorlek, cachetid för bilder och lägga till en hovringseffekt, om du vill.

Klicka på Gjort för att spara ändringarna.

Vi placerade flödet i sidfoten på vår webbplats med Bridge-temat, och så här ser det ut:

Instagram Bridge-tema

Lägga till ett Instagram-flöde med Spotlight Instagram Feeds-plugin

Om du använder ett tema som inte följer med vårt inbyggda Instagram-flöde, eller om du föredrar att använda plugins, Spotlight Instagram-flöden är rätt lösning för dig.

Spotlight Instagram-flöden

Detta WordPress-plugin tar hand om alla dina Instagram-behov. Du kan koppla ihop flera konton, både personligt eller företag, på några sekunder och visa dina flöden var som helst på din webbplats.

Tack vare dess live interaktiv förhandsvisning, har det aldrig varit enklare att designa utseendet på ditt flöde. Oavsett din kunskapsnivå i WordPress kan du enkelt ställa in antalet inlägg och kolumner i ditt flöde. Pluginens intuitiva och lättanvända gränssnitt låter dig sömlöst integrera dina Instagram-inlägg med din webbplats tema och stil.

De gratis plugin för Instagram-flöde erbjuder allt du behöver för att komma igång. Den kommer med en vacker Grid-layout som kan visa dina inlägg i en ljuslåda (pop-up), är fullt lyhörd och låter dig lägga till en ”Följ”-knapp för att säkerställa att dina besökare kan omvandlas till följare.

Den betalda versionen erbjuder några mer avancerade funktioner, såsom möjligheten att visa taggade och hashtagg-inlägg från hela Instagram, såväl som dina Instagram-berättelser. Det låter dig också filtrera och moderera ditt flöde. Detta säkerställer att du får välja exakt vad du vill att dina besökare ska se.

Dessutom kommer PRO-versionen med fantastiska Highlight, Masonry och andra layouter. Det låter dig visa antalet kommentarer och likes på ditt Instagram-inlägg, samt visa bildtexter.

Viktigast av allt är att Spotlight är snabb och pålitlig och påverkar inte din webbplats laddningshastighet. Pluginet har också ett eget cachingsystem som ser till att dina Instagram-flöden alltid säkerhetskopieras!

Installera och konfigurera plugin-programmet

1. För att installera Spotlight måste du logga in på din Dashboard, klicka på Plugins, och skriv ”Spotlight sociala fotoflöden” namnet på plugin-programmet i sökfältet.

Lägg till nytt plugin

2. Klicka på Installera nu och sedan vidare Aktivera.

Aktivera Spotlight

3. Instagram-flöden visas i din Dashboard-meny. Klicka på den för att komma åt plugin-alternativen.

Instagram-flöde i Dashboard

4. Välj mellan ett Personligt eller Business Instagram-konto och välj den relevanta knappen på startsidan.

I det här exemplet kommer vi att använda ett personligt konto.

Använda ett personligt konto

Du måste auktorisera Spotlight för att få tillgång till din Instagram-profilinformation och dina media.

När ditt konto har anslutits kommer du att bli tillfrågad om du vill lägga till ett profilfoto och anpassad bio. När det gäller personliga konton tillåter inte Instagram att användarbios och profilbilder importeras så Spotlight åtgärdar det här problemet med en enkel fix.

Spotlight-adresser

5. När du har ställt in allt kommer ditt flöde automatiskt att dyka upp i den interaktiva förhandsvisningen. Namnge ditt flöde och gå över till fliken Design.

Namnge ditt flöde och gå över till fliken Design

6. Under fliken Design kan du:

Fliken Design

7. I PRO-versionen kommer du nu att kunna filtrera och moderera ditt flöde.

Filtrera och moderera

8. Efter att ha anpassat flödet är det dags att bädda in den. Fliken Bädda in ger dig en kortkod som du kan klistra in på vilken sida, post eller widget som helst.

Ditt Instagram-flöde kommer sedan att visas enligt inställningarna du har ställt in under fliken Design. Du kan justera dessa inställningar när som helst och ditt flöde uppdateras automatiskt i användargränssnittet.

Få en kortkod som du kan placera var du vill

Spotlight har också en dedikerad widget som du kan använda för att visa ditt flöde.

Spotlight-widget

Du har nu framgångsrikt konfigurerat ditt Instagram-flöde!

I din instrumentpanel, gå över till ”Flöden” för att komma åt och hantera alla dina flöden. Spotlight låter dig veta vilka konton som används och var varje feed visas. Det låter dig också ta bort flöden och kopiera kortkoder.

Få åtkomst till och hantera alla dina flöden

Lägga till ett Instagram-flöde med Smash Balloon Plugin

En annan utmärkt lösning för dina Instagram-flödesbehov är Smash Balloon Social Photo Feed plugin för WordPress.

Smash Balloon Social Photo Feed

Något av en veteran inom sitt område, med över en miljon aktiva installationer, regelbundna uppdateringar och utmärkt support, är detta en plugin som tar hand om allt. Den ansluter till ditt Instagram-konto (eller flera konton, om du har dem) och visar flödet där du vill ha det. Du får ställa in allt precis som du vill, inklusive var du vill lägga till flödet och hur regelbundet du vill att det ska hämta nytt innehåll från din profil.

Installera och konfigurera plugin-programmet

1. För att installera Smash Balloon Social Photo Feed-plugin måste du logga in på din Dashboard, klicka på Plugins och skriv sedan namnet på plugin-programmet i sökfältet.

Lägg till nytt plugin

2. Klicka på Installera nu och sedan vidare Aktivera.

Aktivera plugin

3. Instagram-flöde visas i din Dashboard-meny. Klicka på den för att komma åt plugin-alternativen.

Instagram-flöde

4. Använd Konfigurera fliken för att ansluta dina Instagram-konton. Om knappen inte fungerar av någon anledning, finns det också ett alternativ för att lägga till ett konto manuellt.

Instagram Feed Configure-fliken

Här kan du också ställa in hur ofta du vill att pluginet ska leta efter nya inlägg (i minuter, timmar eller dagar).

kolla efter nya inlägg

Det finns också en ruta som du kan markera om du vill behålla dina inställningar även efter att Instagram-flödesplugin har tagits bort. På så sätt, om du bestämmer dig för att installera om det, behöver du inte ställa tillbaka allt till hur det var igen.

behålla inställningarna även efter att plugin-programmet har tagits bort

5. När du har anslutit ditt Instagramkonto klickar du på Spara ändringar och fortsätt till Anpassa flik.

Fliken Anpassa

Här kan du:

6. Efter att ha anpassat flödet är det dags att ställa in hur du vill visa det. Här får du i princip ett antal kortkoder för olika alternativ, som du kan placera var du vill på dina sidor, inlägg eller widgets.

Visa din flödesflik

Den grundläggande kortkoden är [instagram-feed]. Genom att använda det kommer ditt Instagram-flöde att visas i enlighet med de inställningar du har gjort med fliken Anpassa. För ytterligare alternativ erbjuder plugin ett lång lista över tillgängliga kortkodsalternativ. Lägg bara till dina egna värden (storlek i pixlar, antal inlägg, hex-färgkoder, etc.)

Tillgänglig Instagram Shortcode

Om du till exempel vill att din Ladda mer-knapp ska säga något annat, som ”Ge mer”, använd kortkoden [instagram-feed buttontext="Load More Photos"] och ersätt ”Ladda fler foton” med din egen text.

7. Efter att ha ställt in allt är det dags att bestämma hur du vill att ditt flöde ska visas på mobila enheter.

Gå tillbaka till Anpassa flik. Det andra anpassningsalternativet är Layout. Här ser du en kryssruta som säger ”Visa mobillayout.”

Instagram-flöde som visas på mobila enheter

Om rutan är markerad kommer ditt Instagram-flöde att visas på mobila enheter på samma sätt som det visas på din skrivbordssida. Detta kanske inte är en bra idé eftersom du kan ha till exempel sex kolumner i sidfoten. Den fungerar bra på en stor skärm, men på mobilen är den helt enkelt för liten.

Om däremot ”Inaktivera mobillayout” är avmarkerad kommer plugin-programmet som standard att visa färre kolumner på mobilen.

Och det är allt. Ditt Instagram-flöde är nu färdigställt och redo att börja.

Slutgiltiga tankar

Med tanke på Instagrams enorma popularitet som en innehållsdelningsplattform är det inte konstigt att vi ser fler och fler av dessa Instagram-flöden på webbplatser över hela Internet. Om du inte använder en, riskerar du att verka utan kontakt, och det vill du förmodligen inte.

Lyckligtvis är det extremt enkelt att koppla ditt Instagram-konto till din webbplats, speciellt om du använder ett av Qode Interactives teman som kommer med inbyggt Instagram-flöde. Alternativt kan du alltid använda något av plugins som vi diskuterade ovan.

Hur som helst, det är dags att ansluta, ladda upp och dela!

Stöd vårt arbete ❤️

Om du gillade den här artikeln, överväg att lämna dricks för att hjälpa oss fortsätta publicera bra innehåll.

Säker betalning med PayPal