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

Veröffentlicht: 2023-02-05


Möchten Sie Ihrer WordPress-Site einkaufbare Instagram-Bilder hinzufügen?

Einkaufbare Instagram-Bilder haben Links, auf die die Leute einfach klicken können, um Ihre Produkte zu kaufen. Dies ist eine leistungsstarke Möglichkeit, Ihre Produkte zu präsentieren und mehr Verkäufe über Instagram zu erzielen.

In diesem Artikel zeigen wir Ihnen, wie Sie auf einfache Weise einkaufbare Instagram-Bilder in WordPress hinzufügen können.

How to add Instagram shoppable images in WordPress

Was ist Instagram-Shopping?

Beim Instagram-Shopping können Sie Produkte in Ihren Instagram-Fotos markieren.

Nachdem Sie ein oder mehrere Produkte markiert haben, sehen Benutzer, die sich den Beitrag ansehen, unten links das Symbol „Produkte anzeigen“.

A shoppable Instagram post

Sie können einfach auf dieses Symbol klicken, um den Namen, die Beschreibung und den Preis des Produkts anzuzeigen.

Dies erleichtert es Käufern, mehr über die Produkte zu erfahren, die in Ihren Social-Media-Beiträgen vorgestellt werden.

Products in a shoppable Instagram post

Besucher können erneut auf den Bildschirm tippen, um zu Ihrem Instagram-Shop zu gelangen, wo sie das im Social-Media-Beitrag vorgestellte Produkt kaufen können.

Dies ist eine großartige Benutzererfahrung, aber es ist nicht einfach einzurichten.

Sie müssen die Genehmigung von Instagram einholen, um ihre Einkaufsfunktionen nutzen zu können, und einige dieser Anforderungen sind vage. Zum Beispiel müssen Sie „Vertrauenswürdigkeit unter Beweis gestellt haben, auch durch eine authentische, etablierte Präsenz“. Sie müssen auch eine „ausreichende Follower-Basis“ aufrechterhalten.

Außerdem müssen Sie einen Facebook-Katalog, einen Produktkatalog und eine Facebook-Geschäftsseite einrichten.

Mit anderen Worten: Es ist viel.

Aus diesem Grund suchen viele Instagram-Nutzer nach einer einfacheren Möglichkeit, Käufern beim Kauf von Produkten zu helfen. Hier kommen einkaufbare Instagram-Bilder ins Spiel.

Warum kaufbare Instagram-Bilder in WordPress hinzufügen?

Ein einkaufbarer Instagram-Feed ist eine Reihe von Fotos, die einen Link zu einem Produkt oder einer Dienstleistung auf Ihrer Website enthalten. Diese URLs können nicht angeklickt werden, wenn sie auf Instagram angezeigt werden, wie Sie im folgenden Bild sehen können.

Adding a shoppable link to an Instagram post

Wenn Sie jedoch den Shoppable-Feed auf Ihrer WordPress-Website einbetten, werden diese Links anklickbar. Auf diese Weise ermutigt ein einkaufbarer Instagram-Feed die Besucher Ihrer Website, sich bestimmte Produkte anzusehen.

Alle Likes und Kommentare, die Sie zu diesen Beiträgen erhalten, können auch als sozialer Beweis dienen und die Leute dazu ermutigen, auf den Link des Produkts zu klicken.

Wenn Sie neue einkaufbare 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.

Wenn den Besuchern gefällt, was sie sehen, entscheiden sie sich vielleicht sogar, Ihnen auf Instagram zu folgen. Dies kann Ihnen mehr Follower verschaffen und gibt Ihnen eine weitere Möglichkeit, direkt bei dieser Person zu werben.

Noch besser, da diese Einkaufslinks auf Ihrer Website erscheinen, haben Sie die vollständige Kontrolle darüber. Das bedeutet, dass Sie nicht die strengen Einkaufsrichtlinien von Instagram befolgen oder einen Facebook-Produktkatalog einrichten müssen.

Lassen Sie uns sehen, wie Sie Ihrer WordPress-Website mit Smash Balloon Instagram Pro ganz einfach einkaufbare Instagram-Bilder hinzufügen können.

Erstellen eines einkaufbaren Feeds auf Instagram

Zuerst müssen Sie die Bilder hochladen, die Sie auf Ihrem Instagram-Konto verwenden möchten.

Smash Balloon verfügt über eine Einkaufsfunktion, mit der Sie jedes Bild mit einer URL in den Plugin-Einstellungen verknüpfen können. Wenn diese Funktion aktiviert ist, können Besucher auf Ihrer Website auf ein kaufbares Bild klicken und der Link öffnet sich in einem neuen Tab.

Diese Links werden nicht auf Instagram angezeigt.

Eine weitere Option ist das Hinzufügen des Links zu Ihren Instagram-Untertiteln. Diese Links werden auf Instagram angezeigt, sind aber nicht anklickbar.

Smash Balloon's lightbox popup

Diese Links sind jedoch auf Ihrer WordPress-Website anklickbar. Wenn Sie diese Methode verwenden möchten, müssen Sie einige Zeit damit verbringen, jedem kaufbaren Bild in Ihrem Instagram-Konto eine URL hinzuzufügen.

Wenn Sie die Einkaufsfunktion von Smash Balloon verwenden möchten, können Sie diesen Schritt überspringen, da wir jeden Link in den Einstellungen des Plugins hinzufügen.

So installieren Sie ein Instagram-Fotos-Plug-in mit Shoppable Support

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

A shoppable Instagram feed, created using Smash Balloon

In diesem Handbuch verwenden wir die Premium-Version von Smash Balloon, da sie über die erweiterten Funktionen verfügt, die Sie zum Hinzufügen von einkaufbaren Bildern in WordPress benötigen. Es gibt jedoch auch eine kostenlose Version, mit der Sie Instagram in WordPress einbetten können.

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 erlaubt, Ihre Instagram-Bio und Ihren Header automatisch anzuzeigen.

Wenn Sie bereit sind, installieren und aktivieren Sie das Smash Balloon Instagram Pro-Plugin. Weitere Einzelheiten 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.

Activating the Instagram Feed Pro plugin for WordPress

Sie finden diese Informationen unter Ihrem Konto auf der Smash Balloon-Website.

Klicken Sie nach Eingabe des Schlüssels auf die Schaltfläche „Aktivieren“.

So verbinden Sie ein Instagram-Konto mit WordPress

Nachdem Sie das Plugin aktiviert haben, 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“.

How to create a new shoppable Instagram feed

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

Wir möchten einkaufbare Bilder aus unserer Instagram-Timeline anzeigen, wählen Sie also einfach „Benutzer-Timeline“ und klicken Sie dann auf „Weiter“.

Creating a shoppable Instagram feed in WordPress

Wählen Sie nun das Instagram-Konto aus, von dem Sie die einkaufbaren Bilder erhalten.

Klicken Sie zunächst auf die Schaltfläche „Quelle hinzufügen“.

Adding a source for a shoppable Instagram feed

Wählen Sie danach aus, ob Sie einkaufbare 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 den Instagram-Avatar und die Biografie standardmäßig nicht in Ihre Kopfzeile ein. Sie können den Instagram-Avatar und die Biografie jedoch jederzeit manuell in den Einstellungen des Plugins hinzufügen.

Linking a persona or business Instagram account to WordPress

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

Sie können jetzt das Instagram-Konto auswählen, das Sie auf Ihrer WordPress-Website präsentieren möchten, und auf „Weiter“ klicken.

Selecting the shoppable Instagram source

Aktivieren Sie danach das Kontrollkästchen neben der Facebook-Seite, die mit Ihrem Instagram-Konto mit Ihren einkaufbaren Bildern verknüpft ist.

Wenn Sie das getan haben, klicken Sie auf die Schaltfläche „Weiter“.

Selecting the Facebook page you want to use

Sie sehen nun ein Popup mit allen Informationen, auf die Instagram Feed Pro Zugriff hat, 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 Auswirkungen auf die Fotos haben kann, die Sie auf Ihrem WordPress-Blog oder Ihrer Website zeigen können.

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

Changing the information that Smash Balloon can access

Sie sehen jetzt 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".

Adding a shoppable image source to a 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“.

How to create a shoppable Instagram feed

Das Plugin erstellt nun einen Instagram-Foto-Feed, den Sie zu jeder Seite, jedem Beitrag oder Widget-bereiten Bereich hinzufügen können.

Bevor Sie jedoch einkaufbare Bilder anzeigen können, müssen einige zusätzliche Einstellungen konfiguriert werden.

So aktivieren Sie die Shoppable-Funktion von Smash Balloon (optional)

Wie bereits erwähnt, gibt es zwei Möglichkeiten, Ihren Instagram-Foto-Feed kaufbar zu machen. Wenn Sie die URLs zu Ihren Bildunterschriften auf Instagram hinzugefügt haben, fahren Sie einfach mit dem nächsten Schritt fort.

Eine weitere Möglichkeit besteht darin, Shoppable-Links in einem neuen Tab zu öffnen, sobald der Besucher auf einen Beitrag klickt. Dazu müssen Sie die Einkaufsfunktion von Smash Balloon aktivieren.

Wählen Sie zunächst die Registerkarte „Einstellungen“ und klicken Sie dann auf „Einkaufbarer Feed“.

How to create a shoppable Instagram feed for your online store

Fahren Sie auf diesem Bildschirm fort und schalten Sie den Schieberegler „Aktivieren“ um, sodass er blau wird.

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

How to add shoppable links to a WooCommerce site or e-commerce store

Suchen Sie einfach den ersten Beitrag, den Sie einkaufen möchten, und klicken Sie auf die 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.

How to add a shoppable link to an Instagram post

Wenn Sie jetzt auf dieses Foto klicken, wird die verknüpfte URL in einem neuen Tab geöffnet.

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

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

Changing the shoppable links in an Instagram feed

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

So filtern Sie Ihren Shoppable Instagram Feed

Standardmäßig zeigt Smash Balloon alle Bilder und Videos von Ihrem Instagram-Konto an. Da wir jedoch einen Shop-Feed erstellen, möchten Sie vielleicht Ihre Posts filtern und nur Fotos anzeigen, die auf ein Produkt oder eine Dienstleistung verweisen.

Dies kann Käufern helfen, Produkte zum Kaufen zu finden, ohne von anderen Fotos und Videos in Ihrem Instagram-Feed abgelenkt zu werden.

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

Im folgenden Bild verwenden wir beispielsweise den #ordernow-Hashtag für alle Bilder, die wir zum Einkaufen bereitstellen möchten.

Filtering a shoppable Instagram feed by hashtag

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

Fahren Sie dann fort und klicken Sie auf „Filter und Moderation“.

Filtering shoppable Instagram photos and videos using a hashtag

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

Wenn Sie mehrere Wörter im Filter verwenden möchten, trennen Sie einfach jeden Hashtag oder jedes Schlüsselwort mit einem Komma.

Adding a filter to a shoppable Instagram feed

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

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

A filtered shoppable Instagram feed

So passen Sie Ihren einkaufbaren Instagram-Feed an

Wenn Sie mit den Fotos und Videos in Ihrem Feed mit Einkaufsmöglichkeiten zufrieden sind, möchten Sie möglicherweise das Aussehen des Feeds ändern.

Um Ihren einkaufbaren Instagram-Feed anzupassen, klicken Sie einfach auf die Registerkarte „Anpassen“. Auf der linken Seite befinden sich alle Einstellungen, mit denen Sie das Aussehen des Shoppable-Feeds ändern können.

How to customize your shoppable Instagram feed

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

Beginnen wir ganz oben, indem wir „Feed-Layout“ auswählen. Hier können Sie verschiedene Layouts für Ihren Shoppable-Feed auswählen, z. B. Karussell und Highlight.

Adding Instagram shoppable images to WordPress

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

Je nach Layout erhalten Sie einige zusätzliche Einstellungen, mit denen Sie Ihren Feed optimieren können. Wenn Sie beispielsweise „Hervorheben“ 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.

Showing Instagram shoppable images in a highlighted layout with Smash Balloon

Schätzungen zufolge werden US-Verbraucher bis 2025 jedes Jahr 710 Milliarden US-Dollar für Einkäufe auf ihren Mobilgeräten ausgeben. Vor diesem Hintergrund sollten Sie sicherstellen, dass der einkaufbare Instagram-Feed auf Smartphones und Tablets genauso gut aussieht wie auf Desktops.

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

Über die Schaltflächenreihe in der oberen rechten Ecke können Sie in einer Vorschau anzeigen, wie der Shoppable-Feed auf Desktop-Computern, Tablets und Smartphones aussehen wird.

Creating a mobile-friendly layout for an e-Commerce site

Sie können weniger kaufbare Fotos auf Mobilgeräten 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 Smash Balloon-Haupteditor, wo Sie die nächste Option erkunden können, nämlich „Farbschema“.

Changing the color scheme of a shoppable Instagram feed

Standardmäßig verwendet Smash Balloon ein Farbschema, das von Ihrem WordPress-Theme geerbt wurde, aber es hat auch „helle“ und „dunkle“ Themen, die Sie möglicherweise stattdessen für den einkaufbaren Feed verwenden möchten.

Eine weitere Option ist das Erstellen Ihres eigenen Farbschemas, indem Sie „Benutzerdefiniert“ auswählen. Verwenden Sie dann einfach die Steuerelemente, um die Hintergrundfarbe zu ändern, die Textfarbe in WordPress zu ändern und mehr.

Changing the color scheme for your Instagram shoppable feed

Standardmäßig fügt Smash Balloon dem Shoppable-Feed eine Kopfzeile hinzu, die Ihr Profilbild und den Namen Ihrer Seite enthält.

Um das Aussehen dieses Abschnitts zu ändern, klicken Sie im linken Menü auf „Kopfzeile“ und verwenden Sie dann die Einstellungen, um die Größe Ihrer Kopfzeile zu ändern, Instagram-Biotext hinzuzufügen und mehr.

Customizing the header for an embedded Instagram feed

Sie können auch eine andere Biografie hinzufügen. Beispielsweise können Sie Menschen zum Kauf Ihrer Produkte anregen oder Besuchern einen exklusiven Gutscheincode anbieten.

Weitere Informationen zum Erstellen dieser Codes finden Sie in unserer Expertenauswahl der besten WordPress-Gutscheincode-Plugins für Ihren Online-Shop.

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

How to add Instagram shoppable images in WordPress

Klicken Sie anschließend auf „Anpassen“, um zum Smash Balloon-Haupteditor zurückzukehren.

Wählen Sie dann "Beiträge".

How to customize individual Instagram posts in WordPress

Dadurch gelangen Sie zu einem Bildschirm mit einigen verschiedenen Optionen.

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

Customizing the Instagram captions

Wenn Sie Ihren Bildunterschriften Einkaufslinks hinzugefügt haben, ist es wichtig, dass der Text hervorsticht. Sie können beispielsweise die Beschriftung vergrößern.

Sie können sogar eine andere Farbe für die Beschriftung verwenden.

Adding a style to a shoppable Instagram caption

Klicken Sie anschließend auf „Beiträge“, um zum vorherigen Bildschirm zurückzukehren.

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

Adding a hover state to a shoppable Instagram feed

Auf diese Weise können Besucher alle Links in Ihren Bildunterschriften sehen, ohne zuerst diesen Instagram-Post zu öffnen.

Auf diesem Bildschirm können Sie die Einstellungen verwenden, um ein auffälliges farbiges Overlay zu erstellen.

How to create a custom hover state for an Instagram photo and video feed

Nachdem Sie „Hover-Status“ ausgewählt haben, können Sie die Hintergrundfarbe und die Textfarbe ändern, die angezeigt wird, wenn Sie mit der Maus über die einzelnen Beiträge fahren.

Unter „Anzuzeigende Informationen“ sehen Sie all die 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.

Smash Balloon's hover state settings

Wenn die Bildunterschrift Einkaufslinks enthält, stellen Sie sicher, dass Sie „Bildunterschrift“ aktiviert lassen.

Wenn Sie mit Ihren Änderungen zufrieden sind, klicken Sie auf „Anpassen“, um zum Hauptbildschirm des Smash Balloon-Editors zurückzukehren. Sie können jetzt die nächste Option auswählen, die Schaltfläche „Mehr laden“.

Smash Ballon's Load More button settings

Standardmäßig fügt Smash Balloon unten in Ihrem Instagram-Feed eine Schaltfläche „Mehr laden“ hinzu, damit Besucher durch Ihre einkaufbaren Posts scrollen können.

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

Sie können der Schaltfläche auch Ihre eigene Nachricht hinzufügen, indem Sie sie in das Feld „Text“ eingeben.

How to add a load more button to a shoppable Instagram feed

Wir empfehlen zwar, die Schaltfläche „Mehr laden“ aktiviert zu lassen, um mehr Verkäufe zu erzielen, Sie können sie jedoch auch entfernen. Beispielsweise können Sie Personen ermutigen, Ihre Instagram-Seite zu besuchen, indem Sie die Anzahl der Fotos begrenzen, die sie auf Ihrer Website sehen können.

Um die Schaltfläche zu entfernen, klicken Sie einfach auf den Schieberegler „Aktivieren“, um ihn von blau auf grau zu ändern.

How to remove the Load More button from a social media photo feed in WordPress

Wenn den Käufern gefällt, was sie sehen, können sie sich dazu entschließen, Ihnen auf Instagram zu folgen, indem sie die Schaltfläche „Auf Instagram folgen“ verwenden, die unter dem Feed für Einkäufe angezeigt wird.

Da es sich um eine so wichtige Schaltfläche handelt, möchten Sie ihr vielleicht helfen, sich hervorzuheben, indem Sie im Hauptbildschirm des Smash Balloon-Editors die Schaltfläche „Folgen“ auswählen.

Adding a follow button to a shoppable Instagram feed

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

Sie können auch den Standardtext „Auf Instagram folgen“ durch Ihre eigene Nachricht ersetzen.

How to get more followers with a Follow button

Wenn Sie mit diesen Einstellungen fertig sind, klicken Sie wie immer auf „Anpassen“, um zum Haupteditorbildschirm zurückzukehren.

Wenn Sie die Shoppable-Funktion „Smash Balloon“ aktiviert haben, öffnet ein Klick auf einen beliebigen Beitrag im Instagram-Feed einen neuen Tab und bringt sie direkt zur verlinkten Produktseite.

Wenn Sie jedoch die Shoppable-Funktion 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 WordPress-Website zu verlassen. Sie können dann auf beliebige Einkaufslinks in den Bildunterschriften klicken.

Smash Ballon's Instagram lightbox popup

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

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

How to enable or disable the Instagram lightbox popup

Sie können auch ändern, wie viele Kommentare Smash Balloon in der Lightbox angezeigt werden. Viele positive Kommentare können eine starke Form des sozialen Beweises sein, der Ihnen oft dabei hilft, mehr Produkte und Dienstleistungen zu verkaufen.

Sie können jedoch auch ablenken, sodass Sie vielleicht eine Höchstzahl in das Feld „Nr. der Kommentarbox.

How to limit the number of comments in a shoppable Instagram feed

Eine andere Möglichkeit besteht darin, Kommentare vollständig auszublenden, indem Sie auf den Schalter „Kommentare“ klicken.

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

So betten Sie den Instagram-Feed in WordPress ein

Sie können den Shoppable Feed mithilfe eines Blocks, Widgets oder Shortcodes zu Ihrer Website hinzufügen.

Wenn Sie mehr als einen Feed mit dem Smash Balloon-Plug-in 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 die Spalte „Shortcode“.

The code for a shoppable Instagram feed

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

Öffnen Sie einfach die Seite oder den Beitrag, in den Sie Ihren Foto- und Video-Feed mit Einkaufsmöglichkeit 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 angezeigt wird, klicken Sie darauf, um ihn der Seite oder dem Beitrag hinzuzufügen.

The Instagram Feed WordPress block

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

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

Adding a shoppable Instagram feed to a page or post

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 besteht darin, den Feed zu jedem Widget-bereiten Bereich hinzuzufügen, z. B. der Seitenleiste oder einem ähnlichen Abschnitt. Auf diese Weise können Besucher von jeder Seite Ihrer Website aus mit Ihrem Instagram-Feed einkaufen.

Gehen Sie einfach zu Aussehen » Widgets im WordPress-Dashboard und klicken Sie dann auf die blaue Schaltfläche „+“.

Adding a shoppable feed to any widget-ready area

Geben Sie in der Suchleiste „Instagram Feed“ ein und wählen Sie das richtige Widget aus, wenn es angezeigt wird.

Beachten Sie nur, dass WordPress über ein integriertes Instagram-Widget verfügt, also stellen Sie sicher, dass Sie dasjenige auswählen, das das offizielle Instagram-Logo zeigt.

Adding a shoppable Instagram widget to WordPress

Als nächstes ziehen Sie das Widget einfach auf den Bereich, in dem Sie den einkaufbaren Instagram-Feed anzeigen möchten, z. B. die Seitenleiste oder einen ähnlichen Abschnitt.

Das Widget zeigt automatisch einen der Feeds an, die Sie mit Smash Balloon erstellt haben. Wenn dies nicht der Shop-fähige Instagram-Feed ist, den Sie gerade erstellt haben, geben Sie den Code des Feeds 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 zum Hinzufügen und Verwenden von Widgets in WordPress.

Eine weitere Option ist das Einbetten des Instagram-Feeds auf jeder Seite, jedem Beitrag oder Widget-bereiten Bereich mithilfe eines Shortcodes.

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

Wenn Sie schließlich ein blockfähiges Design verwenden, können Sie den vollständigen Site-Editor verwenden, um den Instagram-Feed-Block überall auf Ihrer Website hinzuzufügen.

Gehen Sie in Ihrem Dashboard einfach zu Darstellung » Editor .

How to add a shoppable Instagram feed to your WordPress theme

Standardmäßig zeigt der vollständige Site-Editor die Home-Vorlage des Themes an. Wenn Sie den Shoppable-Feed zu einer anderen Vorlage hinzufügen möchten, klicken Sie auf den Pfeil neben „Home“.

Sie können dann ein beliebiges Design aus der Dropdown-Liste auswählen, z. B. die Fußzeilenvorlage.

Selecting a different template in the WordPress FSE full-site editor

Wenn Sie die Vorlage nicht in der Liste sehen, wählen Sie „Alle Vorlagen durchsuchen“ aus.

Der vollständige Site-Editor zeigt nun eine Liste aller Vorlagen, die Sie bearbeiten können. Klicken Sie einfach auf die Vorlage, in der Sie den einkaufbaren Instagram-Feed anzeigen möchten.

Choosing a WordPress template in the full-site editor (FSE)

Nachdem Sie eine Vorlage ausgewählt haben, bewegen Sie einfach Ihre Maus über den Bereich, in dem Sie den einkaufbaren Instagram-Feed hinzufügen möchten.

Klicken Sie dann auf die Schaltfläche „+“.

Adding a block to your WordPress theme using full-site editing (FSE)

Beginnen Sie danach mit der Eingabe von „Instagram Feed“.

Wenn der richtige Block angezeigt wird, klicken Sie darauf, um ihn der Vorlage hinzuzufügen.

Adding a Smash Balloon instagram block to a WordPress theme

Wie immer zeigt Smash Balloon standardmäßig einen Feed an. Sie können diesen Feed ändern, indem Sie nach dem oben beschriebenen Verfahren einen Shortcode hinzufügen.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie Instagram-einkaufbare Bilder in WordPress hinzufügen. Vielleicht möchten Sie auch unseren Leitfaden zum Erstellen einer kostenlosen geschäftlichen E-Mail-Adresse oder unsere Expertenauswahl der besten WooCommerce-Plugins für Ihr Geschäft lesen.

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