Hinzufügen eines Social-Media-Widgets zu WordPress (für Einsteiger geeignet)
clicksocial

Planen Sie Beiträge für soziale Medien direkt von WordPress aus mit ClickSocial

Kostenlose Testversion starten Winkel-Rechts
Startseite Blog Hinzufügen eines Social-Media-Widgets zu WordPress (für Einsteiger geeignet)

Hinzufügen eines Social-Media-Widgets zu WordPress (für Einsteiger geeignet)

wie man ein Social Media Widget zu Wordpress hinzufügt

In der digitalen Welt von heute ist die Integration sozialer Netzwerke in Ihre Website ein Muss. Tatsächlich sind von den 5,16 Milliarden Menschen, die das Internet nutzen, fast 4,9 Milliarden Nutzer von sozialen Medien.

Bei der großen Anzahl an Social Media Widgets für WordPress.org kann es jedoch schwierig sein, den besten Weg zu finden, sie zu Ihrer Website hinzuzufügen. Vor allem, wenn Sie kein WordPress-Experte sind.

Deshalb zeigen wir Ihnen in diesem Beitrag, wie Sie Ihrer WordPress-Website am einfachsten ein Social-Media-Widget hinzufügen können - auch wenn Sie keine Programmierkenntnisse haben.

Hier finden Sie ein Inhaltsverzeichnis, das Ihnen die Navigation erleichtert und Sie zu den gewünschten Abschnitten führt:

Social Media Icons vs. Social Media Widgets

Ein Social Media Widget für WordPress kann 2 Dinge bedeuten:

  • Ein Social-Media-Inhalt für die Seitenleiste, die Fußzeile und andere Widget-fähige Bereiche Ihrer Website
  • Oder Social-Media-spezifische Inhalte, die Sie den Beiträgen und Seiten Ihrer Website hinzufügen

So können Sie das Interesse der Besucher Ihrer Website mit relevanten Beiträgen, Fotos und Videos aufrechterhalten, ohne dass diese Ihre Website verlassen.

Beispiel für ein Tiktok-Video-Widget

Außerdem können Sie mit Social Media Widgets noch viel mehr tun:

  • Zeigen Sie Bewertungen in den sozialen Medien, um Menschen davon zu überzeugen, bei Ihnen zu kaufen.
  • Ermutigen Sie andere, Ihnen zu folgen, und steigern Sie die Zahl Ihrer Anhänger in den sozialen Medien.
  • Halten Sie die Besucher länger auf Ihrer Website, um Ihre SEO und Online-Reichweite zu steigern

Fazit: Sie sind ziemlich praktisch, wenn man sie auf seiner Website hat.

Auf der anderen Seite sind Social Media Icons einfache Schaltflächen, die Sie in Ihr WordPress einfügen.

Wenn diese Symbole angeklickt werden, verlinken sie zu Ihren Profilen in den sozialen Medien, um die Besucher Ihrer Website zu ermutigen, Ihnen zu folgen. Das bedeutet, dass Ihre Besucher Ihre Website verlassen müssen, um sich mit Ihren Social-Media-Kanälen zu verbinden.

social media widget wordpress symbole

Und je mehr Besucher Ihre Website verlassen, desto weniger Chancen haben Sie, ihnen etwas zu verkaufen.

Außerdem sind diese Symbole klein, so dass man sie leicht übersehen kann. Viele Leute können sie versehentlich übergehen, was bedeutet, dass Sie potenzielles Engagement verlieren.

Wie Sie sehen, ist es besser, Ihre Social Media Feeds in Ihr WordPress einzubetten.

Der beste Weg, Social Media Widgets zu Ihrer Website hinzuzufügen

Während die kleineren sozialen Plattformen immer noch großartig sind (Pinterest kann ein Lebensretter sein!), ist es am besten, sich auf die größten zu konzentrieren, wenn Sie Ihre Website und Marke ausbauen wollen.

Und im Moment zeichnen sich 5 Optionen als die besten Optionen ab: Facebook, X/Twitter, YouTube, TikTok und Instagram.

Normalerweise müssen Sie für jeden Beitrag in sozialen Medien einen Einbettungscode erstellen, zu Ihrer Website zurückkehren, den Code einfügen und prüfen, ob die Einbettung funktioniert.

Twitter-Beitrag manuell einbetten

Aber mal ehrlich, niemand will so viele Tabs öffnen und schließen. Also können Sie stattdessen einfach ein WordPress-Plugin verwenden.

Dann kann das Plugin die Beiträge automatisch für Sie abrufen und sie in Ihrem Widget anzeigen.

Um die Sache so einfach wie möglich zu machen, verwende ich ein Tool, mit dem Sie Social-Media-Widgets in wenigen Minuten und ohne Programmieraufwand einbetten können: Smash Balloon.

Beispiel einer Social Media Wall

(Spaßfakt: Der Screenshot des Social Media Widgets, den Sie am Anfang gesehen haben, wurde mit Smash Balloon erstellt)

Smash Balloon unterstützt nicht nur die größten Plattformen, sondern ist auch leichtgewichtig. So lädt Ihre Website so schnell wie immer, egal wie viele Social-Media-Posts Sie einbetten.

Außerdem kopieren Ihre Widgets automatisch das Design Ihrer Website und sehen sofort schön aus.

Es gibt noch eine ganze Reihe anderer Funktionen. Auf die wichtigsten werde ich im Laufe der folgenden Tutorials eingehen:

Hinzufügen eines Facebook-Feed-Widgets

Der einfachste Weg, dein Facebook-Feed-Widget auf deiner Website einzubinden?

Installieren Sie ein einfach zu bedienendes WordPress-Plugin wie Smash Balloon's Facebook Feed Pro, um dies zu tun

benutzerdefiniertes Facebook-Feed-Pro-Plugin

Mit über 250.000 Nutzern und einer soliden Bewertung von 4,9/5 macht es Facebook Feed Pro so einfach wie nie zuvor, Facebook-Inhalte zu zeigen.

Sie können auch festlegen, dass nur bestimmte Inhalte angezeigt werden, z. B. Ereignisse, Status, Fotos, Videos und Alben.

Machen Sie sich Sorgen, dass das Plugin Ihre Website verlangsamt? Das brauchen Sie nicht, denn das Plugin verfügt über eine Geschwindigkeitsoptimierung. Es sorgt für eine effiziente Zwischenspeicherung der Daten, sodass Ihr Feed blitzschnell auf Ihrer Website geladen wird.

Außerdem wird auf Ihrer Website weiterhin ein Feed angezeigt, auch wenn Facebook vorübergehend nicht erreichbar ist.

Beispiel für ein Facebook-Feed-Widget

Mit all diesen erstaunlichen Funktionen ist Facebook Feed Pro einfach die beste Option, wenn es um das Einbetten von Facebook-Widgets geht.

Möchtest du ein Facebook-Widget zu deiner eigenen Website hinzufügen?

Werfen Sie einen Blick auf die Schritt-für-Schritt-Anleitung in diesem Beitrag über die Erstellung eines Facebook-Feed-Widgets in WordPress.

Hinzufügen eines Instagram-Feed-Widgets

Was, wenn Sie stattdessen Ihren Instagram-Feed auf Ihrem WordPress anzeigen möchten? Instagram Feed Pro, das beste Instagram-Feed-Plugin für WordPress, kann Ihnen dabei helfen.

bestes instagram feed pro plugin

Sie können den Instagram Feed Pro von Smash Balloon als Widget für WordPress hinzufügen. Binden Sie ihn einfach direkt in die Seiten oder Beiträge Ihrer Website ein oder verwenden Sie das vorgefertigte Widget, um ihn in die Seitenleiste oder den Fußbereich Ihrer Website einzufügen.

Machen Sie sich Sorgen, dass Ihr Instagram-Feed auf dem Handy nicht richtig angezeigt wird? Das Plugin macht Ihre Instagram-Feeds automatisch responsive, sodass sie auf jedem Gerät und jeder Bildschirmgröße gut aussehen.

Instagram-Widget für soziale Medien

Es ist perfekt für Neulinge, da es keine Programmierung oder ein Instagram-Entwickler-Konto erfordert.

Das Plugin ist nicht nur gut für die Leistung Ihrer Website, es ist auch extrem schnell . Über 1 Million Nutzer weltweit geben ihm immerhin eine durchschnittliche Bewertung von 4,9/5 Sternen.

bewertungen instagram feed pro plugin

Möchten Sie ein Instagram-Widget für Ihre eigene Marke erstellen und anzeigen lassen? In dieser Anleitung erfahren Sie, wie Sie ein Instagram-Widget zu Ihrer WordPress-Website hinzufügen können.

Hinzufügen eines Twitter-Feed-Widgets

Wussten Sie, dass die Smash Balloon Plugins auch ein hoch bewertetes Plugin enthalten, mit dem Sie Ihre Twitter-Feeds auf Ihrer Website einbetten können?

Als bestes Twitter-Feed-Plugin für WordPress können Sie Twitter Feeds Pro verwenden, um vollständig anpassbare und reaktionsfähige Twitter-Feeds in WordPress zu erstellen und anzuzeigen.

Twitter-Feed-Pro-Plugin

Dadurch können Sie Ihre Markenbekanntheit steigern und sogar den Umsatz Ihres Unternehmens erhöhen.

Das Tolle an diesem Plugin ist, dass es sofort nach dem Auspacken gut aussieht. Da es automatisch das bestehende Design und den Stil Ihrer Website kopiert, können Ihre Twitter-Feeds im Einklang mit der visuellen Identität Ihrer Marke aussehen.

Außerdem können Sie das Design Ihres Twitter-Feeds mit ein paar Klicks im Live-Feed-Editor anpassen. So können Sie Ihren Feed genau so gestalten, wie Sie es möchten - ohne HTML, benutzerdefiniertes CSS oder sonstige Codierung!

Twitter Live Feed Editor

Wenn Sie das Gefühl haben, dass Programmieren nichts für Sie ist, ist Custom Twitter Feeds Pro die beste Wahl, um spezielle Twitter-Widgets wie Hashtag-Feeds, benutzerdefinierte Suchen und Benutzer-Timelines auf Ihrer Website einzubetten.

Sie fragen sich, wie Sie Ihre Twitter-Feeds einbetten können? Lesen Sie diesen Beitrag über das Hinzufügen eines Twitter-Widgets in WordPress und folgen Sie der Schritt-für-Schritt-Anleitung.

Hinzufügen eines YouTube-Feed-Widgets

Um YouTube-Feeds auf Ihrer Website anzuzeigen, können Sie Smash Balloon's YouTube Feed Pro verwenden.

Es ist das beste YouTube-Feed-Plugin für WordPress, so dass auch Anfänger es leicht verwenden können, um ihre Feeds in nur wenigen Minuten einzubetten!

youtube feed pro plugin smash balloon

Mit Hilfe von YouTube Feed Pro können Sie Ihrer Website ganz einfach einen anpassbaren YouTube-Feed hinzufügen - indem Sie einfach bestimmte Optionen an- oder abwählen.

Sie müssen kein Experte in Sachen Programmierung oder Design sein, um Ihren Feed einzurichten, denn das Plugin übernimmt die harte Arbeit für Sie.

Außerdem können Sie mit dem Plugin eine Menge Zeit sparen . Warum? Anstatt den Code jedes YouTube-Videos abzurufen, damit Sie sie manuell einbetten können, müssen Sie nur Ihr YouTube-Konto verbinden und das Plugin den Rest erledigen lassen.

Um ein YouTube-Feed-Widget zur Website deiner eigenen Marke hinzuzufügen, sieh dir diese hilfreiche Anleitung an, wie du ein YouTube-Widget für deine Website erstellst.

Hinzufügen eines TikTok-Feed-Widgets

TikTok Feeds Pro ist der einfachste Weg, um TikTok-Feed-Widgets auf Ihrer Website einzubinden.

Mit diesem Tool ist es einfacher denn je, Ihre Präsenz auf der größten Plattform für Kurzvideos zu verbessern.

tiktok feeds pro Startseite

Alles, was Sie tun müssen, ist, einer 3-Schritte-Anleitung zu folgen, und schon ist Ihr TikTok-Widget einsatzbereit.

Danach wird das Plugin Ihr Widget automatisch aktualisieren, sobald Sie einen neuen TikTok posten. Auf diese Weise können Sie einen regelmäßigen Fluss von ansprechenden Videos auf Ihrer Website haben.

Darüber hinaus ist die Anpassung Ihrer Widgets auch super einfach. Importieren Sie einfach eine Vorlage, die Ihnen gefällt, und verwenden Sie dann den praktischen Live-Customizer, um das Design mit ein paar einfachen Klicks zu ändern.

tiktok feed pro live feed editor

Alles in allem können Sie mit TikTok Feeds Pro schöne Widgets entwerfen und anzeigen, um die Besucher im Handumdrehen zu beschäftigen.

Weitere Informationen zur Erstellung Ihres Widgets finden Sie in dieser Schritt-für-Schritt-Anleitung zum Einbetten eines TikTok-Widgets in WordPress.

Hinzufügen von Social Media Feed Widget (Kombiniert)

Nun, da Sie wissen, wie Sie Ihrem WordPress spezifische Social-Media-Feed-Widgets hinzufügen können, warum gehen Sie nicht einen Schritt weiter und kombinieren sie zu einem Feed?

An einem einzigen Ort können Sie Ihre besten Inhalte von allen wichtigen sozialen Medienplattformen hervorheben. So erhalten Sie alle Vorteile der regulären Social Widgets und sparen gleichzeitig Platz auf Ihrer Website.

Im Folgenden zeige ich Ihnen, wie Sie mit Hilfe von Social Wall Pro kombinierte Social-Feed-Widgets erstellen können.

social wall pro plugin smash balloon

Um loszulegen, können Sie sich hier Ihr Exemplar von Social Wall Pro holen und es dann auf Ihrer Website installieren.

Navigieren Sie dann in Ihrem WordPress-Dashboard zum Menü Social Feeds.

Von hier aus können Sie auf die Schaltfläche Neu hinzufügen oben klicken, um fortzufahren.

Hier können Sie die Social Media-Plattformen auswählen, die Sie für Ihre neue Social Wall verwenden möchten.

Klicken Sie einfach auf die Schaltfläche Zur Wand hinzufügen auf den Plattformen, die Sie einbetten möchten.

Quellen für Social Wall auswählen

Als Nächstes können Sie einfach die Feeds auswählen, die Sie zu Ihrer Pinnwand hinzufügen möchten.

Klicken Sie dann auf Wand erstellen und fahren Sie mit dem nächsten Schritt fort.

Feeds für Ihre Social Wall auswählen

Im nächsten Schritt können Sie die einfachen Anpassungsoptionen des Plugins nutzen, um das Aussehen Ihrer Social Wall zu verändern.

Anpassen Ihres Social Media Widgets

Wie andere Smash Balloon Plugins sieht auch Social Wall Pro sofort nach dem Auspacken gut aus.

Und wenn Sie das Design anpassen möchten, können Sie das ganz einfach mit dem visuellen Customizer tun.

Auf der linken Seite finden Sie die Optionen zum Ändern des Layouts Ihrer Social Wall, der Farbschemata, der Post-Elemente und mehr.

Live-Feed-Editor Soziale Wand

Und mit der Live-Vorschau auf der rechten Seite können Sie alle Ihre Änderungen in Echtzeit verfolgen.

Klicken Sie zunächst auf die Option Layout auf der linken Seite, um die Anpassung zu starten.

Layout der sozialen Wand anpassen

In Social Wall Pro können Sie jetzt aus 3 Layout-Optionen wählen: Masonry, Liste und Karussell.

Für diesen Beitrag wählen wir das Layout "Mauerwerk" .

Vergessen Sie nicht, auf Speichern zu klicken, um die Layout-Optionen für Ihre Social Wall zu bestätigen.

Danach können Sie Ihre Wand weiter personalisieren, indem Sie oben auf die Schaltfläche Anpassen klicken.

Ihre soziale Wand erneut anpassen

Wie Sie sehen können, ist es super einfach, Ihre Social Wall anzupassen - selbst wenn Sie neu in WordPress sind. Denken Sie daran, auf Speichern zu klicken, um Ihre Änderungen zu bestätigen.

Danach erfahren Sie im letzten Schritt, wie Sie Ihr Social Media Widget in WordPress einbetten.

Fügen Sie Ihr Social Media Widget zu WordPress hinzu

Mit dem Social Wall Pro Plugin können Sie ganz einfach Ihren kombinierten Social Media Feed auf Ihrer Website anzeigen. Außerdem können Sie direkt vom Live-Feed-Editor aus loslegen.

Klicken Sie zunächst auf die Schaltfläche Einbetten am oberen Rand.

Ihre Social Media Wall einbinden

Sobald Sie dies getan haben, können Sie mit Social Wall Pro wählen, wie Sie Ihre Wand einbetten möchten:

  • Kopieren: Kopieren Sie den Shortcode Ihrer Wand und fügen Sie ihn manuell an einer beliebigen Stelle auf Ihrer Website ein.
  • Zu einer Seite hinzufügen: Anzeige der Social Wall auf einer WordPress-Seite
  • Zu einem Widget hinzufügen: Zeigen Sie die Social Wall in Ihren Widget-Bereichen wie der Seitenleiste oder der Fußzeile an.

Um fortzufahren, wählen Sie die von Ihnen bevorzugte Einbettungsoption.

Soziale Wand zu einer Seite hinzufügen

Für unser Beispiel wählen wir die Option Zu einer Seite hinzufügen.

Jetzt können Sie einfach die Seite auswählen, auf der Sie Ihre Social Wall einbetten möchten, bevor Sie auf Hinzufügen klicken.

Die Webseite wird dann im WordPress Gutenberg-Block-Editor geöffnet.

Dort fügen Sie einen neuen Block hinzu, indem Sie auf das Pluszeichen (+) klicken.

neuen Wordpress-Block hinzufügen

Suchen Sie dann in der Suchleiste nach dem Block "Social Wall" .

Klicken Sie schließlich auf den Social Wall-Block in den Suchergebnissen unten - so einfach ist das!

Social Wall einfach einbinden

Und wenn Sie mit Ihrer Social Wall zufrieden sind, klicken Sie auf Aktualisieren, damit Ihre Website-Besucher sie sehen können, wenn sie Ihre Website wie hier besuchen:

Beispiel einer sozialen Wand

So, da haben Sie es!

Jetzt wissen Sie, wie Sie Ihrer WordPress-Website in wenigen einfachen Schritten Social-Media-Widgets hinzufügen können - und das alles, ohne eine einzige Code-Zeile anzufassen.

Probieren Sie es aus, und Sie können Ihr Engagement steigern, viele Follower in den sozialen Medien gewinnen und Ihr Unternehmen mit Leichtigkeit ausbauen.

Sind Sie bereit, Widgets für soziale Medien zu erstellen? Holen Sie sich jetzt das Smash Balloon All Access Bundle!

Möchten Sie mit Ihrer Website mehr Geld verdienen? Wir haben eine fantastische Liste der besten WooCommerce-Plugins, die Ihre Website in einen erfolgreichen Online-Shop verwandeln.

Weitere Social Media Marketing Tutorials & Leitfäden

Autorenavatar
Lianne Laroya Leiterin für Inhaltsmarketing
Lianne ist Content Marketing Manager bei Smash Balloon und verfügt über mehr als 12 Jahre Erfahrung in den Bereichen WordPress-Inhalte, Social Media Marketing, nutzergenerierte Inhalte (UGC) und Suchmaschinenoptimierung (SEO).

Einen Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte denken Sie daran, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und sinnvolles Gespräch führen.