Möchten Sie einen Twitter-Feed auf Ihrer Beaver Builder-Website anzeigen?
Beaver Builder ist ein großartiges Tool, wenn Sie eine schöne Website für Ihre Marke erstellen möchten, ohne dafür programmieren zu müssen. Aber das Hinzufügen von Twitter-Feeds zu Beaver Builder kann knifflig sein - vor allem, wenn Sie nicht an den Umgang mit Code gewöhnt sind.
Um euch zu helfen, haben wir diese Anleitung für Anfänger zum einfachen Einbetten von Twitter-Feeds in Beaver Builder zusammengestellt.
Fangen wir an!
Warum Twitter Feeds zu Beaver Builder hinzufügen?
Mit einem Twitter-Feed können Sie Ihre Website-Besucher mit relevanten Beiträgen, Fotos, Videos und mehr von Twitter ansprechen. Schließlich sind Beiträge in den sozialen Medien eine der besten Möglichkeiten, das Interesse der Besucher zu wecken.
Der "typische" Internetnutzer verbringt jeden Tag fast 2½ Stunden mit sozialen Medien, was mehr als einem Drittel unserer gesamten Online-Zeit entspricht.
Simon Kemp, leitender Analyst bei DataReportal
Darüber hinaus können Sie einen Twitter-Feed verwenden, um:
- Zeigen Sie Online-Rezensionen zu Ihren Produkten an, um sie als sozialen Beweis zu nutzen und Ihre Konversionen zu steigern.
- Posten Sie Ihre eigenen Twitter-Inhalte und erhalten Sie mühelos viele Likes, Kommentare und Follower
- Fügen Sie regelmäßig Twitter-Inhalte mit relevanten Schlüsselwörtern ein, um Ihr SEO zu verbessern und in den Suchmaschinenergebnissen höher zu ranken
- Zeigen Sie wichtige Ankündigungen, Produktveröffentlichungen, Neuigkeiten und mehr an, um die Aufmerksamkeit der Menschen zu erregen.
- Und vieles mehr!
Um Twitter-Feeds für Elementor zu erstellen, müssen Sie nur die folgenden einfachen Schritte ausführen. Los geht's!
Wie man einen Beaver Builder Twitter Feed einfach einbindet
Folgen Sie einfach den nachstehenden Schritten, und Sie können im Handumdrehen einen schönen Twitter-Feed auf Ihrer WordPress Beaver Builder-Website einrichten.
Schritt 1: Laden Sie das Twitter Feed Pro Plugin herunter
Wenn es um das Einbetten von Twitter-Inhalten geht, ist das beste Tool, das Sie verwenden können, Twitter Feed Pro.
Als bestes Twitter-Feed-Plugin können Sie damit in wenigen Minuten Feeds von Tweets erstellen, anpassen und einbetten - ohne eine einzige Zeile Code anfassen zu müssen.
Außerdem werden alle Twitter-Feeds automatisch an das Design Ihrer Beaver Builder-Website angepasst und sehen sofort schön aus.
Holen Sie sich Ihr Exemplar des Twitter Feed Pro Plugins von hier, bevor Sie es auf Ihrer Website installieren und aktivieren.
Weitere Informationen dazu finden Sie in dieser Anleitung zur einfachen Installation von WordPress-Plugins.
Schritt 2: Erstellen Sie einen neuen Twitter-Feed
Jetzt, wo Sie das Plugin haben, können Sie die 3-Schritte-Anleitung verwenden, um Ihren Twitter-Feed schnell zu erstellen.
Öffnen Sie in Ihrem WordPress-Administrationsbereich das Menü Twitter-Feed " Alle Feeds und klicken Sie dann auf die Schaltfläche Neu hinzufügen.
Danach fragte mich das Plugin, welche Art von Twitter-Feed ich erstellen wollte. Es stellte sich heraus, dass es 3 Optionen gibt, aus denen ich wählen kann:
- Benutzer-Zeitleiste: Zeigen Sie Ihre eigenen Twitter-Inhalte in Ihrer Timeline an
- Hashtag: Zeigt Tweets an, die die von Ihnen ausgewählten Hashtags enthalten
- Suche: Einbettung der Suchergebnisse für die von Ihnen gewählten Suchbegriffe
Ich habe mich hier für den Feed-Typ User Timeline entschieden.
Sobald Sie einen Feed-Typ ausgewählt haben, klicken Sie auf Weiter, um fortzufahren.
Twitter Feed Pro fragt nun nach einer Quelle. Bei dieser Quelle handelt es sich im Wesentlichen um die Timelines, Hashtags oder Suchbegriffe der Nutzer, die Sie auswählen möchten.
Wie Sie unten sehen können, habe ich die Benutzerzeitleiste für "starbucks" als Quelle hinzugefügt.
Vergessen Sie nicht, Ihre Quelle hinzuzufügen, und klicken Sie auf Weiter, um fortzufahren.
Schritt 3: Passen Sie Ihren Twitter-Feed an
Um Ihnen zu helfen, schöne Twitter-Feeds mit einzigartigen Designs zu erstellen, können Sie mit dem Plugin eine Feed-Vorlage zum Importieren auswählen:
- Standard
- Mauerwerkskarten
- Einfaches Karussell
- Einfache Karten
- Schaufenster-Karussell
- Letzter Tweet
- Widget
Wählen Sie einfach eine Vorlage aus, die Sie bevorzugen, und klicken Sie auf die Schaltfläche Weiter .
Als Nächstes zeigt Twitter Feed Pro Ihren Feed im visuellen Customizer an. Hier finden Sie die Optionen zum Ändern des Layouts, des Header-Designs, des Button-Designs, des Tweet-Stils und vieles mehr.
Außerdem erhalten Sie eine Live-Vorschau, damit Sie Ihre Änderungen verfolgen können.
Sind Sie bereit, den Twitter-Feed für Ihren Beaver Builder anzupassen?
Wählen Sie zunächst die Option Feed-Layout auf der linken Seite.
Hier erhalten Sie 3 verschiedene Möglichkeiten zur Anzeige von Tweets auf Ihrer Beaver Builder-Website:
- Liste: Die Tweets nacheinander in eine einzelne Spalte einbetten, so dass jeder Tweet deutlich sichtbar ist
- Gemäuer: Zeigen Sie mehrere Tweets gleichzeitig auf Ihrer Website in mehreren Spalten an.
- Karussell: Zeigen Sie ein verschiebbares Karussell mit Twitter-Inhalten und machen Sie Ihre Website interaktiver
Für dieses Beispiel habe ich mich für ein gemauertes Layout entschieden.
Um Ihr neues Layout zu behalten, klicken Sie auf die Schaltfläche Speichern oben rechts. Klicken Sie anschließend auf Anpassen , um zu den Hauptanpassungsoptionen zurückzukehren.
Schauen wir uns eine weitere Anpassungsmöglichkeit in diesem visuellen Editor an.
Klicken Sie auf der linken Seite auf die Option Farbschema .
Hier können Sie bequem die Farben für Ihren Twitter-Feed auswählen.
Sie haben 4 verschiedene Farbschemata zur Auswahl:
- Vererben vom Theme: Verwenden Sie die gleichen Farben wie das Thema Ihrer Beaver Builder-Website
- Hell: Wählen Sie einen hellen Hintergrund und eine dunkle Farbe für die Schrift und die Icons
- Dunkel: Wählen Sie stattdessen einen dunklen Hintergrund und eine helle Farbe für die Schrift
- Benutzerdefiniert: Wählen Sie manuell alle Farben selbst aus
Klicken Sie wie zuvor auf Speichern, um Ihre Änderungen zu übernehmen.
Mit den verbleibenden Optionen können Sie den Tweet-Stil Ihres Feeds, die Anzahl der Tweets, den Kopfzeilenstil und vieles mehr anpassen.
Vergessen Sie nicht, auf Speichern zu klicken, wenn Sie bereit sind, Ihren Beaver Builder-Twitter-Feed einzubetten.
Schritt 4: Fügen Sie Ihren Twitter-Feed zum Beaver Builder hinzu
Sie können mit dem Einbetten des Twitter-Feeds über den visuellen Customizer beginnen. Klicken Sie zunächst oben auf die Schaltfläche Einbetten.
Hier finden Sie alle Möglichkeiten, Ihre Twitter-Inhalte einzubetten. Sie können sie zu einer WordPress-Seite hinzufügen oder sie als Twitter-Widget in Ihre Fußzeile oder Seitenleiste einbetten.
Klicken Sie vorerst einfach auf die Schaltfläche Kopieren.
Sie können dann einen neuen Beaver Builder erstellen, indem Sie in Ihrem Dashboard das Menü Seiten " Neu hinzufügen öffnen.
Klicken Sie dort auf die Schaltfläche Beaver Builder starten .
Dadurch wird die Seite im Drag-and-Drop-Editor von Beaver Builder geöffnet.
Auf der linken Seite sehen Sie alle Beaver Builder-Module, die Sie der WordPress-Seite hinzufügen können.
Klicken Sie zunächst auf die Option Standardmodule, um ein Dropdown-Menü zu öffnen.
Wählen Sie dort die Option WordPress Widgets.
Auf diese Weise werden weitere Module geöffnet, die Sie der Webseite hinzufügen können.
Suchen Sie in den Optionen nach dem Modul Custom Twitter Feeds und legen Sie es links ab .
Sobald Sie das getan haben, zeigt Ihnen Beaver Builder zusätzliche Optionen für dieses Modul.
Fügen Sie dort Ihren Shortcode von vorhin in das Hauptfeld ein, bevor Sie auf Speichern klicken.
Klicken Sie abschließend auf die Schaltfläche " Fertig" oben rechts, um Ihre neue Seite zu bestätigen. Anschließend können Sie Ihren neuen Beaver Builder-Twitter-Feed veröffentlichen.
Öffnen Sie dann Ihre Website, um zu sehen, wie sie für Ihre Besucher aussieht.
Und da haben Sie es!
Wie Sie sehen, kann das Einbetten eines Beaver Builder-Twitter-Feeds mit Hilfe des richtigen Tools ganz einfach sein. Auf diese Weise können Sie Besucher einbinden, Ihre Twitter-Präsenz ausbauen, Ihren Umsatz steigern und vieles mehr.
Alles, was Sie brauchen, ist das Twitter Feed Pro Plugin, und es ist einfacher denn je, Twitter in Ihre Website zu integrieren. Das Plugin funktioniert sogar mit allen gängigen Page Buildern wie SeedProd und Elementor!
Sind Sie bereit, Twitter-Feeds in Beaver Builder einzubinden? Holen Sie sich Ihr Exemplar von Twitter Feed Pro noch heute!
Weitere Möglichkeiten zur Integration sozialer Medien in Ihre Website finden Sie in diesem ausführlichen Leitfaden zur Einbindung von Social-Feed-Widgets in Ihre Website.
Fanden Sie dies hilfreich? Sie können uns auf Twitter und Facebook folgen, um weitere Tipps und Tricks zum Social Media Marketing zu erhalten.
