Neue Social-Media-Feeds: Vorlagen und Demos

Wir aktualisieren die EmbedSocial-Plattform ständig, und dieses Mal haben wir eine vollständige Neugestaltung des Aussehens unserer Social-Media-Widgets im EmbedSocial-Produkt durchgeführt.

EmbedSocial ist ein All-in-One-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!

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

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 →

Feed-Vorlage

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 →

Wall-Vorlage

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 →

Masonry-Vorlage

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 →

Grid-Vorlage

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 →

Carousel-Vorlage

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 →

Slider-Vorlage

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 →

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:

Weitere Plattformintegrationen findest du in den Links unten:

• Social-Media-Feeds in Shopify
• Social-Media-Feeds in WordPress
• Social-Media-Feeds für Squarespace
• Social-Media-Feeds für 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 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 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 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

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.