Hur man lägger till Instagram-bilder som kan köpas i WordPress

En av de coola sakerna med Instagram är dess funktion för shoppningsbara inlägg. Du kan tagga produkter direkt i dina foton, vilket gör det enkelt för följare att handla dina varor med bara en tryckning.

Men här är haken: de inbyggda shoppingtaggarna fungerar inte när du bäddar in ett Instagram-inlägg på din WordPress-webbplats. Det betyder att du kan gå miste om försäljning.

Men oroa dig inte! Vi har hittat ett enkelt sätt att lägga till köpbara Instagram-bilder till WordPress med hjälp av Smash Balloon-pluginet. 🛍

Denna lösning låter dig skapa ett shoppable Instagram-flöde på din webbplats, vilket hjälper dig att omvandla ditt sociala medieinnehåll till ett kraftfullt säljverktyg.

I den här artikeln visar vi dig hur du enkelt lägger till köpbara Instagram-bilder i WordPress.

Vad är ett köpbart Instagram-flöde?

Ett shoppable Instagram-flöde är en serie foton där varje foto länkar till en produktsida. När du klickar på fotot kommer det att leda dig till produkten som visas på fotot.

Du kanske är bekant med den här funktionen när du går in på Instagram och ser att ett foto har en speciell produktetikett, så här:

På Instagram självt är den här funktionen användbar för användare som omedelbart vill köpa en produkt de ser i appen. Och om du är en småföretagare, kanske du vill ta med den här funktionen till ditt inbäddade Instagram-flöde på din webbplats också.

Huvudanledningen till att du behöver ett plugin för detta är att Instagrams officiella shoppingtaggar försvinner när du bäddar in ett inlägg på din webbplats.

Så även om du har ett shoppningsbart inlägg på Instagram, kommer dina webbplatsbesökare inte att kunna se eller klicka på produktlänkarna. Ett plugin hjälper dig att återskapa den shoppningsbara upplevelsen direkt på din webbplats.

Haken är att det inte är lätt att konfigurera. Du måste konfigurera en Facebook-katalog, en produktkatalog och en Facebook-företagssida.

Dessutom behöver du få godkännande från Instagram för att använda dessa shoppingfunktioner.

Ännu viktigare, även om du bäddar in ett Instagram-inlägg med en produktetikett på din webbplats, kanske den etiketten inte visas. Med andra ord, du kan missa många potentiella konverteringsmöjligheter.

Lyckligtvis finns det ett enkelt alternativ med Smash Balloon Instagram Pro.

Låt oss se hur du enkelt kan lägga till Instagram-köpbara bilder på din WordPress-webbplats.

Du kan använda dessa snabblänkar för att navigera genom stegen:

• Steg 1: Installera ett Instagram-foton-plugin med shoppable-stöd
• Steg 2: Anslut ett Instagram-konto till WordPress
• Steg 3: Aktivera Smash Balloons shoppable-funktion
• Steg 4: Filtrera ditt shoppable Instagram-flöde
• Steg 5: Anpassa ditt shoppningsbara Instagram-flöde
• Steg 6: Bädda in ditt köpbara Instagram-flöde i WordPress
• Vanliga frågor om köpbara Instagram-flöden

Steg 1: Installera ett Instagram-foton-plugin med shoppable-stöd

Det bästa sättet att lägga till Instagram-köpbara bilder i WordPress är att använda Smash Balloon Instagram Pro.

Det är det bästa pluginet för Instagram-fotoflöden på marknaden och låter dig skapa ett helt anpassningsbart, köpbart flöde på din webbplats.

När du publicerar nya köpbara bilder på Instagram kommer de automatiskt att visas på din webbplats, så besökare alltid ser de senaste inläggen utan att du behöver lägga till dem manuellt.

Vi har grundligt testat Smash Balloon-pluginet och funnit att det är mycket nybörjarvänligt. För att lära dig mer, se vår detaljerade recension av Smash Balloon.

Innan du börjar måste du koppla ditt Instagram-konto till en Facebook-sida.

Om du har ett personligt Instagram-konto, kanske du också vill göra det till ett företagskonto, eftersom detta gör det möjligt för Smash Balloon att automatiskt visa din Instagram-bio och rubrik.

För steg-för-steg-instruktioner om hur du gör båda dessa saker kan du se FAQ-sektionen längst ner i den här guiden.

När du är redo, fortsätt och installera och aktivera Smash Balloon Instagram Pro-pluginet. För mer information, se vår guide om hur man installerar ett WordPress-plugin.

Efter aktivering, gå till Instagram Feed » Settings och ange din licensnyckel i fältet 'License Key'.

Du hittar denna information i ditt konto på Smash Balloon-webbplatsen.

Efter att ha angett nyckeln, klicka bara på knappen ‘Aktivera’.

Steg 2: Anslut ett Instagram-konto till WordPress

Efter att ha aktiverat pluginet är din första uppgift att ansluta ditt Instagram-konto till WordPress. Gå helt enkelt till Instagram Feed » Inställningar och klicka sedan på 'Lägg till ny'.

Med Instagram Feed Pro kan du skapa flöden från taggade inlägg och hashtags eller till och med skapa en social vägg med innehåll från många olika sociala medier.

Vi vill visa shoppningsbara bilder från vårt Instagram-flöde, så välj helt enkelt 'User Timeline' och klicka sedan på 'Next.'

Välj nu det Instagram-konto där du kommer att hämta de shoppable bilderna från.

För att komma igång, klicka på knappen 'Lägg till källa'.

Välj därefter om du vill visa shoppningsbara bilder från ett personligt eller ett företagskonto på Instagram.

Om du markerar rutan bredvid 'Personlig' kommer Smash Balloon inte att inkludera Instagram-avatar och bio i din rubrik som standard. Du kan dock alltid lägga till Instagram-avatar och bio manuellt i pluginets inställningar.

Efter att ha valt 'Personlig' eller 'Företag' klickar du på 'Logga in med Facebook'.

Du kan nu välja det Instagram-konto du vill visa på din WordPress-webbplats och klicka på 'Nästa'.

Kontrollera därefter rutan bredvid Facebook-sidan som är länkad till Instagram-kontot med dina köpbara bilder.

När du har gjort det, klickar du bara på knappen 'Next'.

Du kommer nu att se ett popup-fönster med all information som Instagram Feed Pro kommer att ha tillgång till och de åtgärder det kan utföra.

För att begränsa pluginets åtkomst till ditt Instagram-konto, klicka helt enkelt på någon av omkopplarna för att ändra den från 'Ja' till 'Nej'. Var bara medveten om att detta kan påverka de foton du kan visa på din WordPress-blogg eller webbplats.

Med det i åtanke rekommenderar vi att du lämnar alla reglage aktiverade. När du är nöjd med inställningarna klickar du på 'Klar'.

Du kommer nu att se ett popup-fönster med det Instagram-konto du just lade till på din webbplats.

Markera helt enkelt rutan bredvid det kontot och klicka sedan på 'Lägg till'.

Instagram Feed Pro kommer nu att ta dig tillbaka till skärmen Instagram Feeds » Alla flöden.

För att skapa ett flöde, markera bara rutan bredvid det Instagram-konto du vill använda. Klicka sedan på 'Nästa'.

Plugin skapar nu ett Instagram-flöde med foton.

Steg 3: Aktivera Smash Balloons shoppable-funktion

Därefter behöver du aktivera Smash Balloons shoppable-funktion. Välj helt enkelt fliken ‘Inställningar’ och klicka sedan på ‘Shoppable Feed’. 

På den här skärmen, fortsätt och aktivera reglaget ‘Aktivera’ så att det blir blått.

Smash Balloon kommer nu att visa en 'Lägg till'-knapp på varje foto eller video i ditt Instagram-flöde.

Hitta helt enkelt det första inlägget du vill göra köpbart och klicka på dess 'Lägg till'-knapp.

Du kan nu skriva in URL:en för produkten eller tjänsten i fältet ‘Produktlänk’ och klicka på ‘Lägg till’.

Nu kommer ett klick på den här bilden att öppna den länkade URL:en i en ny flik.

Upprepa helt enkelt dessa steg för att göra varje bild köpbar.

Om du behöver ändra en posts URL vid något tillfälle, hovra bara med musen över den och klicka på 'Uppdatera'.

När du har lagt till alla dina länkar, glöm inte att klicka på knappen 'Spara'.

När en besökare klickar på en av dessa bilder på din webbplats, kommer de att tas direkt till produktsidan i en ny flik, vilket skapar en sömlös shoppingupplevelse.

Steg 4: Filtrera ditt köpbara Instagram-flöde

Som standard visar Smash Balloon alla bilder och videor från ditt Instagram-konto. Men eftersom vi skapar ett shoppable flöde kanske du vill filtrera dina inlägg och bara visa foton som länkar till en produkt eller tjänst.

Detta kan hjälpa kunder att hitta produkter att köpa i din onlinebutik, utan att distraheras av andra foton och videor i ditt Instagram-flöde.

Med Smash Balloon är det enkelt att filtrera Instagram-inlägg baserat på deras bildtexter. Du kan helt enkelt lägga till ett nyckelord eller en hashtag till dina shoppningsbara bilder på Instagram och sedan skapa ett matchande filter i Smash Balloon.

Till exempel, i följande bild använder vi hashtaggen #ordernow för alla bilder vi vill göra köpbara.

För att skapa ett filter i Smash Balloon, välj fliken ‘Inställningar’.

Klicka sedan på 'Filter och moderering'.

I rutan 'Visa endast inlägg som innehåller' skriver du in hashtags eller nyckelord som du vill använda i filtret.

För att använda flera ord i filtret, separera helt enkelt varje hashtag eller nyckelord med ett kommatecken.

När du är nöjd med hur filtret är inställt, klicka på knappen 'Spara'.

Var bara medveten om att förhandsgranskningen inte uppdateras omedelbart, så du måste uppdatera sidan för att se filtret i aktion.

Steg 5: Anpassa ditt shoppningsbara Instagram-flöde

När du är nöjd med de foton och videor som visas i ditt shoppningsbara flöde, kanske du vill ändra hur flödet ser ut.

För att anpassa ditt shoppningsbara Instagram-flöde, klicka helt enkelt på fliken 'Anpassa'. På vänster sida finns alla inställningar du kan använda för att ändra hur sociala medier-flödet ser ut.

De flesta av dessa inställningar är självförklarande, men vi kommer snabbt att gå igenom några nyckelområden som kan hjälpa dig att få fler försäljningar.

Låt oss börja högst upp genom att välja ‘Feed Layout’. Här kan du välja olika layouter för din shoppningsbara feed, som t.ex. highlight och carousel.

När du gör ändringar uppdateras förhandsgranskningen automatiskt så att du kan prova olika inställningar för att se vad som ser bäst ut.

Beroende på layouten får du några extra inställningar som du kan använda för att finjustera ditt flöde.

Om du till exempel väljer 'Markera', kan du instruera Smash Balloon att markera inlägg baserat på ett mönster, ett inläggs-ID eller en specifik hashtag. Detta är utmärkt för att markera dina mest populära produkter.

Du vill se till att det shoppable Instagram-flödet ser lika bra ut på smartphones och surfplattor som på stationära datorer.

Som standard kommer Smash Balloon att visa samma antal foton på stationära datorer och mobila enheter.

Du kan förhandsgranska hur det köpbara flödet kommer att se ut på stationära datorer, surfplattor och smartphones med hjälp av raden med knappar i det övre högra hörnet.

Du kan visa färre shoppable foton på mobila enheter genom att ändra inställningarna i avsnitten 'Number of Posts' och 'Columns'.

Efter att ha gjort några ändringar, klicka på länken 'Anpassa'. Detta tar dig tillbaka till huvudredigeraren för Smash Balloon, redo för dig att utforska nästa alternativ, som är 'Färgtema'.

Som standard använder Smash Balloon ett färgschema som ärvs från ditt WordPress-tema, men det har också 'Ljus' och 'Mörk' teman som du kanske vill använda för det köpbara flödet istället.

Ett annat alternativ är att skapa din egen färgpalett genom att välja 'Custom'.

Använd sedan helt enkelt kontrollerna för att ändra länkfärg, bakgrundsfärg, textfärg för flödet och mer.

Som standard lägger Smash Balloon till en rubrik till det shoppable flödet, vilket är din profilbild och namnet på din sida.

För att ändra hur den här sektionen ser ut, klicka på 'Header' i menyn till vänster och använd sedan inställningarna för att ändra bakgrundsfärgen, sidhuvudets storlek, lägga till Instagram-biotext och mer.

Du kan också lägga till en annan bio. Till exempel kan du uppmuntra folk att köpa dina produkter, eller erbjuda besökare en exklusiv kupongkod.

För mer information om hur du skapar dessa koder, se vårt expertval av bästa WordPress-plugin för kupongkoder för din onlinebutik.

För att skapa en unik Instagram-bio, skriv helt enkelt i rutan 'Lägg till anpassad bio'.

När det är gjort, klicka på ‘Anpassa’ för att återgå till huvudredigeraren för Smash Balloon.

Välj sedan ‘Posts’.

Detta tar dig till en skärm med några olika alternativ.

Du kan gå igenom dessa inställningar och göra de ändringar du vill, men vi kommer att fokusera på 'Bildtext'.

Om du har lagt till shoppable länkar i dina bildtexter är det viktigt att texten sticker ut. Du kan till exempel göra bildtexten större.

Du kanske till och med använder en annan färg för bildtexten.

När det är gjort klickar du på 'Inlägg' för att gå tillbaka till föregående skärm.

Här ser du också ett alternativ för 'Svängläge', vilket är överlägget som Smash Balloon lägger till ett inlägg när du för muspekaren över det.

Detta gör att besökare kan se alla länkar i dina bildtexter utan att först öppna det Instagram-inlägget.

På den här skärmen kan du använda inställningarna för att skapa en iögonfallande färgad överläggning.

Efter att ha valt 'Sv��verläge', kommer du att kunna ändra bakgrundsfärgen och textfärgen som visas när du sv��ver över varje inlägg.

Under 'Information att visa' ser du all den olika information som Smash Balloon kan visa som en del av överlägget. Markera helt enkelt rutan bredvid varje informationsdel som du vill visa.

Om du lägger till köpbara länkar i dina bildtexter, se till att du lämnar 'Bildtext' aktiverat.

När du är nöjd med dina ändringar, klicka på 'Anpassa' för att återgå till huvudskärmen för Smash Balloon-redigeraren. Du kan nu välja nästa alternativ, vilket är 'Ladda mer-knapp'.

Som standard lägger Smash Balloon till en 'Ladda mer'-knapp längst ner i ditt Instagram-flöde så att besökare kan bläddra igenom dina köpbara inlägg.

Här kan du ändra knappens bakgrundsfärg, textfärg och hover-läge.

Du kan också lägga till ditt eget meddelande på knappen genom att skriva i fältet 'Text'.

Även om vi rekommenderar att lämna knappen ‘Load More’ aktiverad för att få fler försäljningar, kan du ta bort den.

Du kan till exempel uppmuntra folk att besöka din Instagram-sida genom att begränsa antalet foton de kan se på din online-marknadsplats eller butik.

För att ta bort knappen, klicka helt enkelt på ‘Enable’-reglaget för att ändra det från blått till grått.

Om shoppare gillar det de ser, kan de välja att följa dig på Instagram med knappen ‘Följ på Instagram’ som visas under flödet med köpbara objekt.

Eftersom det är en så viktig knapp, kanske du vill hjälpa den att sticka ut genom att välja 'Följknapp' från huvudskärmen för Smash Balloon-redigeraren.

Här kan du ändra knappens bakgrundsfärg, svävarläge och textfärg.

Du kan också ersätta standardtexten 'Follow on Instagram' med ditt eget meddelande.

Som alltid, när du är klar med dessa inställningar, klickar du bara på 'Anpassa' för att återgå till huvudredigeringsskärmen.

Om du har aktiverat Smash Balloons shoppningsbara funktion, kommer ett klick på ett inlägg i Instagram-flödet att öppna en ny flik och ta dem direkt till den länkade produktsidan.

Men om du inte har aktiverat den shoppningsbara funktionen, kanske du vill titta på Smash Balloons lightbox-funktion.

Den här funktionen låter besökare öppna bilden eller videon i ett lightbox-fönster utan att lämna din webbplats. De kan sedan klicka på de köpbara länkarna i dina Instagram-texter.

För att aktivera eller inaktivera lightboxen, välj helt enkelt 'Lightbox' från menyn till vänster.

Här kan du ta bort eller lägga till den här funktionen med hjälp av reglaget 'Aktivera'.

Du kan också ändra hur många kommentarer Smash Balloon visar i ljuslådan. Liksom produktrecensioner, kan positiva kommentarer hjälpa dig att sälja mer produkter och tjänster.

De kan dock också vara distraherande, så du kanske vill ange ett maximalt antal i rutan 'Antal kommentarer'.

Ett annat alternativ är att dölja kommentarer helt genom att klicka på 'Kommentarer'-omkopplaren.

När du är nöjd med hur Instagram-feeden ser ut, glöm inte att klicka på ‘Save’ för att spara dina ändringar. Du är nu redo att lägga till den shoppningsbara Instagram-feeden på din webbplats.

Steg 6: Bädda in ditt köpbara Instagram-flöde i WordPress

Du kan lägga till det köpbara flödet på din webbplats med hjälp av ett Gutenberg-block, en widget eller en kortkod.

Om du har skapat mer än ett flöde med Smash Balloon-pluginet, behöver du känna till flödets kod om du ska använda en widget eller ett block.

För att få den här koden, gå till Instagram Feed » Alla flöden och kopiera sedan värdet i kolumnen ‘Kortkod’.

Om du vill bädda in Instagram-flödet på en sida eller ett inlägg, rekommenderar vi att du använder Instagram Feed-blocket.

Öppna bara sidan eller inlägget där du vill bädda in ditt shoppable foto- och videoflöde. Klicka sedan på ikonen '+' för att lägga till ett nytt block och börja skriva 'Instagram Feed'.

När rätt block visas, klicka för att lägga till det på sidan eller inlägget.

Blocket visar som standard ett av dina Smash Balloon-flöden. Om du vill visa ett annat Instagram-flöde istället, leta reda på 'Kortkodinställningar' i menyn till höger.

Här lägger du helt enkelt till kortkoden och klickar sedan på 'Verkställ ändringar'.

Blocket kommer nu att visa alla foton och videor från ditt Instagram-flöde. Publicera eller uppdatera bara sidan för att göra flödet live på din webbplats.

Ett annat alternativ är att lägga till flödet i ett widget-redo område, som sidofältet eller en liknande sektion. Detta gör att besökare kan handla med ditt Instagram-flöde från vilken sida som helst på din webbplats.

Gå helt enkelt till Utseende » Widgets i WordPress-instrumentpanelen och klicka sedan på den blå knappen ‘+’.

I sökfältet, skriv in 'Instagram-flöde' och välj rätt widget när den visas.

I sökfältet, skriv in 'Instagram Feed' och välj widgeten med den officiella Instagram-logotypen. Detta är rätt widget som lades till av Smash Balloon-pluginet.

Dra sedan helt enkelt widgeten till det område där du vill visa det shoppable Instagram-flödet.

Widgeten kommer automatiskt att visa en av de feeds du skapat med Smash Balloon. Om detta inte är den shoppningsbara Instagram-feeden du precis skapat, skriv då in feedens kod i rutan ‘Shortcode Settings’.

Klicka sedan på ‘Verkställ ändringar’.

Du kan nu göra widgeten live genom att klicka på knappen ‘Uppdatera’. För mer information, se vår steg-för-steg-guide om hur man lägger till och använder widgets i WordPress.

Ett annat alternativ är att bädda in Instagram-flödet på valfri sida, inlägg eller widget-redo område med hjälp av en kortkod.

För hjälp med att placera kortkoden, se vår guide om hur man lägger till en kortkod.

Dessutom, om du använder ett blockaktiverat tema, kan du använda Full Site Editor för att lägga till Instagram-flödesblocket var som helst på din webbplats.

För mer information, se vår nybörjarguide för att använda WordPress Full Site Editing.

Vanliga frågor om köpbara Instagram-flöden

Här är några frågor som våra läsare ofta ställer om att lägga till shoppable Instagram-flöden.

1. Behöver jag ett Instagram Business-konto för att detta ska fungera?

Ja, du behöver en Instagram Business-profil som är ansluten till en Facebook-sida för att visa shoppable Instagram-flöden i WordPress. Detta är ett krav från Instagrams API för att komma åt produktmarkeringsfunktionerna som behövs för ett shoppable flöde.

2. Är Smash Balloon Instagram Feed-pluginet gratis?

Smash Balloon erbjuder en fantastisk gratis version för att skapa standard Instagram-flöden. Möjligheten att skapa ett köpbart flöde är dock en premiumfunktion som finns tillgänglig i Pro-planerna.

3. Kommer ett shoppable Instagram-flöde att sakta ner min webbplats?

Detta är en giltig oro, men Smash Balloon är byggt med prestanda som högsta prioritet. Det använder ett smart cachningssystem som lagrar dina flödesdata, så det behöver inte fråga Instagram varje gång din sida laddas, vilket håller din webbplats snabb.

4. Vart leder de ”köpbara” länkarna mina kunder?

Länkarna i ditt shoppningsbara flöde tar kunderna direkt till produktsidorna på din egen webbplats. Detta skapar en smidig väg från inspiration till köp, håller hela upplevelsen på din webbplats och hjälper till att slutföra försäljningen.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till Instagram shoppningsbara bilder i WordPress. Du kanske också vill se vår guide om hur man bäddar in TikTok-videor i WordPress eller se våra experttips om hur man tjänar pengar med AI.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.