Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Tasse
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

So fügen Sie Instagram-Shoppable-Bilder in WordPress hinzu

Eines der coolen Dinge an Instagram ist die Funktion für shoppable Beiträge. Sie können Produkte direkt in Ihren Fotos markieren, sodass Ihre Follower Ihre Artikel mit nur einem Fingertipp einfach kaufen können.

Aber hier ist der Haken: Diese integrierten Shopping-Tags funktionieren nicht, wenn Sie einen Instagram-Post auf Ihrer WordPress-Site einbetten. Das bedeutet, dass Sie möglicherweise Verkäufe verpassen.

Aber keine Sorge! Wir haben einen einfachen Weg gefunden, shoppable Instagram-Bilder zu WordPress mit dem Smash Balloon Plugin hinzuzufügen. 🛍

Diese Lösung ermöglicht es Ihnen, einen shoppable Instagram-Feed auf Ihrer Website zu erstellen und so Ihre Social-Media-Inhalte in ein leistungsstarkes Verkaufstool zu verwandeln.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach Instagram-Bilder mit Kaufoption in WordPress hinzufügen.

So fügen Sie Instagram-Shopping-Bilder in WordPress hinzu

💡 Schnelle Antwort: So fügen Sie Instagram-Shopping-Bilder in WordPress hinzu

Hier erfahren Sie Schritt für Schritt, wie Sie Instagram-Shopping-Bilder in WordPress hinzufügen:

  • Installieren Sie das Plugin Smash Balloon Instagram Pro.
  • Verbinden Sie Ihr Instagram-Konto.
  • Aktivieren Sie die Funktion für den Shopping-Feed.
  • Fügen Sie Produktlinks zu Bildern hinzu.
  • Passen Sie das Design Ihres Feeds an.
  • Binden Sie den Feed in Ihre WordPress-Website ein.

Was ist ein shoppable Instagram-Feed?

Ein shoppable Instagram-Feed ist eine Reihe von Fotos, bei denen jedes einzelne zu einer Produktseite verlinkt. Wenn Sie auf das Foto klicken, gelangen Sie zu dem auf dem Foto gezeigten Produkt.

Möglicherweise sind Sie mit dieser Funktion vertraut, wenn Sie auf Instagram gehen und sehen, dass ein Foto einen speziellen Produkt-Tag hat, wie hier:

Ein shoppable Instagram-Post

Auf Instagram selbst ist diese Funktion hilfreich für Benutzer, die ein Produkt, das sie in der App sehen, sofort kaufen möchten. Und wenn Sie ein Kleinunternehmer sind, möchten Sie diese Funktion vielleicht auch in Ihren eingebetteten Instagram-Feed auf Ihrer Website integrieren.

Warum benötigen Sie ein Plugin, um Instagram-Shopping-Bilder in WordPress hinzuzufügen?

Der Hauptgrund, warum Sie ein Plugin dafür benötigen, ist, dass die offiziellen Shopping-Tags von Instagram verschwinden, wenn Sie einen Beitrag auf Ihrer Website einbetten.

Selbst wenn Sie einen shoppable Beitrag auf Instagram haben, können Ihre Website-Besucher die Produktlinks nicht sehen oder darauf klicken. Ein Plugin hilft Ihnen, dieses shoppable Erlebnis direkt auf Ihrer Website nachzubilden.

Der Haken ist, dass die Einrichtung nicht einfach ist. Sie müssen einen Facebook-Katalog, einen Produktkatalog und eine Facebook-Geschäftsseite einrichten.

Darüber hinaus benötigen Sie die Genehmigung von Instagram, um diese Shopping-Funktionen nutzen zu können.

Wichtiger ist, dass selbst wenn Sie einen Instagram-Post einbetten mit einem Produkt-Tag auf Ihrer Website, dieser Tag möglicherweise nicht angezeigt wird. Mit anderen Worten, Sie können viele potenzielle Konversionsmöglichkeiten verpassen.

Glücklicherweise gibt es eine einfache Alternative mit Smash Balloon Instagram Pro.

Sehen wir uns also an, wie Sie ganz einfach Instagram-shoppable Bilder zu Ihrer WordPress-Website hinzufügen können.

Sie können diese Schnelllinks verwenden, um durch die Schritte zu navigieren:

Schritt 1: Installieren Sie ein Instagram-Fotos-Plugin mit Shoppable-Unterstützung

Der beste Weg, shoppable Instagram-Bilder in WordPress hinzuzufügen, ist die Verwendung von Smash Balloon Instagram Pro.

Es ist das beste Instagram-Foto-Feed-Plugin auf dem Markt und ermöglicht es Ihnen, einen vollständig anpassbaren, shoppbaren Feed auf Ihrer Website zu erstellen.

👋 Hinweis: Für dieses Tutorial benötigen Sie die Pro-Version des Plugins, um einen shoppable Feed zu erstellen. Es gibt jedoch auch eine kostenlose Version, mit der Sie Instagram in WordPress einbetten können.

Ein shoppable Instagram-Feed, erstellt mit Smash Balloon

Wenn Sie neue Bilder auf Instagram posten, werden diese automatisch auf Ihrer Website angezeigt. Sie können dann ganz einfach Shopping-Links zu diesen neuen Beiträgen innerhalb von Smash Balloon hinzufügen, um sicherzustellen, dass Besucher immer Ihre neuesten Inhalte und Produkte sehen.

Wir haben das Smash Balloon Plugin gründlich getestet und festgestellt, dass es sehr anfängerfreundlich ist. Weitere Informationen finden Sie in unserem detaillierten Smash Balloon Testbericht.

Bevor Sie beginnen, müssen Sie Ihr Instagram-Konto mit einer Facebook-Seite verbinden.

Wenn Sie ein persönliches Instagram-Konto haben, möchten Sie es vielleicht auch in ein Geschäftskonto umwandeln, da dies Smash Balloon ermöglicht, Ihre Instagram-Biografie und Ihren Header automatisch anzuzeigen.

Schritt-für-Schritt-Anleitungen für beides finden Sie im FAQ-Bereich am Ende dieser Anleitung.

Wenn Sie bereit sind, installieren und aktivieren Sie das Smash Balloon Instagram Pro Plugin. Weitere Details finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.

Gehen Sie nach der Aktivierung zu Instagram Feed » Einstellungen und geben Sie Ihren Lizenzschlüssel in das Feld 'Lizenzschlüssel' ein.

Aktivieren des Instagram Feed Pro Plugins für WordPress

Diese Informationen finden Sie in Ihrem Konto auf der Smash Balloon Website.

Nachdem Sie den Schlüssel eingegeben haben, klicken Sie einfach auf die Schaltfläche „Aktivieren“.

Schritt 2: Instagram-Konto mit WordPress verbinden

Nach der Aktivierung des Plugins besteht Ihre erste Aufgabe darin, Ihr Instagram-Konto mit WordPress zu verbinden. Gehen Sie einfach zu Instagram Feed » Alle Feeds und klicken Sie dann auf „Neu hinzufügen“.

So erstellen Sie einen neuen shoppable Instagram-Feed

Mit Instagram Feed Pro können Sie Feeds aus markierten Beiträgen und Hashtags erstellen oder sogar eine Social Wall mit Inhalten von vielen verschiedenen Social-Media-Websites erstellen.

Wir möchten shoppable Bilder aus unserem Instagram-Feed anzeigen, wählen Sie also einfach 'User Timeline' und klicken Sie dann auf 'Next'.

Erstellen eines shoppable Instagram-Feeds in WordPress

Wählen Sie nun das Instagram-Konto aus, von dem Sie die shoppable Bilder beziehen möchten.

Klicken Sie zum Starten auf die Schaltfläche 'Quelle hinzufügen'.

Hinzufügen einer Quelle für einen shoppbaren Instagram-Feed

Wählen Sie danach aus, ob Sie shoppable Bilder von einem persönlichen oder geschäftlichen Instagram-Konto anzeigen möchten.

Wenn Sie das Kontrollkästchen neben „Persönlich“ aktivieren, wird von Smash Balloon standardmäßig nicht die Instagram-Avatar- und Bio-Informationen in Ihrer Kopfzeile angezeigt.

Für das beste Erlebnis und um Ihre Profilinformationen automatisch anzuzeigen, empfehlen wir die Verwendung eines Business-Kontos, wie in Schritt 1 erwähnt.

Verknüpfen eines persönlichen oder geschäftlichen Instagram-Kontos mit WordPress

Nachdem Sie „Persönlich“ oder „Geschäftlich“ ausgewählt haben, klicken Sie auf „Mit Facebook anmelden“.

Sie können nun das Instagram-Konto auswählen, das Sie auf Ihrer WordPress-Website präsentieren möchten, und auf 'Next' klicken.

Auswahl der shoppable Instagram-Quelle

Überprüfen Sie danach das Kontrollkästchen neben der Facebook-Seite, die mit dem Instagram-Konto mit Ihren shoppable Bildern verknüpft ist.

Sobald Sie das getan haben, klicken Sie einfach auf die Schaltfläche 'Weiter'.

Auswahl der zu verwendenden Facebook-Seite

Sie sehen nun ein Popup mit allen Informationen, auf die Instagram Feed Pro zugreifen kann, und den Aktionen, die es ausführen kann.

Um den Zugriff des Plugins auf Ihr Instagram-Konto einzuschränken, klicken Sie einfach auf einen der Schalter, um ihn von 'Yes' auf 'No' zu ändern. Beachten Sie jedoch, dass dies die Fotos beeinträchtigen kann, die Sie auf Ihrem WordPress-Blog oder Ihrer Website anzeigen können.

In diesem Sinne empfehlen wir, alle Schalter aktiviert zu lassen. Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie auf „Fertig“.

Ändern der Informationen, auf die Smash Balloon zugreifen kann

Sie sehen nun ein Popup mit dem Instagram-Konto, das Sie gerade zu Ihrer Website hinzugefügt haben.

Aktivieren Sie einfach das Kontrollkästchen neben diesem Konto und klicken Sie dann auf 'Hinzufügen'.

Hinzufügen einer einkaufbaren Bildquelle zu einer WordPress-Website

Instagram Feed Pro bringt Sie nun zurück zum Bildschirm „Neuen Feed hinzufügen“.

Stellen Sie hier sicher, dass das Kontrollkästchen neben dem gerade hinzugefügten Instagram-Konto aktiviert ist. Klicken Sie dann auf „Weiter“.

So erstellen Sie einen shoppable Instagram-Feed

Das Plugin erstellt nun einen Instagram-Foto-Feed.

Schritt 3: Aktivieren Sie die Shoppable Funktion von Smash Balloon

Als Nächstes müssen Sie die Shopping-Funktion von Smash Balloon aktivieren. Wählen Sie im Editor für die Feed-Anpassung die Registerkarte „Einstellungen“ und klicken Sie dann auf „Shopping-Feed“.

So erstellen Sie einen shoppbaren Instagram-Feed für Ihren Online-Shop

Gehen Sie auf diesem Bildschirm zum Schieberegler 'Aktivieren' und schieben Sie ihn, bis er blau wird.

Smash Balloon zeigt nun auf jedem Foto oder Video in Ihrem Instagram-Feed eine Schaltfläche „Hinzufügen“ an.

So fügen Sie shoppable Links zu einer WooCommerce-Website oder einem E-Commerce-Shop hinzu

Suchen Sie einfach den ersten Beitrag, den Sie verkaufbar machen möchten, und klicken Sie auf dessen Schaltfläche „Hinzufügen“.

Sie können nun die URL des Produkts oder der Dienstleistung in das Feld 'Product Link' eingeben und auf 'Add' klicken.

So fügen Sie einen shoppable Link zu einem Instagram-Post hinzu

Wenn Sie nun auf dieses Foto klicken, wird die verlinkte URL in einem neuen Tab geöffnet.

Wiederholen Sie einfach diese Schritte, um jedes Bild shoppable zu machen.

Wenn Sie die URL eines Beitrags zu einem beliebigen Zeitpunkt ändern müssen, bewegen Sie einfach die Maus darüber und klicken Sie auf „Aktualisieren“.

Ändern der shoppable Links in einem Instagram-Feed

Sobald Sie alle Ihre Links hinzugefügt haben, vergessen Sie nicht, auf die Schaltfläche „Speichern“ zu klicken.

Wenn ein Besucher auf eines dieser Bilder auf Ihrer Website klickt, wird er in einem neuen Tab direkt zur Produktseite weitergeleitet, was ein nahtloses Einkaufserlebnis schafft.

💡Profi-Tipp: Möchten Sie wissen, wie viele Verkäufe Ihr kaufbarer Feed generiert? Sie können Klicks auf Ihre Produktlinks mit UTM-Codes verfolgen. Dies sind einfache Tags, die Sie Ihren URLs hinzufügen und die Google Analytics mitteilen, woher der Besucher kam.

Der einfachste Weg, diese zu erstellen, ist mit dem MonsterInsights URL Builder Tool.

Schritt 4: Filtern Sie Ihren Shoppable Instagram Feed

Standardmäßig zeigt Smash Balloon alle Bilder und Videos von Ihrem Instagram-Konto an. Da wir jedoch einen shoppable Feed erstellen, möchten Sie vielleicht Ihre Beiträge filtern und nur Fotos anzeigen, die zu einem Produkt oder einer Dienstleistung verlinken.

Dies kann Käufern helfen, Produkte in Ihrem Online-Shop zu finden, ohne durch andere Fotos und Videos in Ihrem Instagram-Feed abgelenkt zu werden.

Mit Smash Balloon ist es einfach, Instagram-Posts nach ihren Bildunterschriften zu filtern. Sie können einfach ein Schlüsselwort oder einen Hashtag zu Ihren shoppable Bildern auf Instagram hinzufügen und dann einen passenden Filter in Smash Balloon erstellen.

Sie könnten zum Beispiel einen Hashtag wie #jetztbestellen in Ihren Instagram-Bildunterschriften für alle Bilder verwenden, die Sie zum Einkaufen anbieten möchten.

Filtern eines shoppable Instagram-Feeds nach Hashtag

Um einen Filter in Smash Balloon zu erstellen, wählen Sie im Editor für die Feed-Anpassung die Registerkarte „Einstellungen“ aus.

Klicken Sie dann auf 'Filter und Moderation'.

Filtern von shoppable Instagram-Fotos und -Videos anhand eines Hashtags

Geben Sie im Feld „Nur Beiträge anzeigen, die enthalten“ die Hashtags oder Schlüsselwörter ein, die Sie im Filter verwenden möchten.

Um mehrere Wörter im Filter zu verwenden, trennen Sie einfach jeden Hashtag oder jedes Schlüsselwort durch ein Komma.

Hinzufügen eines Filters zu einem shoppable Instagram-Feed

Wenn Sie mit der Einrichtung des Filters zufrieden sind, klicken Sie auf die Schaltfläche „Speichern“.

Beachten Sie einfach, dass die Vorschau nicht sofort aktualisiert wird. Sie müssen die Seite also aktualisieren, um den Filter in Aktion zu sehen.

Ein gefilterter shoppable Instagram-Feed

Schritt 5: Passen Sie Ihren shoppable Instagram-Feed an

Wenn Sie mit den Fotos und Videos, die in Ihrem shoppable Feed erscheinen, zufrieden sind, möchten Sie vielleicht ändern, wie der Feed aussieht.

Um Ihren shoppable Instagram-Feed anzupassen, klicken Sie einfach auf den Tab 'Customize'. Auf der linken Seite befinden sich alle Einstellungen, mit denen Sie das Aussehen des Social-Media-Feeds ändern können.

So passen Sie Ihren shoppable Instagram-Feed an

Die meisten dieser Einstellungen sind selbsterklärend, aber wir werden einige Schlüsselbereiche kurz behandeln, die Ihnen helfen können, mehr Verkäufe zu erzielen.

Beginnen wir oben mit der Auswahl von „Feed-Layout“. Hier können Sie verschiedene Layouts für Ihren shoppable Feed auswählen, z. B. Highlight und Karussell.

Hinzufügen von shoppable Instagram-Bildern zu WordPress

Während Sie Änderungen vornehmen, wird die Vorschau automatisch aktualisiert, sodass Sie verschiedene Einstellungen ausprobieren können, um zu sehen, was am besten aussieht.

Abhängig vom Layout erhalten Sie einige zusätzliche Einstellungen, mit denen Sie Ihren Feed feinabstimmen können.

Wenn Sie beispielsweise 'Highlight' wählen, können Sie Smash Balloon anweisen, Beiträge basierend auf einem Muster, einer Post-ID oder einem bestimmten Hashtag hervorzuheben. Dies ist großartig, um Ihre beliebtesten Produkte hervorzuheben.

Anzeigen von shoppable Instagram-Bildern in einem hervorgehobenen Layout mit Smash Balloon

Sie möchten sicherstellen, dass der shoppable Instagram-Feed auf Smartphones und Tablets genauso gut aussieht wie auf Desktops.

Standardmäßig zeigt Smash Balloon auf Desktop-Computern und Mobilgeräten die gleiche Anzahl von Fotos an.

Sie können mit der Schaltflächenreihe in der oberen rechten Ecke eine Vorschau anzeigen, wie der shoppable Feed auf Desktop-Computern, Tablets und Smartphones aussehen wird.

Erstellen eines mobilfreundlichen Layouts für eine E-Commerce-Website

Sie können auf mobilen Geräten weniger shoppable Fotos anzeigen, indem Sie die Einstellungen in den Abschnitten 'Anzahl der Beiträge' und 'Spalten' ändern.

Nachdem Sie Änderungen vorgenommen haben, verwenden Sie den Zurück-Pfeil oder wählen Sie eine andere Option aus dem linken Menü, z. B. „Farbschema“, um zu den Haupteinstellungen für die Anpassung zurückzukehren.

Ändern des Farbschemas eines shoppable Instagram-Feeds

Standardmäßig verwendet Smash Balloon ein Farbschema, das von Ihrem WordPress-Theme übernommen wird, aber es gibt auch die Themen „Hell“ und „Dunkel“, die Sie stattdessen für den shoppable Feed verwenden möchten.

Eine andere Möglichkeit ist, Ihr eigenes Farbschema zu erstellen, indem Sie 'Benutzerdefiniert' auswählen.

Verwenden Sie dann einfach die Steuerelemente, um die Linkfarbe, die Hintergrundfarbe, die Textfarbe für den Feed und mehr zu ändern.

Ändern des Farbschemas für Ihren shoppable Instagram-Feed

Standardmäßig fügt Smash Balloon eine Kopfzeile zum shoppable Feed hinzu, die Ihr Profilbild und den Namen Ihrer Seite ist.

Um zu ändern, wie dieser Abschnitt aussieht, klicken Sie im linken Menü auf 'Header' und verwenden Sie dann die Einstellungen, um die Hintergrundfarbe, die Header-Größe zu ändern, Instagram-Bio-Text hinzuzufügen und mehr.

Anpassen des Headers für einen eingebetteten Instagram-Feed

Sie können auch eine andere Biografie hinzufügen. Sie könnten zum Beispiel Leute ermutigen, Ihre Produkte zu kaufen, oder Besuchern einen exklusiven Gutscheincode anbieten.

Weitere Informationen zur Erstellung dieser Codes finden Sie in unserer Expertenauswahl der besten WordPress-Coupon-Code-Plugins für Ihren Online-Shop.

Um eine einzigartige Instagram-Biografie zu erstellen, geben Sie einfach in das Feld „Benutzerdefinierte Biografie hinzufügen“ ein.

So fügen Sie Instagram-Shopping-Bilder in WordPress hinzu

Wenn dies erledigt ist, verwenden Sie den Zurück-Pfeil oder wählen Sie eine andere Option aus dem linken Menü, um zu den Haupteinstellungen für die Anpassung zurückzukehren.

Wählen Sie dann „Beiträge“ aus.

So passen Sie einzelne Instagram-Beiträge in WordPress an

Dies führt Sie zu einem Bildschirm mit einigen verschiedenen Optionen.

Sie können diese Einstellungen durchsehen und alle gewünschten Änderungen vornehmen, aber wir werden uns auf „Bildunterschrift“ konzentrieren.

Anpassen der Instagram-Bildunterschriften

Wenn Ihre Instagram-Bildunterschriften wichtige Informationen oder Handlungsaufforderungen enthalten, möchten Sie den Text der Bildunterschrift vielleicht hervorheben.

Sie könnten ihn zum Beispiel größer machen oder eine andere Farbe verwenden.

Hinzufügen eines Stils zu einer shoppable Instagram-Bildunterschrift

Wenn dies erledigt ist, verwenden Sie den Zurück-Pfeil oder wählen Sie „Beiträge“ aus dem linken Menü, um zum vorherigen Bildschirm zurückzukehren.

Hier sehen Sie auch eine Option „Hover-Status“, die die Überlagerung ist, die Smash Balloon zu einem Beitrag hinzufügt, wenn Sie mit der Maus darüber fahren.

Hinzufügen eines Hover-Zustands zu einem shoppable Instagram-Feed

Dadurch können Besucher die Bildunterschrift und andere Informationen, die mit einem Beitrag verbunden sind, schnell sehen, wenn sie mit der Maus darüber fahren.

Auf diesem Bildschirm können Sie die Einstellungen verwenden, um eine auffällige farbige Überlagerung zu erstellen.

So erstellen Sie einen benutzerdefinierten Hover-Zustand für einen Instagram-Foto- und Video-Feed

Nach der Auswahl von „Hover-Zustand“ können Sie die Hintergrundfarbe und Textfarbe ändern, die angezeigt werden, wenn Sie mit der Maus über jeden Beitrag fahren.

Unter „Informationen anzeigen“ sehen Sie alle verschiedenen Informationen, die Smash Balloon als Teil des Overlays anzeigen kann. Aktivieren Sie einfach das Kontrollkästchen neben jeder Information, die Sie anzeigen möchten.

Hover-Zustandseinstellungen von Smash Balloon

Wenn Ihre Instagram-Bildunterschriften im Hover-Zustand angezeigt werden sollen, stellen Sie sicher, dass „Bildunterschrift“ aktiviert bleibt.

Wenn Sie mit Ihren Änderungen zufrieden sind, verwenden Sie den Zurück-Pfeil oder wählen Sie eine andere Option aus dem linken Menü, um zu den Haupteinstellungen für die Anpassung zurückzukehren. Sie können nun die nächste Option auswählen, nämlich „Mehr laden“-Schaltfläche.“

Einstellungen für den „Mehr laden“-Button von Smash Ballon

Standardmäßig fügt Smash Balloon am unteren Rand Ihres Instagram-Feeds eine Schaltfläche „Mehr laden“ hinzu, damit Besucher Ihre shoppbaren Beiträge durchscrollen können.

Hier können Sie die Hintergrundfarbe, die Textfarbe und den Hover-Zustand des Buttons ändern.

Sie können dem Button auch Ihre eigene Nachricht hinzufügen, indem Sie in das Feld „Text“ eingeben.

So fügen Sie einen „Mehr laden“-Button zu einem shoppable Instagram-Feed hinzu

Obwohl wir empfehlen, die Schaltfläche „Mehr laden“ aktiviert zu lassen, um mehr Verkäufe zu erzielen, können Sie sie entfernen.

Sie könnten die Leute zum Beispiel ermutigen, Ihre Instagram-Seite zu besuchen, indem Sie die Anzahl der Fotos begrenzen, die sie auf Ihrem Online-Marktplatz oder in Ihrem Geschäft sehen können.

Um die Schaltfläche zu entfernen, klicken Sie einfach auf den Schieberegler „Aktivieren“, um ihn von Blau auf Grau zu schalten.

So entfernen Sie den „Mehr laden“-Button aus einem Social-Media-Foto-Feed in WordPress

Wenn Käufer sehen, was ihnen gefällt, können sie Ihnen auf Instagram folgen, indem sie auf die Schaltfläche „Auf Instagram folgen“ klicken, die unter dem shoppable Feed angezeigt wird.

Da es sich um eine so wichtige Schaltfläche handelt, möchten Sie sie vielleicht hervorheben, indem Sie im Haupteditor von Smash Balloon die Option „Follow Button“ auswählen.

Hinzufügen einer Folgen-Schaltfläche zu einem shoppable Instagram-Feed

Hier können Sie die Hintergrundfarbe, den Hover-Zustand und die Textfarbe der Schaltfläche ändern.

Sie können auch den standardmäßigen „Auf Instagram folgen“-Text durch Ihre eigene Nachricht ersetzen.

So erhalten Sie mehr Follower mit einem Follow-Button

Wenn Sie mit diesen Einstellungen fertig sind, verwenden Sie wie immer den Zurück-Pfeil oder wählen Sie eine andere Option aus dem linken Menü, um zu den Haupteinstellungen für die Anpassung zurückzukehren.

Wenn Sie die Smash Balloon shoppable Funktion aktiviert haben, öffnet sich beim Klicken auf einen Beitrag im Instagram-Feed ein neuer Tab und führt sie direkt zur verknüpften Produktseite.

Wenn Sie die shoppable Funktion jedoch nicht aktiviert haben, sollten Sie sich die Lightbox-Funktion von Smash Balloon ansehen.

Diese Funktion ermöglicht es Besuchern, das Bild oder Video in einem Lightbox-Popup zu öffnen, ohne Ihre Website zu verlassen. Sie können das Bild oder Video dann zusammen mit seiner Bildunterschrift und seinen Kommentaren ansehen.

Smash Ballons Instagram Lightbox-Popup

Um die Lightbox zu aktivieren oder zu deaktivieren, wählen Sie einfach „Lightbox“ aus dem linken Menü.

Hier können Sie diese Funktion mit dem 'Aktivieren'-Schieberegler entfernen oder hinzufügen.

So aktivieren oder deaktivieren Sie das Instagram-Lightbox-Popup

Sie können auch ändern, wie viele Kommentare Smash Balloon in der Lightbox anzeigt. Ähnlich wie bei Produktbewertungen können positive Kommentare Ihnen helfen, mehr Produkte und Dienstleistungen zu verkaufen.

Sie können jedoch auch ablenkend sein, daher möchten Sie möglicherweise eine maximale Anzahl in das Feld „Anzahl der Kommentare“ eingeben.

So begrenzen Sie die Anzahl der Kommentare in einem shoppable Instagram-Feed

Eine weitere Option ist, Kommentare vollständig auszublenden, indem Sie auf den Umschalter „Kommentare“ klicken.

Wenn Sie mit dem Aussehen des Instagram-Feeds zufrieden sind, vergessen Sie nicht, auf „Speichern“ zu klicken, um Ihre Änderungen zu speichern. Sie können den shoppable Instagram-Feed jetzt zu Ihrer Website hinzufügen.

Schritt 6: Integrieren Sie Ihren shoppable Instagram-Feed in WordPress

Sie können den shoppbaren Feed mit einem Gutenberg-Block, einem Widget oder einem Shortcode zu Ihrer Website hinzufügen.

Wenn Sie mehr als einen Feed mit dem Smash Balloon-Plugin erstellt haben, müssen Sie den Code des Feeds kennen, wenn Sie ein Widget oder einen Block verwenden möchten.

Um diesen Code zu erhalten, gehen Sie zu Instagram Feed » Alle Feeds und kopieren Sie dann den Wert in der Spalte 'Shortcode'.

Der Code für einen shoppable Instagram-Feed

Wenn Sie den Instagram-Feed auf einer Seite oder in einem Beitrag einbetten möchten, empfehlen wir die Verwendung des Instagram-Feed-Blocks.

Öffnen Sie einfach die Seite oder den Beitrag, auf dem Sie Ihren shoppable Foto- und Video-Feed einbetten möchten. Klicken Sie dann auf das '+'-Symbol, um einen neuen Block hinzuzufügen, und beginnen Sie mit der Eingabe von 'Instagram Feed'.

Wenn der richtige Block erscheint, klicken Sie darauf, um ihn zur Seite oder zum Beitrag hinzuzufügen.

Der Instagram Feed WordPress-Block

Der Block zeigt standardmäßig einen Ihrer Smash Balloon Feeds an. Wenn Sie stattdessen einen anderen Instagram-Feed anzeigen möchten, suchen Sie im rechten Menü nach „Shortcode-Einstellungen“.

Fügen Sie hier einfach den Shortcode hinzu und klicken Sie dann auf „Änderungen anwenden“.

Einen shoppable Instagram-Feed zu einer Seite oder einem Beitrag hinzufügen

Der Block zeigt nun alle Fotos und Videos aus Ihrem Instagram-Feed an. Veröffentlichen oder aktualisieren Sie einfach die Seite, um den Feed auf Ihrer Website live zu schalten.

Eine weitere Option ist, den Feed zu einem beliebigen Widget-fähigen Bereich hinzuzufügen, z. B. zur Seitenleiste oder einem ähnlichen Abschnitt. Dies ermöglicht es Besuchern, über Ihren Instagram-Feed von jeder Seite Ihrer Website aus einzukaufen.

Gehen Sie einfach zu Darstellung » Widgets in Ihrem WordPress-Dashboard.

Hinzufügen eines shoppable Feeds zu jedem Widget-fähigen Bereich

Wenn Sie ein Block-fähiges Theme verwenden, klicken Sie auf die blaue Schaltfläche „+“, suchen Sie nach „Instagram Feed“ und wählen Sie den Block aus.

Ziehen Sie ihn dann in den gewünschten Widget-Bereich. Wenn Sie ein klassisches Theme verwenden, suchen Sie das Widget „Instagram Feed“ mit dem offiziellen Instagram-Logo und ziehen Sie es in die von Ihnen gewählte Seitenleiste oder den Widget-Bereich.

Hinzufügen eines shoppable Instagram-Widgets zu WordPress

Das Widget zeigt automatisch einen der von Ihnen mit Smash Balloon erstellten Feeds an. Wenn dies nicht der shoppable Instagram-Feed ist, den Sie gerade erstellt haben, geben Sie den Feed-Code in das Feld „Shortcode-Einstellungen“ ein.

Klicken Sie danach auf „Änderungen übernehmen“.

Sie können das Widget jetzt durch Klicken auf die Schaltfläche „Aktualisieren“ live schalten. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung, wie Sie Widgets in WordPress hinzufügen und verwenden.

Eine weitere Option ist das Einbetten des Instagram-Feeds auf jeder Seite, jedem Beitrag oder in einem Widget-Bereich mit einem Shortcode.

Hilfe beim Platzieren des Shortcodes finden Sie in unserer Anleitung zum Hinzufügen eines Shortcodes.

Wenn Sie außerdem ein Block-fähiges Theme verwenden, können Sie den Full Site Editor verwenden, um den Instagram Feed-Block überall auf Ihrer Website hinzuzufügen.

Weitere Informationen finden Sie in unserem Leitfaden für Anfänger zur Verwendung der WordPress Full Site Editing.

Häufig gestellte Fragen zu shoppbaren Instagram-Feeds

Hier sind einige häufig gestellte Fragen unserer Leser zum Hinzufügen von shoppable Instagram-Feeds.

1. Benötige ich ein Instagram Business-Konto, damit dies funktioniert?

Ja, Sie benötigen ein Instagram Business-Profil, das mit einer Facebook-Seite verbunden ist, um shoppable Instagram-Feeds in WordPress anzuzeigen. Dies ist eine Anforderung der Instagram-API, um auf die Produkt-Tagging-Funktionen zugreifen zu können, die für einen shoppable Feed benötigt werden.

2. Ist das Smash Balloon Instagram Feed Plugin kostenlos?

Smash Balloon bietet eine fantastische kostenlose Version für die Erstellung von Standard-Instagram-Feeds. Die Möglichkeit, einen shoppable Feed zu erstellen, ist jedoch eine Premium-Funktion, die in den Pro-Plänen verfügbar ist.

3. Verlangsamt das Hinzufügen eines shoppable Instagram-Feeds meine Website?

Dies ist eine berechtigte Sorge, aber Smash Balloon wurde mit Blick auf Leistung entwickelt. Es verwendet ein intelligentes Caching-System, das Ihre Feed-Daten speichert, sodass nicht jedes Mal, wenn Ihre Seite geladen wird, eine Abfrage an Instagram gesendet werden muss, was Ihre Website schnell laufen lässt.

4. Wohin führen die „shoppable“ Links meine Kunden?

Die Links in Ihrem shoppable Feed leiten Kunden direkt zu den Produktseiten auf Ihrer eigenen Website. Dies schafft einen reibungslosen Weg von der Inspiration zum Kauf, hält das gesamte Erlebnis auf Ihrer Website und hilft, den Verkauf abzuschließen.

5. Benötige ich eine Facebook-Unternehmensseite, um shoppable Instagram Feeds auf WordPress einzurichten?

Ja, Sie benötigen ein Instagram Business-Profil, das mit einer Facebook-Seite verbunden ist, um shoppable Instagram Feeds in WordPress anzuzeigen.

Dies ist eine Anforderung der Instagram API, damit Smash Balloon auf alle notwendigen Daten wie Ihr Profilbild und Ihre Biografie zugreifen kann und um eine zuverlässige Feed-Anzeige zu gewährleisten.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Instagram shoppable Bilder in WordPress hinzufügen. Möglicherweise möchten Sie auch unseren Leitfaden zum Einbetten von TikTok-Videos in WordPress sehen oder unsere Expertentipps zum Geldverdienen mit KI lesen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von den Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie, wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

7 CommentsLeave a Reply

  1. Tolle Anleitung, wie man mehrere Plattformen miteinander integriert: einen Online-Shop, einen Blog und Instagram. Ich sehe hier viel Potenzial und habe bereits ein paar Ideen, wo ich diese Funktion sehr nützlich einsetzen könnte. Ich weiß bereits, wie man Smashballoon benutzt, jetzt geht es nur noch darum, es dank dieser Anleitung geschickt mit Instagram und dem Online-Shop zu verbinden. Ich bin begeistert.

  2. Herr, sehr nützliches Tutorial. Schön, Sie hier zu finden. Herr, ich habe Glück, Ihren Rat gefunden zu haben. Es ist mir eine Freude, Ihrem Rat zu folgen. Vielen Dank. Herr, senden Sie mir weiterhin Tutorials.

    • Wenn Sie möchten, können Sie sich an Smash Balloon wenden, um Einzelheiten zur Einrichtung einer solchen Funktion zu erfahren.

      Admin

  3. Bedeutet das, dass Sie Instagram wie einen Shop nutzen können oder es mit einem bestehenden Shop auf einer anderen Seite verbinden können?

Leave A Reply

Vielen Dank, dass Sie sich entschieden haben, einen Kommentar zu hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und bedeutungsvolles Gespräch führen.