--- title: "Neue Social-Media-Feeds: Vorlagen und Demos" date: 2020-10-05 canonical_id: new-social-media-feeds locale_slug: neue-social-media-feeds author: "osogovo" category: blog summary: "Lerne, wie du einen Social-Media-Feed kostenlos auf deiner Website einbettest. Beispiele für Social-Media-Feeds, die mit einfachen Tools wie EmbedSocial erstellt wurden." draft: false seo: title: "Neue Social-Media-Feeds: Vorlagen und Demos" description: "Lerne, wie du einen Social-Media-Feed kostenlos auf deiner Website einbettest. Beispiele von Social-Media-Feeds mit EmbedSocial." structured_data: article --- Wir aktualisieren die EmbedSocial-Plattform ständig, und dieses Mal haben wir eine vollständige Neugestaltung des Aussehens unserer Social-Media-Widgets im [EmbedSocial](/social-media-aggregator/)-Produkt durchgeführt. EmbedSocial ist ein All-in-One-[Social-Media-Aggregator](/blog/social-media-aggregator/), der in die großen Social-Media-Netzwerke integriert ist und so konzipiert wurde, dass er Social-Media-Beiträge auf jeder möglichen Website generiert und anzeigt. EmbedSocial bietet professionelle Tools wie Moderation, Anpassung, benutzerdefinierte CSS-Optionen zum Markieren von Beiträgen mit benutzerdefinierten Links und Tonnen von Einstellungen, die dir helfen, das Design deines Social-Media-Feeds mit deiner Marke abzustimmen. Tausende von Nutzern verwenden dieses Produkt und senden regelmäßig ihr Feedback zu möglichen neuen Funktionen und Upgrades. Und dieses Mal freuen wir uns, ein bedeutungsvolles Upgrade des Frontend-Designs der Social-Media-Vorlagen anzukündigen: **Ankündigung: Neue Social-Media-Feed-Vorlagen** Diese Vorlagen sind bereits für alle unsere bisherigen und neuen Nutzer verfügbar, und du kannst sie in der Einstellungsleiste im Bereich "Layouts" finden. Um mehr über unsere Designphase zu erfahren und die neuen Vorlagen zu sehen, folge den unten aufgeführten Links: ## Designphase: Brainstorming, Mockups und Prototypen Vor dem Entwerfen hatten wir die folgenden Grundsätze im Sinn: - Nutzerbedarf, Anfragen und Feedback - Folge den neuesten UI-Design-Trends. - Responsivität und Anpassung an jedes Gerät, jeden Browser oder Website-Builder Die Recherchephase umfasste ein paar Workshops zwischen unseren Marketing-, UX- und Customer-Success-Teams. Und viel Pizza! ![Design-Workshop](https://embedsocial.com/wp-content/uploads/2020/10/embedsocial-design-workshop-1024x768.jpg) Glücklicherweise war dies vor der COVID-Krise, daher gelang es uns, in unserem Büro zu brainstormen und viel Spaß dabei zu haben, zu visualisieren, wie wir bessere Widgets für unsere Nutzer starten können. ## **Neu: Collage-Vorlage** ![Collage Social-Media-Widget](https://embedsocial.com/wp-content/uploads/2020/10/collage-social-media-feed-1024x683.jpg) Die Collage-Vorlage ist eine völlig neue Vorlage, die von Grund auf gebaut wurde und hauptsächlich darauf abzielt, Social-Media-Beiträge auf Homepages oder Landing Pages anzuzeigen. **Nutzung**: Homepages, Landing Pages **Layout**: Modern **Merkmale**: - Responsiv, vier Gitternetzlayout - Option zum Definieren von 1 Reihe von Beiträgen mit "Mehr laden" oder nummerierten Seitenzahlen, um dein Landing-Page-Design anzupassen - Beschriftung/Text beim Hovern anzeigen - Gesamte Beiträge in einer Lightbox anzeigen oder zur ursprünglichen Nachricht umleiten - "Folgen"-Button hinzufügen - Titel hinzufügen oder entfernen - CTA-Buttons auf Beiträgen hinzufügen **[Demo: Collage-Vorlage →](/templates/classic-facebook-page-posts-collage-widget/)** ## **Feed-Vorlage** ![Social-Media-Feed-Widget](https://embedsocial.com/wp-content/uploads/2020/10/social-media-feed-1024x683.jpg) Die Feed-Vorlage ist unsere Standard-Vorlage, die für die meisten Nutzer konzipiert ist, die eine klassische Social-Media-Wall auf einer eigenen Seite anzeigen möchten. Sie enthält alle Elemente, die du jemals brauchst, um einen Social-Media-Feed für deine Website zu erstellen. **Nutzung**: Dedizierte Seiten, Homepages **Layout**: Klassisch **Merkmale**: - Responsiv, dreispaltige Gitternetzlayout - Definiere die Anzahl der Beiträge pro Seite - Optionen zum Hinzufügen von "Mehr laden" oder nummerierten Seitenzahlen - Gesamte Beiträge in einer Lightbox anzeigen oder zur ursprünglichen Nachricht umleiten - "Folgen"-Button hinzufügen - Titel hinzufügen oder entfernen - Beschriftung unter den Bildern anzeigen oder entfernen. **[Demo: Feed-Vorlage →](/templates/classic-facebook-page-posts-feed-widget/)** ## Wall-Vorlage ![Wall Social-Media-Widget](https://embedsocial.com/wp-content/uploads/2020/10/wall-social-media-feed-template-1024x683.jpg) Die Wall-Vorlage ist sehr ähnlich der Feed-Vorlage. Sie konzentriert sich mehr auf das klassische Aussehen einer Social-Media-Wall, bei der der Nutzername und die Social-Media-Netzwerk-Logos oben auf den Beiträgen prominenter sind. **Nutzung**: Dedizierte Seiten, Homepages **Layout**: Klassisch **Merkmale**: - Responsiv, dreispaltige Gitternetzlayout - Definiere die Anzahl der Beiträge pro Seite. - Optionen zum Hinzufügen von "Mehr laden" oder nummerierten Seitenzahlen - Gesamte Beiträge in einer Lightbox anzeigen oder zur ursprünglichen Nachricht umleiten - "Folgen"-Button hinzufügen - Titel hinzufügen oder entfernen - Beschriftung unter den Bildern anzeigen oder entfernen. **[Demo: Wall-Vorlage →](/templates/flat-facebook-feed-widget/)** ## Masonry-Vorlage ![Masonry Social-Media-Widget](https://embedsocial.com/wp-content/uploads/2020/10/masonry-social-media-feed-1024x683.jpg) Die Masonry-Vorlage ist ein modernes Pinterest-ähnliches Design von Social-Media-Feeds. Sie zielt darauf ab, eine elegantere Präsentation von Produktbildern oder Beiträgen zu bieten, die du veröffentlicht hast und die mehr relevante Bilder als Texte enthalten. **Nutzung**: Dedizierte Seiten, Homepages **Layout**: Modern **Merkmale**: - Responsiv, dreispaltige Masonry-Gitternetzlayout - Definiere die Anzahl der Beiträge pro Seite - Optionen zum Hinzufügen von "Mehr laden" oder nummerierten Seitenzahlen - Gesamte Beiträge in einer Lightbox anzeigen oder zur ursprünglichen Nachricht umleiten - "Folgen"-Button hinzufügen - Titel hinzufügen oder entfernen - Beschriftung unter den Bildern anzeigen oder entfernen **[Demo: Masonry-Vorlage →](/templates/facebook-feed-masonry-widget/)** ## Grid-Vorlage ![Grid Social-Media-Widget](https://embedsocial.com/wp-content/uploads/2020/10/grid-social-media-feed-1024x683.jpg) Die Grid-Vorlage ist eine klassische Vorlage zum Anzeigen von Bildern und zum Einbetten eines Feeds, der eher wie eine Fotogalerie aussieht. **Nutzung**: Dedizierte Seiten, Landing Pages, Homepages **Layout**: Klassisch **Merkmale**: - Responsiv, Option zum Definieren der Anzahl der Spalten im Gitternetzlayout - Definiere die Seitenzahl zwischen Fotos - Beschriftung/Text beim Hovern anzeigen - Gesamte Beiträge in einer Lightbox anzeigen oder zur ursprünglichen Nachricht umleiten - "Folgen"-Button hinzufügen - Titel hinzufügen oder entfernen - CTA-Buttons auf Beiträgen hinzufügen **[Demo: Grid-Vorlage →](http://templates/facebook-feed-grid/)** ## Carousel-Vorlage ![Carousel Social-Media-Widget](https://embedsocial.com/wp-content/uploads/2020/10/carousel-social-media-feed-1024x512.jpg) Dies ist eine moderne Carousel-Vorlage, die zu den neuesten UI-Trends für die Anzeige von Social-Media-Feeds an den wichtigsten Stellen deiner Website passt. Sie ist perfekt für Mode- oder Kosmetikmarken. **Nutzung**: Homepages, Footer, Produktseiten **Layout**: Modern **Merkmale**: - Optionen zum Durchsuchen der Folien - Beiträge in einer Lightbox öffnen oder zur ursprünglichen Nachricht umleiten - "Folgen"-Button hinzufügen - Titel hinzufügen oder entfernen - Beschriftung beim Hovern anzeigen - Definiere Autoplay **[Demo: Carousel-Vorlage →](/templates/facebook-carousel-widget/)** ## Slider-Vorlage ![Slider Social-Media-Widget](https://embedsocial.com/wp-content/uploads/2020/10/slider-social-media-feed-1024x512.jpg) Der Slider hat ein klassischeres Aussehen als das Carousel und ist eine "sichere" Option, die zu fast jedem Website-Design passt. **Nutzung**: Homepages, Footer, Produktseiten **Layout**: Klassisch **Merkmale**: - Optionen zum Durchsuchen der Folien - Beiträge in einer Lightbox öffnen oder zur ursprünglichen Nachricht umleiten - "Folgen"-Button hinzufügen - Titel hinzufügen oder entfernen - Beschriftung beim Hovern anzeigen - Definiere Autoplay Hier ist eine Slider-Vorlage-Demo, die in diesem Beitrag eingebettet ist: **[Vollständige Demo: Slider-Vorlage →](/templates/modern-facebook-slider-widget/)** ## Anwendungsfall: Collage-Feed in Shopify einbetten Unsere Feeds funktionieren mit jedem CMS, Website-Builder oder eCommerce-Plattform. In diesem Beispiel zeigen wir eine einfache Nutzung in einem Shopify-Shop, in dem du einen Instagram-Feed mit der neuen Slider-Vorlage einbetten kannst: ![Instagram-Feed in Shopify einbetten](https://embedsocial.com/wp-content/uploads/2020/10/instagram-feed-shopify-1024x693.jpg) Weitere Plattformintegrationen findest du in den Links unten: - [Social-Media-Feeds in Shopify](/instagram-widget/shopify/) - [Social-Media-Feeds in WordPress](/instagram-widget/wordpress/) - [Social-Media-Feeds für Squarespace](/instagram-widget/squarespace/) - [Social-Media-Feeds für PageCloud](/instagram-widget/pagecloud/) ## Warum du jetzt einen Social-Media-Feed auf deiner Website einbetten solltest Du kannst zahlreiche Vorteile als Vermarkter erzielen, indem du die Kraft von Social-Media-Kanälen und deiner Website zusammenführst. **Wir heben die wichtigsten hervor:** - Erzeugt ein besseres Benutzererlebnis auf deiner Webseite, das deine Besucher beschäftigt - Senkt deine Absprungrate und erhöht deine durchschnittliche Sitzungsdauer - Verbreitet Markenbekanntheit und zeigt die Werte, die du vertrittst - Baut starke sozialen Beweis auf - Treibt Verkäufe an, indem deine Produkte in einem immersiven Format angeboten werden - Erweitert deine Präsenz in sozialen Medien Bevor du anfängst einzubetten, nimm dir Zeit, um zu überlegen, was du mit dem Hinzufügen von Social-Media-Feeds auf deiner Website erreichen möchtest. Beispielsweise kannst du, wenn dein Ziel darin besteht, die Verweilzeit von Besuchern zu erhöhen, einen [Facebook-Feed](/blog/how-to-embed-facebook-feed/) hinzufügen, damit sie, wenn sie auf deine Website kommen, deine Fotos und Videos anschauen und bleiben können. Wenn du dein Publikum mit deinen neuesten Unternehmensnachrichten auf dem Laufenden halten möchtest, ist ein Twitter-Feed eine ausgezeichnete Wahl für dich. Oder, wenn du dein Publikum einbinden möchtest, indem du deine neueste Kollektion zeigst. In diesem Fall ist das Einbetten eines [Instagram-Feeds](/instagram-widget/) eine gute Idee für dich. Um deine Ereignissichtbarkeit zu erhöhen, betrachte das Ausprobieren einer Hashtag-Kampagne. Vergiss nicht, dass du deine Social-Media-Inhalte von mehreren Social-Media-Konten bei Bedarf an einem Ort zusammenführen kannst. Die Wahl liegt bei dir! ## Nächste Schritte: Bette einen Social-Media-Feed ein Wir hoffen, dass dir die neuen Vorlagen gefallen, und wir werden weiterhin mehr für unsere aktuellen und neuen Nutzer erstellen. Um auf die Vorlage zuzugreifen, musst du nur: 1. **[Melde dich an](/admin/socialfeed_home)** bei EmbedSocial 2. Navigiere zu **Widgets** und klicke auf "Bearbeiten" oder erstelle ein neues Widget 3. Gehe in der Seitenleiste zu **Layouts** und wähle die Vorlage aus der Liste 4. Passe deinen Social-Media-Feed an und modifiziere ihn 5. Kopiere den bereitgestellten HTML-Code und füge ihn in deinen Website-Builder ein ![Feed-Vorlagen](https://embedsocial.com/wp-content/uploads/2020/10/select-social-media-feed-template.jpg) Bitte beachte, dass du Medien von verschiedenen Social-Media-Plattformen in ein Widget zusammenführen und kombinieren kannst, wie Facebook Page, Instagram, Twitter, Vimeo, YouTube oder TikTok. Es liegt an dir, zu entscheiden, welche Social-Media-Inhalte deine Online-Präsenz verbessern werden. ## Zum Abschluss Ich hoffe, dass dich das Sehen dieser Social-Media-Feeds in Aktion dazu inspiriert hat, deinem Website-Publikum ein erstklassiges Erlebnis zu bieten. Ja, bitte probiere sie alle aus und schaue, welche der WOW-Faktor sein wird, den deine Website verdient. Und wenn du bei der Einrichtung Hilfe benötigst, kannst du dich gerne an uns wenden. Wir werden dich gerne unterstützen.