Erstelle einen 'Shop My Instagram' Feed für deine Website

Instagram ist unsere Inspirationsquelle für viele Dinge.

Und unser neues Feature Product Tags ist da keine Ausnahme!

Instagram führte Instagram Shopping und Product Tagging als kreative Möglichkeit ein, um zu zeigen, wie ein bestimmtes Produkt in einem Instagram-Post, Bild oder Video verwendet wird. Um den Verbrauchern ein nahtloses Einkaufserlebnis zu bieten, erstellte Instagram Tags in Posts, die direkte Kauffunktionalität ermöglichen.

In diesem Zusammenhang suchten wir nach einer Möglichkeit, diese Product-Tagging-Option auf den Websites unserer Benutzer einzuführen und ihnen ein “Shop My Instagram” Widget mit Links zu Produktseiten zu bieten.

Eine Product-Tagging-Funktion auf einer Website war eine natürliche Reaktion auf Benutzeranfragen und Trends, die hauptsächlich durch ähnliche Funktionen auf der Instagram-Plattform entstanden.

Daher stellen wir heute stolz Product Tags in Feeds vor, eine E-Commerce-Option zum Taggen von nutzergenerierten Fotos mit echten Produktdetails, die einen direkten Call-to-Action enthalten.

So sehen Product Tags in einem Social-Media-Feed aus:

(function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = “/cdn/ht.js”; d.getElementsByTagName(“head”)[0].appendChild(js); }(document, “script”, “EmbedSocialHashtagScript”));

Bitte beachte, dass Product Tags bereits für alle aktuellen PRO-Benutzer unseres Social-Media-Aggregators verfügbar sind.

Lies weiter, um alles über Product Tags zu erfahren.

Meet Product Tags by EmbedSocial

Wir haben Product Tags mit der folgenden Funktionalität im Hinterkopf entwickelt: Um unseren Kunden zu ermöglichen, beliebige ihrer Social-Media-Posts zu nutzen, um ihre Produkte direkt auf ihrer Website zu bewerben und den Umsatz sofort zu steigern.

Damit kannst du deine Social-Media-Feeds sofort in interaktive Shops umwandeln.

Das Ergebnis: weniger Reibung und eine geringere Anzahl von Klicks zum Warenkorb.

Wenn deine Käufer ihre Entscheidung über ein Produkt getroffen haben, möchten sie es JETZT kaufen.

Es gibt jedoch einige Reibungspunkte, die Käufer dazu veranlassen können, ihren Warenkorb aufzugeben (sowohl virtuell als auch im Geschäft). Zu viele Klicks zum Checkout und ein nicht mobil-optimiertes Checkout-Erlebnis gehören zu den Hauptreibungspunkten.

Nach einem aktuellen Baymard-Benchmark sagen 87 Prozent der Verbraucher, dass ein komplizierter Checkout-Prozess sie dazu veranlasst, ihren Warenkorb aufzugeben.

Und darüber hinaus werden 84 Prozent der Käufer nicht wieder bei einer Marke einkaufen, nachdem sie eine schlechte Erfahrung gemacht haben.

Das ist genau das, was Product Tags löst!

Mit nur wenigen Klicks können unsere Kunden Produkte als Overlays auf beliebigen Posts taggen, die von beliebigen Social-Media-Konten erstellt wurden, wie Instagram-Seite, Facebook, Twitter oder andere Social-Media-Plattformen, und diese mit unseren modernen Feed-Widgets auf ihrer Website einbetten.

Wenn ein Benutzer das nächste Mal mit unserem “Shop My Instagram”-ähnlichen Widget interagiert, werden Tags angezeigt, die angeklickt werden können, um mehr Informationen über das Produkt anzuzeigen und einen Link zum Produktkauf zu erhalten.

Wie funktionieren Product Tags?

Bis vor kurzem konntest du nur Links zu älteren oder neuen Posts hinzufügen, die, wenn angeklickt, Benutzer zur Checkout-Seite, Landing Page, Blog-Post usw. weiterleiten würden.

Aber jetzt möchten wir zusätzliche Einkaufswünsche von Verbrauchern erfüllen. Ein einfaches “Shop My Instagram” Widget mit der Möglichkeit, Produkte zu taggen, schien perfekt zu passen.

Derzeit haben mehr EmbedSocial-Benutzer diese Funktion angefordert, sodass wir beschlossen haben, dieses shoppable Widget als Teil der EmbedSocial-Plattform zu integrieren.

Es würde Kunden ein vollständigeres und informativeres Kauferlebnis bieten, ganz zu schweigen von einem viel einfacheren Kaufprozess.

Hier ist ein Beispiel dafür, wie es funktioniert:

Stellt dir vor, du betreibst einen Modeboutique, der Damenbekleidung verkauft. Deine Posts enthalten wahrscheinlich Bilder von Models, die deine Kleidung tragen. Um genau zu zeigen, was ein Model trägt, ist Product Tag sehr hilfreich.

Mit einfachen Drag-and-Drop-Kreisen kannst du genau auf die Teile des Fotos zeigen, wo sich das Produkt befindet. Zum Beispiel ein Hut, ein Kleid oder Schuhe taggen.

Und dieses Tagging ermöglicht dir, spezifische Produktinformationen wie Produktname, Bild und Preis anzuzeigen.

Das Ergebnis: Shoppable Instagram Feed!

Sieh dir die Live-Demo an →

Mit nur wenigen Klicks kannst du ein Bild anzeigen, das bei Interaktion die genauen Produkte anzeigt, die das Model trägt.

Dies gibt dem potenziellen Kunden einen realen Anwendungsfall der Produkte, die ihn interessieren, was standardmäßig zu einer schnelleren Kaufentscheidung führt.

Bereit, einen Blick auf den Design- und Entwicklungsprozess von Product Tags zu werfen?

Du kannst deine Kreativität auch mit einigen der häufigsten Use Cases anregen, die du als Einzelhandelskaufmann heute anwenden kannst, um dein Geschäft zu superchargen.

Lass uns eintauchen!

Der Design-Prozess von Product Tags

Großartige Gestaltung ist ein wichtiger Bestandteil jeder neuen Funktion, die wir umsetzen. Für die großartigen Grafiken der EmbedSocial-Funktionen ist “schuldig” Angela, unsere UX-Designerin.

Sie glaubt fest daran, dass ein gutes Design ein Zeichen dafür ist, dass du die Stimme deines Kunden gehört hast, und genau das versuchen wir hier bei EmbedSocial zu tun.

Was war Angelas Inspiration beim Erstellen des Product Tags Feature-Designs?

In ihren Worten:

“Das Design fängt nicht bei dir an (es sei denn, du bist der neue Leonardo da Vinci). Ich behalte das immer im Hinterkopf. Du fängst mit den Grundlagen des Designs an und schaffst einen vertrauten Ablauf für den Benutzer. Etwas Recherche über bereits vorhandene coole Apps ist auch ein Muss. Du findest Inspiration für deine App/Funktion in bereits vorhandenen coolen Apps, die du jeden Tag nutzt. Aber vor allem kam die Designidee für Product Tagging von Benutzern, die die Funktion getestet haben, und ihrem Feedback.”

Wie sie erklärt, wurde der Design-Prozess für Product Tags in 4 Teile aufgeteilt:

1. Recherche für das neue Feature (hier wurden die ersten MVP-Versions-Mockups geboren)
2. Erstellung des Admin-Panels
3. Implementierung der Product-Tagging-Funktionalität in das Frontend-Design der Feed-Widgets
4. Ständige Kommunikation und Feedback, um die erste Version zu verbessern.

Das klingt nach viel Arbeit, richtig?

Werfen wir einen Blick auf die technische Perspektive.

Der Entwicklungsprozess von Product Tags

Design und Entwicklung haben sich als großartige Partner im Verbrechen erwiesen (wieder einmal).

Während Angela ihre Magie wirkte, ist Kristijan Jovanovski, unser junger und talentierter Entwickler, das Herz des Entwicklungsprozesses von Product Tags.

Hier sind ein paar Einblicke aus seiner Perspektive:

“Der Entwicklungsprozess beginnt mit einem abgeschlossenen Design durch unseren UX-Designer für die fragliche Funktion (in diesem Fall Product Tagging).

Der Entwickler (ich) bekommt ein vollständiges Briefing der Idee hinter der Funktion und das, was erwartet wird. Wir diskutieren alle möglichen technischen Hindernisse, und die Entwicklung beginnt. Während der Entwicklungsphase sollte es weitere Diskussionsbedarf geben, machen wir dies auf Jira oder Slack. Sobald der Entwickler die Aufgabe abgeschlossen hat, wird sie auf unserem Staging-Server platziert und von unserem Team getestet. Alle Feedbacks werden diskutiert und vom Entwickler bearbeitet. Sobald die Test-Phase abgeschlossen ist, wird die Funktion veröffentlicht.

Bei einigen umfassenderen Funktionen wie dieser teilen wir die Entwicklung in mehrere Phasen auf. Z.B. würde die erste Phase ein MVP sein, die zweite Phase würde weitere hilfreiche Funktionen einführen, und so weiter.“

Nach Kiko war die größte technische Herausforderung aus technischer Perspektive die korrekte Positionierung der Product Tags auf dem Bild und das Sicherstellen, dass die Tags beim Ändern der Fenstergröße korrekt eingestellt bleiben.

Wir können sehen, dass beide großartige Arbeit geleistet haben. Der Admin-Bereich des neuen Product Tags Features sieht wunderbar aus!

Anwendbarkeit von Product Tags zur Inspiration

Das Hinzufügen eines shoppable Widgets mit Product Tags auf deiner Homepage oder Produktseite bietet eine direktere und ästhetisch ansprechendere Customer Journey.

Ob du ein Heimdeko-Professionalist, Fashion-Blogger, DIY-Enthusiast oder Restaurant-Chef bist, Product Tags können für dein Geschäft relevant sein.

Hier sind einige Vorschläge, wo du Product Tags anwenden könntest, um deine exklusive Inhalte anzuzeigen:

Kleidungsprodukte

Um Outfit-Zusammenstellungen und Menschen in deinen Markenkleidern zu posten (bekannt als Buy My Look).

Kosmetik und Make-up

Um ein Gesicht zu zeigen, das deine Produkte für Make-up oder Hautpflege verwendet hat.

Fitnessprodukte

Um die Ausrüstung und Gegenstände zu zeigen, die du für einen aktiven Lebensstil brauchst.

Menüzusammensetzung und Rezepte

Um Bilder von Essen und Getränkeangeboten, den wichtigsten Zutaten und dem Preis anzuzeigen. Oder ähnlich, um ein Rezept mit getaggten Produkten anzuzeigen, die tatsächlich in diesem Rezept verwendet werden.

Getting started mit Product Tags

Derzeit ist das neue Feature für EmbedSocial-Benutzer verfügbar.

Um Product Tagging auf deiner Website auszuprobieren, folge diesem Schritt-für-Schritt-Tutorial:

1. Melde dich an bei deinem EmbedSocial-Konto
2. Gehe durch die Schritte, um ein Feed-Widget zu erstellen
3. Klicke auf der Widget-Edit-Seite auf die Registerkarte ‘Links’
4. Klicke auf jedes Foto/Post auf die blaue Schaltfläche ‘Link hinzufügen’
5. Klicke auf die Option ‘Produkte taggen’
6. Klicke auf das Foto, um dein Produkt/deine Produkte zu taggen
7. Fülle die Produktdetails aus (wenn deine Seite einen Schema-Code hat, werden die Produktdaten automatisch ausgefüllt)
8. Kopiere und füge den HTML-Code in deinen Website-Builder ein

Das war’s.

Schau dir das Video unten für eine detaillierte Anleitung der Schritte an.

Bitte beachte, dass viele nützliche Apps und Websites dir helfen können, Affiliate-Links zu erstellen und in Form von Swipe-Up-Links für deine Instagram Story oder Instagram-Seite einzufügen. LiketoKnow.it, ShopStyle, RewardStyle, Amazon, um nur einige zu nennen.

Der Unterschied besteht darin, dass alle von ihnen das “Shop My Instagram” Erlebnis in deinem Instagram-Konto bieten. Product Tags gehen darüber hinaus. Es bietet Einzelhändlern ein shoppable Erlebnis auf deiner eigenen Website.

Melde dich für Shoppable Feeds an

Wir glauben fest daran, dass diese Funktion immensen Wert für jeden Kunden bringt, sagt Marija, unsere Projektmanagerin.

Wir haben Shoppable Feeds gestartet, um Benutzern zu ermöglichen, mehr mit ihren nutzergenerierten Inhalten von Instagram zu verkaufen. Die Product Tags und Links sind nun auch in Square integriert. Sie können diese Benutzer ermöglichen, ihre Produkte von Square einfach zu synchronisieren und Instagram-Inhalte mit Checkout-Links zu taggen, damit Kunden die Produkte sofort kaufen können.

Marija Vlasceva, Projektmanagerin bei EmbedSocial

Am Ende des Tages möchtest du deine Marke von Konkurrenten unterscheiden und sie am attraktivsten machen. Die Nutzung von Product Tags auf deiner Website ist nur eine Möglichkeit, das zu tun.

Wir werden unsere Benutzer weiterhin mit vielen nützlichen Funktionen und fehlerfreien Lösungen stärken. Also bleib dran!