Social-Media-Feed in BigCommerce einbinden: So geht’s

Instagram-Feed in einem BigCommerce-Shop

BigCommerce gehört zu den beliebtesten E-Commerce-Plattformen. Mit Social-Media-Feeds von Instagram, Facebook, TikTok und Co. zeigst du Social Proof und steigerst die Conversions in deinem Online-Shop.

Neue Shoppable Feeds 
für Shopify von Flockler

Mit diesem Tutorial gelingt dir das Einbinden eines Social-Media-Feeds in BigCommerce in drei Schritten:

  1. Richte dir einen Social-Media-Feed ein, der sich automatisch aktualisiert

  2. Wähle ein Layout für deinen Social-Media-Feed

  3. Binde deinen Social-Media-Feed in BigCommerce-Seiten ein

1. Richte dir einen Social-Media-Feed ein, der sich automatisch aktualisiert

Wenn du noch kein Flockler hast, dann melde dich zunächst für unsere kostenlose Testversion an. Dafür gehst du weder irgendeine Verpflichtung ein, noch musst du Zahlungsmittel hinterlegen.

Im ersten Schritt richtest du einen Social-Media-Feed ein, der automatisiert Content von Instagram, Facebook, TikTok und Co. zieht. Dabei kannst du den Content aller Social-Media-Kanäle gebündelt an einem Ort ausspielen. Oder du kategorisierst ihn, um einige oder alle Kanäle separat zu präsentieren.

Auswahl einer Content-Quelle in der Flockler-App

Hier findest du eine detaillierte List der Social-Media-Kanäle und Content-Quellen, die du deinem Flockler hinzufügen kannst.

2. Wähle ein Layout für deinen Social-Media-Feed

Im zweiten Schritt wählst du ein passendes Layout für deinen Social-Media Feed aus. Dafür stehen dir vier Optionen zur Verfügung:

  1. die Social Wall

  2. das Raster- bzw. Grid-Layout

  3. das Karussell

  4. die Slideshow

Layout-Optionen für Social-Media-Feeds der Flockler-App

Mit Flockler kannst du so viele verschiedene Layouts erstellen, wie du möchtest. Darüber hinaus kannst du die Layouts deines Social-Media-Feeds in deinem individuellen Marken-Branding gestalten. Ganz ohne Programmierkenntnisse.

3. Binde deinen Social-Media-Feed in BigCommerce-Seiten ein

Im dritten Schritt bindest du deinen Social-Media-Feed in BigCommerce ein. Dafür gibt es zwei Methoden: Am einfachsten ist es, wenn du den Page Builder nutzt. Damit können Shop-Betreiber ihre Webseite per Drag-and-Drop bearbeiten.

Wenn du jedoch deinen BigCommerce-Shop modifiziert hast, dann ist die Bearbeitung von „Theme Files“ die richtige Option. Solltest du dir nicht sicher sein, welche Methode zu deinem BigCommerce-Shop passt, dann wende dich bitte an deinen BigCommerce-Entwickler.

Social-Media-Feeds in BigCommerce über PageBuilder einbinden

Einen Instagram-Feed oder Posts anderer Social-Media-Plattformen einzubinden, ist mit dem Page Builder von BigCommerce ganz einfach.

Log dich in deinen BigCommerce-Account ein und klicke in der Navigation auf „Storefront“. Anschließend klickst du bei dem Theme, das du bearbeiten möchtest, auf „Customize“.

Anpassen des BigCommerce-Designs

Nun suchst du auf der linken Seite das HTML-Element und ziehst es per Drag-and-Drop in dein Template.

Hinzufügen eines HTML-Elements zu BigCommerce

Auf der linken Seite öffnet sich ein Editor. Er enthält einen Beispieltext. Diesen Text entfernst du und ersetzt ihn durch den Einbettungscode von Flockler.

Bearbeiten des HTML-Elements in BigCommerce
Speichern der HTML-Änderungen in BigCommerce

Um deine Änderungen zu speichern, klickst du auf „Save HTML“. Indem du oben links im Editor auf „Publish“ klickst, veröffentlichst du deine Änderungen und schließt die Flockler-Einbindung ab. Dein fabelhafter Scoial-Media-Feed erscheint nun in deinem Shop!

Social-Media-Feed auf BigCommerce

Social-Media-Feeds in BigCommerce über Theme Files einbinden

Wenn dein BigCommerce-Shop etwas Customizing erfahren hat, dann ist die Bearbeitung von „Theme Files“ möglicherweise die richtige Option. Bevor du das Theme bearbeitest, erstelle eine Sicherungskopie deines aktuellen Themes.

Sicherungskopie eines BigCommerce-Themes erstellen

Wenn du die Sicherungskopie erstellt hast, dann klicke auf „Edit Theme Files“, um sie zu bearbeiten.

Theme Files von BigCommerce bearbeiten

Auf der linken Seite wählst du „Templates“ und scrollst dann nach unten zum Page Template, das du bearbeiten möchtest. In diesem Beispiel wählen wir „home.html“ und fügen Flockler dem Container hinzu, inklusive anderer Seitenelemente.

Auswahl des Templates in den Theme Files von BigCommerce
Hinzufügen eines Code-Snippets zu home.html im BigCommerce-Editor

Speichere deine Theme Files, um die Änderungen an deinem Template zu übernehmen.

Im letzten Schritt gehst du nun zur Storefront-Seite zurück. Hier klickst du auf „Apply“, um die Änderungen in deinem BigCommerce-Shop zu veröffentlichen.

Veröffentlichung der Änderungen im BigCommerce-Shop

Das war’s! Du hast einen schönen Social-Media-Feed in BigCommerce eingebunden.

Darum solltest du Social-Media-Feeds in BigCommerce einbinden

Hier sind drei Beispiele von Online-Shops. Sie veranschaulichen, warum es sich lohnt, Social-Media-Feeds im E-Commerce zu nutzen.

Vorteil #1: Verweildauer im Online-Shop erhöhen

Ein interaktiver Social-Media-Feed spielt neue Bilder und Videos aus, ohne dass du dafür manuelle Aufwände hast. Dein Social-Media-Team investiert viel Zeit, um neuen sowie bestehenden Kunden aktuelle Informationen, Produkteinführungen oder Angebote aufzuzeigen. Und derselbe Social-Media-Feed kann deinen Online-Shop um ein paar Zeilen Code erweitern und so um ein interaktives Element reicher machen.

Die Instagram-Galerie von Ekoi bietet eine Mischung aus Markeninhalten und Hashtag-Erwähnungen von Kunden und Partnern. Das Karussell ist in die Homepage sowie in Produktseiten eingebunden. Dadurch bringt es einen Social-Media-Feed auf die E-Commerce-Seite, der neuen Content in Echtzeit bietet. Webseitenbesucher finden stets etwas Neues zum Entdecken: Sie beschäftigen sich mit den Inhalten und bleiben so länger auf der Seite.

Social-Media-Feed, der in den Online-Shop von Ekoi eingebunden ist

Vorteil #2: Präsentiere Kundenstimmen für Social Proof

Im E-Commerce hilft Social Proof, Webseitenbesucher von Produkten zu überzeugen. Das steigert den Umsatz. Fahre Hashtag-Kampagnen, um Kundenfeedback und Bewertungen zu sammeln: Bitte deine Kunden, zu erzählen, wie sie deine Produkte und Dienstleistungen nutzen und was ihnen daran gefällt. Alternativ kannst du auch Kundenbewertungen und Rezensionen über ein Formular sammeln, das du in deine Webseite integrierst. Oder du bittest Kunden, eine Rezension bei Google abzugeben. Mit Flockler führst du alle Arten von Social Proof zusammen und präsentierst ihn gebündelt an einer Stelle.

Ein gelungenes Beispiel für eine Hashtag-Kampagne präsentiert Vivadogs auf seiner Homepage: Hier zeigen Kunden ihre Zufriedenheit mit dem Monatsabo und helfen auf diese Weise anderen bei der Kaufentscheidung.

Hashtag-Feed in einem Online-Shop

Vorteil #3: Erweitere deinen Instagram-Feed um Shoppable Posts

Eine Mischung aus User-Generated Content (UGC) und deinen Produkten ist die ultimative Art, Social Proof zu zeigen: Indem du UGC in Shoppable Posts verwandelst, bekommen Webseitenbesucher einen direkten Zugang von der Kundenbewertung zur Produktseite.

Das „Shop the Look“-Karussell von Sohome ist ein perfektes Beispiel dafür, wie Social Proof Kunden zum Kauf führt.

Instagram-Feed mit Shoppable Posts eines Online-Shops

Wenn ein Kunde auf eines der Bilder klickt, dann erscheint ein Pop-up mit Produktinformationen sowie ein „Buy“-Button. Was gibt es Wirkungsvolleres, um den Umsatz zu steigern?

Instagram-Post mit Link zum Produkt

Flockler hilft Marketern wie dir, Social Media Feeds zu generieren und spielt User-Generated Content auf jedem digitalen Service aus. So erhöhst du die Verweildauer und beschleunigst Conversions.

Demo anfordern Starte deine 14-Tage-Testversion
Starte deine 14-Tage Testversion