Wie man UGC-Widgets in Shopify hinzufügt (2026)

Zuletzt aktualisiert
•
Von Experten geprüft
•
5 Min. Lesezeit

Key Takeaways

  • UGC-Widgets zeigen echte Kundenfotos und -videos von Instagram, TikTok oder direkte Uploads — starker Social Proof.
  • Top Shopify UGC-Apps: Covet.pics (Instagram + Kundenfotos), Instafeed (nur Instagram), TaggShop (Multi-Plattform).
  • Nach der Installation über App-Embeds aktivieren oder als Abschnitt im Theme-Editor hinzufügen.
  • Kundenfotos auf Produktseiten zeigen das Produkt im echten Einsatz, was Studiofotos nicht können.

Um ein UGC-Widget in Shopify hinzuzufügen, installiere eine UGC-App, verknüpfe deine Social-Media-Accounts und aktiviere das Widget dann unter App-Embeds oder füge es als Abschnitt im Theme-Editor hinzu. Das Widget zeigt Kundenfotos und -videos von Instagram, TikTok oder direkte Uploads.

Wie füge ich ein Widget in Shopify hinzu?

Der allgemeine Prozess für jedes App-Widget:

  1. Installiere die App aus dem Shopify App Store
  2. Verknüpfe deine Social-Media-Accounts (Instagram, TikTok usw.)
  3. Konfiguriere das Aussehen des Widgets (Grid, Karussell, Anzahl der angezeigten Posts)
  4. Aktiviere es über App-Embeds ODER füge es als Abschnitt im Theme-Editor hinzu

Für Bewertungs-Widgets, schau dir an, wie man Bewertungs-Widgets in Shopify hinzufügt.


Die besten UGC-Apps für Shopify

Instafeed (Instagram-Feed)

Am besten für: Shops, die einen sauberen Instagram-Feed einbetten wollen.

Was es macht: Verbindet sich mit deinem Instagram-Account und zeigt deine Posts als Grid (Raster) oder Karussell an. Der kostenlose Plan zeigt 9 Posts; kostenpflichtige Pläne schalten mehr Posts, Kunden-Tagging und Shoppable-Feeds frei.

Setup:

  1. Installiere Instafeed aus dem App Store
  2. Verknüpfe deinen Instagram Business Account
  3. Gehe zum Theme-Editor → App-Embeds → schalte Instafeed ein
  4. Oder füge es als Abschnitt hinzu: Theme-Editor → Abschnitt hinzufügen → Instafeed

Covet.pics (Instagram + Kundenfoto-Uploads)

Am besten für: Stores, die sowohl Instagram-Posts ALS AUCH direkte Foto-Einreichungen von Kunden möchten.

Mit Covet.pics können Kunden Fotos von deinen Produktseiten hochladen. Diese erscheinen in einer UGC-Galerie auf den Produktseiten und in einem Feed auf der Startseite. Das ist wirkungsvoller als ein reiner Instagram-Feed, weil es auch Kunden einschließt, die dich nicht öffentlich markieren.

Der kostenlose Plan enthält grundlegende Widgets; kostenpflichtige Pläne (ab 14 $/Monat) schalten mehr Anpassungsmöglichkeiten und automatische Kundenfoto-Anfragen frei.

TaggShop (Multi-Plattform: Instagram, TikTok, Twitter/X)

Am besten für: Brands mit einer starken Präsenz auf mehreren Social-Media-Plattformen.

TaggShop bündelt Content von Instagram, TikTok, Twitter/X und anderen Plattformen in einem einzigen Feed. Nützlich für Brands mit aktiven TikTok-Communitys.

Wenn ein Widget dein Layout zerschießt, schau dir an, wie du Layout-Probleme nach der Installation von Shopify-Apps behebst.


Wie man ein UGC-Widget in Shopify einbettet

Methode A — App-Embeds

Nach der Installation deiner App:

  1. Öffne den Theme-Editor: Onlineshop → Themes → Anpassen
  2. Klicke auf das Puzzleteil-Symbol (App-Einbettungen / App-Embeds) in der linken Seitenleiste
  3. Aktiviere deine UGC-App

Das Widget erscheint an einer von der App festgelegten Standardposition (oft in der Nähe des Footers oder am Ende von Produktseiten).

Methode B — Als Abschnitt hinzufügen

Für mehr Kontrolle über die Platzierung des Widgets:

  1. Öffne den Theme-Editor und navigiere zu der Seite, auf der du das Widget haben möchtest
  2. Klicke in der linken Seitenleiste auf “Abschnitt hinzufügen”
  3. Suche in der Liste nach dem Abschnittstyp deiner UGC-App
  4. Füge ihn hinzu und platziere ihn dort, wo du ihn haben möchtest

Mit dieser Methode kannst du das UGC-Widget zwischen bestimmten Seitenabschnitten platzieren — zum Beispiel zwischen Produktbewertungen und ähnlichen Produkten.


Wo man UGC-Widgets für maximale Wirkung platziert

Startseite. Ein UGC-Grid oder -Karussell in voller Breite unter der Hero-Section vermittelt sofort: “Echte Menschen lieben diese Brand”. Funktioniert besonders gut für Lifestyle- und Fashion-Brands.

Produktseiten. “In echt sehen”-UGC-Galerien auf Produktseiten zeigen das Produkt im tatsächlichen Einsatz — Kleidung an echten Körpertypen, Möbel in echten Wohnungen. Das beantwortet eine häufige Käuferfrage: “Wie sieht das eigentlich in echt aus?”

Kategorie-Seiten (Collections). Einige UGC-Apps unterstützen Filter auf Collection-Ebene — es werden nur Fotos angezeigt, die mit Produkten in dieser Collection getaggt sind. Komplexer im Setup, aber extrem relevant.

Eigene UGC-Seite. Eine Seite unter /pages/community oder /pages/real-customers, die als komplette Galerie dient. Gut fürs Linkbuilding und Brand-Storytelling.

Für Layouts von Kategorie-Seiten, siehe wie man eine Kategorie-Seite in Shopify anpasst.

Baue einen eigenen UGC-Abschnitt, indem du ihn Fudge beschreibst.
Kostenlose Testversion starten

Individuelle UGC-Abschnitte mit Fudge

UGC-App-Widgets sind zweckmäßig, sehen aber oft austauschbar aus — das gleiche Grid-Layout, das auch jeder andere Store mit Instafeed nutzt. Für einen UGC-Abschnitt, der genau zum einzigartigen Design deiner Brand passt:

Beschreibe ihn Fudge, dem AI-Operator für Shopify-Stores:

“Baue einen ‘Real Customers’-Abschnitt für meine Startseite, der ein Masonry-Grid mit Kundenfotos zeigt (statische Bilder, die ich saisonal update), wobei jedes Foto zum entsprechenden Produkt verlinkt. Style ihn in unseren Brand-Farben und mit einer Überschrift im handschriftlichen Look.”

Fudge generiert das als nativen Shopify-Abschnitt — keine App-Abhängigkeit, volle Design-Kontrolle, keine externen Skripte. Du schaust dir den Entwurf in der Vorschau an, bevor er live geht, und Fudge vergleicht die Conversion-Rate auf der Seite vorher und nachher.

Mehr darüber, wie Fudge dein Theme bearbeitet, findest du beim Fudge Store Editor.


Shoppable UGC — Produkte in Social-Media-Posts taggen

Die kostenpflichtigen Tarife der meisten UGC-Apps unterstützen Product-Tagging — wenn man auf das Foto eines Kunden tippt, wird angezeigt, welche Produkte er trägt/nutzt, mit direkten Links zum Kauf. Das macht aus Social-Inspiration einen Shopping-Flow.

Um das zu aktivieren, brauchst du:

  • Einen Instagram Shopping-Account (deine Produkte müssen mit dem Instagram-Katalog synchronisiert sein)
  • Eine UGC-App, die Shoppable Posts unterstützt (Covet.pics und TaggShop bieten das beide an)

Shopper, die auf ein getaggtes Foto tippen, wollen das Produkt bereits — diese Klicks konvertieren also in der Regel sehr gut.


FAQ

Brauche ich einen kostenpflichtigen Plan, um ein UGC-Widget in Shopify einzubetten?

Für einen reinen Instagram-Feed nicht - der kostenlose Tarif von Instafeed reicht dafür bei den meisten Stores. Für shoppable UGC, Kundenfoto-Uploads oder TikTok-Integration brauchst du einen bezahlten Plan bei einer der speziellen UGC-Apps. Kostenlose Pläne sind meist auf 9 Posts und eine einfache Darstellung limitiert.

Wie bringe ich Kunden dazu, mir Fotos von ihren Bestellungen zu schicken?

Der effektivste Ansatz: eine Post-Purchase-E-Mail mit der Bitte um ein Foto, kombiniert mit einem kleinen Incentive (10% Rabatt auf die nächste Bestellung, Treuepunkte). Apps wie Covet.pics haben das als integrierten Flow. Abgesehen davon helfen auch Hinweise in der Bestellbestätigung oder die Bitte um Instagram-Tags, aber die Conversion ist dabei niedriger.

Kann ich auf meinen Produktseiten nur freigegebene UGC-Posts anzeigen?

Ja - alle großen UGC-Apps bieten Moderation an. Entweder du gibst jeden Post manuell frei, bevor er öffentlich zu sehen ist (langsamer, aber sicherer), oder du lässt standardmäßig alles zu und entfernst bei Bedarf bestimmte Posts. Vorherige Freigabe ist in der Regel der richtige Standard für brand-sensitive Kategorien.

Machen UGC-Widgets meine Produktseite langsamer?

Ein wenig. UGC-Apps laden Bilder von externen CDNs (Instagram, der eigene Speicher der App), und große Bilder-Grids können die Core Web Vitals verschlechtern, wenn sie nicht per Lazy Loading geladen werden. Die meisten modernen UGC-Apps nutzen den IntersectionObserver, um Bilder erst dann zu laden, wenn sie in den sichtbaren Bereich scrollen — checke deinen Lighthouse-Score vor und nach der Installation. Wenn du den UGC-Look ohne den Widget-Overhead willst, beschreibe Fudge (/), was du brauchst ("ein UGC-Grid mit 6 Bildern, das sich aus einem Kundenfoto-Metafield speist, mit Lightbox"), und er baut es nativ in dein Theme ein.

Brauche ich eine Erlaubnis, um Instagram-Fotos von Kunden in meinem Shopify-Store zu zeigen?

Ja. Die Nutzungsbedingungen von Instagram verbieten das erneute Anzeigen von User-Posts ohne Erlaubnis. UGC-Apps enthalten "Rights-Management"-Features, die eine Anfrage an den ursprünglichen Poster senden und das Foto erst nach dessen Zustimmung anzeigen. Diesen Schritt zu überspringen, ist ein rechtliches Risiko, das sich nicht lohnt.

Jacques's signature
Baue individuelle Social-Proof-Abschnitte, indem du genau beschreibst, was du willst.

You might also be interested in

Jacques Blom
Jacques Blom
CTO bei Fudge.