Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
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

Was ist ein shoppable Instagram-Feed?

Ein shoppable Instagram-Feed ist eine Reihe von Fotos, bei denen jedes Foto zu einer Produktseite verlinkt ist. 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.

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 Conversion-Mö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, um 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 shoppable Bilder auf Instagram posten, erscheinen diese automatisch auf Ihrer Website, sodass Besucher immer die neuesten Beiträge sehen, ohne dass Sie sie manuell hinzufügen müssen.

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, wie Sie beides tun können, 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 » Einstellungen 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 unserer Instagram-Timeline anzeigen, wählen Sie also einfach 'User Timeline' und klicken Sie dann auf 'Weiter'.

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, fügt Smash Balloon standardmäßig nicht den Instagram-Avatar und die Bio in Ihre Kopfzeile ein. Sie können den Instagram-Avatar und die Bio jedoch jederzeit manuell in den Einstellungen des Plugins hinzufügen.

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 „Weiter“ 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 „Ja“ auf „Nein“ zu stellen. 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 Instagram Feeds » Alle Feeds.

Um einen Feed zu erstellen, aktivieren Sie einfach das Kontrollkästchen neben dem Instagram-Konto, das Sie verwenden möchten. 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 shoppable Funktion von Smash Balloon aktivieren. Wählen Sie einfach den Tab 'Einstellungen' und klicken Sie dann auf 'Shoppable 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 'Produktlink' eingeben und auf 'Hinzufügen' 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 von anderen 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.

Zum Beispiel verwenden wir im folgenden Bild den Hashtag #ordernow für alle Bilder, die wir mit Kaufoption versehen möchten.

Filtern eines shoppable Instagram-Feeds nach Hashtag

Um einen Filter in Smash Balloon zu erstellen, wählen Sie die Registerkarte „Einstellungen“.

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 die Registerkarte „Anpassen“. Auf der linken Seite finden Sie alle Einstellungen, mit denen Sie ändern können, wie der Social-Media-Feed aussieht.

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 Beitrags-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, klicken Sie auf den Link „Anpassen“. Dies bringt Sie zurück zum Haupteditor von Smash Balloon, wo Sie die nächste Option erkunden können, nämlich „Farbschema“.

Ä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 „Hell“- und „Dunkel“-Themes, die Sie stattdessen für den shoppbaren 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 zum Erstellen 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 Sie dies getan haben, klicken Sie auf „Anpassen“, um zum Haupteditor von Smash Balloon 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 Sie shoppable Links zu Ihren Bildunterschriften hinzugefügt haben, ist es wichtig, den Text hervorzuheben. Sie könnten zum Beispiel die Bildunterschrift größer machen.

Sie könnten sogar eine andere Farbe für die Bildunterschrift verwenden.

Hinzufügen eines Stils zu einer shoppable Instagram-Bildunterschrift

Wenn Sie fertig sind, klicken Sie auf „Beiträge“, 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

Dies ermöglicht es Besuchern, alle Links in Ihren Bildunterschriften zu sehen, ohne zuerst den Instagram-Beitrag zu öffnen.

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 Sie shoppable Links zu Ihren Bildunterschriften hinzufügen, stellen Sie sicher, dass „Bildunterschrift“ aktiviert bleibt.

Wenn Sie mit Ihren Änderungen zufrieden sind, klicken Sie auf „Anpassen“, um zum Hauptbildschirm des Smash Balloon-Editors 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 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 Standardtext 'Auf Instagram folgen' durch Ihre eigene Nachricht ersetzen.

So erhalten Sie mehr Follower mit einem Follow-Button

Wie immer, wenn Sie mit diesen Einstellungen fertig sind, klicken Sie einfach auf „Anpassen“, um zum Haupteditor-Bildschirm 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 dann auf die kaufbaren Links in Ihren Instagram-Bildunterschriften klicken.

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 im WordPress-Dashboard zu Design » Widgets und klicken Sie dann auf die blaue Schaltfläche '+'.

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

Geben Sie in der Suchleiste 'Instagram Feed' ein und wählen Sie das richtige Widget aus, wenn es erscheint.

Geben Sie in die Suchleiste 'Instagram Feed' ein und wählen Sie das Widget mit dem offiziellen Instagram-Logo aus. Dies ist das richtige Widget, das vom Smash Balloon-Plugin hinzugefügt wurde.

Hinzufügen eines shoppable Instagram-Widgets zu WordPress

Ziehen Sie dann einfach das Widget in den Bereich, in dem Sie den shoppable Instagram-Feed anzeigen möchten.

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 live schalten, indem Sie auf die Schaltfläche „Aktualisieren“ klicken. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung unter „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 unserem Leitfaden unter so fügen Sie einen Shortcode hinzu.

Zusätzlich können Sie, wenn Sie ein Block-fähiges Theme verwenden, den Full Site Editor nutzen, um den Instagram-Feed-Block überall auf Ihrer Website einzufügen.

Weitere Informationen finden Sie in unserem Anfängerleitfaden zur Verwendung von 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 ein Premium-Feature, das 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.

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

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 unseren 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?

Hinterlassen Sie eine Antwort

Vielen Dank, dass Sie einen Kommentar 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. Führen wir ein persönliches und bedeutungsvolles Gespräch.