Möchten Sie benutzerdefinierte After-Post-Widgets in WordPress hinzufügen?
After-Post-Widgets ermöglichen es Ihnen, verschiedene Elemente am Ende von Blog-Posts oder Seiten anzuzeigen. Sie können beispielsweise ein Newsletter-Anmeldeformular hinzufügen, verwandte Beiträge anzeigen, aktuelle Artikel oder beliebte Produkte anzeigen.
In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach benutzerdefinierte After-Post-Widgets in WordPress hinzufügen, um Benutzer zu beschäftigen und mehr Zeit auf Ihrer Website zu verbringen.
Warum benutzerdefinierte After-Post-Widgets in WordPress hinzufügen?
Möglicherweise haben Sie am Ende eines Artikels auf vielen beliebten Websites Aufrufe zum Handeln gesehen. Denn wenn ein Nutzer bis zum Ende eines Artikels nach unten gescrollt hat, ist er bereits süchtig und interessiert sich eher für Ihr Angebot.
Dieser Bereich kann verwendet werden, um ein E-Mail-Anmeldeformular, ein Formular zur Lead-Generierung zu platzieren oder die Benutzerinteraktion mit verwandten Beiträgen, beliebten Beiträgen und anderen Funktionen zur Inhaltsermittlung zu steigern.
Wenn Sie einen Online-Shop betreiben, möchten Sie möglicherweise ähnliche Produkte anzeigen oder einen Verkauf fördern, indem Sie einen Rabatt anbieten.
Nun gibt es verschiedene Möglichkeiten, dies zu tun. Sie könnten Plugins verwenden wie MonsterInsights Addon für beliebte Beiträge, mit dem Sie automatisch beliebte Beiträge oder beliebte Produkte nach Ihrem Beitragsinhalt hinzufügen können.
Sie können diesen Inhalt nach dem Posten manuell hinzufügen, während Sie Ihre Posts mit dem Blockeditor schreiben.
Dies ist eine Menge Arbeit und das Problem bei dieser Methode besteht darin, dass Sie dies manuell tun müssen, wenn Sie etwas ändern möchten.
Hier kommen Widgets ins Spiel.
In der Terminologie der Webentwicklung sind Widgets Nicht-Content-Blöcke, die Sie getrennt vom Hauptinhaltsbereich zu verschiedenen Bereichen Ihrer Website hinzufügen können.
WordPress wird mit einer Reihe von integrierten Widgets geliefert, die Sie zu jedem Widget-bereiten Bereich hinzufügen können, der von Ihrem WordPress-Theme bereitgestellt wird.
Alle beliebten WordPress-Themes werden mit allgemeinen Widget-fähigen Bereichen wie Seitenleisten, Fußzeilen und Kopfzeilen-Widget-Bereichen geliefert. Allerdings enthalten nur sehr wenige WordPress-Themes einen After-Post-Widget-Bereich.
Lassen Sie uns jedoch einen Blick darauf werfen, wie Sie ganz einfach After-Post-Widgets in WordPress hinzufügen können, unabhängig davon, welches WordPress-Theme Sie verwenden.
Methode 1. Hinzufügen von After-Post-Inhalten mit einem Plugin
Diese Methode ist etwas eingeschränkt, aber einfacher und funktioniert mit allen Arten von WordPress-Widgets. Es hängt ein wenig von Ihrem WordPress-Theme für das Styling ab, würde aber für die meisten Benutzer gut funktionieren.
Das erste, was Sie tun müssen, ist die Installation und Aktivierung des Widget nach Inhalt hinzufügen Plugin. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Gehen Sie nach der Aktivierung zum Aussehen » Widgets Seite und dort sehen Sie einen neuen Widget-Bereich namens ‚After Content‘.
Jetzt können Sie einfach ein beliebiges Widget aus der Spalte „Verfügbare Widgets“ in den Bereich „Nach Inhalt“ hinzufügen. Zum Beispiel haben wir hier die letzten Beiträge und ein Newsletter-Anmeldeformular-Widget hinzugefügt, das wir mit erstellt haben WPForms.
Sie können jede Widget-Einstellung wie gewohnt bearbeiten und vergessen Sie nicht, Ihre Änderungen zu speichern.
Sobald Sie fertig sind, können Sie Ihre Website besuchen, um Ihre Inhalts-Widgets nach dem Posten in Aktion zu sehen. So sah es auf unserer Demo-Website aus.
Abhängig von der Anzahl der Widgets, die Sie hinzufügen möchten, und Ihrem WordPress-Theme können Ihre Widgets leicht aus dem Gleichgewicht geraten.
Standardmäßig fügt das Plugin Widgets nacheinander hinzu. Wenn Sie sie also nebeneinander anzeigen möchten, müssen Sie benutzerdefiniertes CSS verwenden. Sie können auch die Hintergrundfarbe ändern, Auffüllen hinzufügen, die Textfarbe ändern und vieles mehr.
Geh einfach zu Aussehen » Anpassen Seite und wechseln Sie zur Registerkarte Zusätzliches CSS. Sie können beginnen, indem Sie dieses benutzerdefinierte CSS als Ausgangspunkt hinzufügen.
.awac.widget { width: 50%; display: inline-block; float: left; padding: 20px; background-color: #fff8e9; border: 1px dashed #fde2a9; min-height:400px; } .awac.widget h4 { font-size:18px; color:#666; } .awac.widget li{ font-size:16px; }
In diesem benutzerdefinierten CSS-Code haben wir die Widget-Breite geändert, um zwei Widgets nebeneinander anzuzeigen. Wir haben auch Hintergrundfarbe und Schriftgrößen geändert. Passen Sie das CSS gerne an Ihre Anforderungen an.
Vergessen Sie nicht, auf die Schaltfläche Veröffentlichen zu klicken, um Ihre Änderungen zu speichern.
So sah es auf unserer Demo-Website aus.
Sie möchten kein benutzerdefiniertes CSS verwenden? Probieren Sie das CSS Hero-Plugin aus. Damit können Sie alle Bereiche Ihrer Website ohne CSS-Kenntnisse anpassen.
Nach Post-Widgets ein- oder ausblenden
Standardmäßig zeigt das Plugin Ihre After-Post-Widgets auf allen Posts und Seiten an. Es ermöglicht Ihnen auch, es an Stellen auszublenden, an denen Sie nach Inhalts-Widgets nicht anzeigen möchten.
Beispielsweise möchten Sie möglicherweise keine Widgets nach dem Posten auf statischen Seiten anzeigen.
Gehen Sie einfach zum Aussehen » Widget nach Inhalt Seite. Von hier aus können Sie auswählen, welche Kategorien oder Beitragstypen Ihr After-Content-Widget nicht anzeigen.
Vergessen Sie nicht, auf die Schaltfläche Änderungen speichern zu klicken, um Ihre Einstellungen zu speichern.
Sie können den After-Content-Widget-Bereich auch für einzelne Beiträge und Seiten ausblenden. Bearbeiten Sie einfach den Post der Seite, auf der Sie keine After-Post-Widgets anzeigen möchten, und scrollen Sie nach unten zum Feld „Widget After Content“ unten.
Aktivieren Sie als Nächstes das Kontrollkästchen, um den Widget-Bereich auszublenden, und speichern Sie dann Ihren Beitrag oder Ihre Seite. Das Plugin zeigt jetzt den Widget-Bereich für diesen bestimmten Beitrag/diese Seite nicht mehr an.
Methode 2. Hinzufügen von After-Post-Inhalten mit OptinMonster
Diese Methode ist hübscher und leistungsfähiger, verwendet jedoch keine Standard-WordPress-Widgets. Stattdessen können Sie beliebige Inhalte mit schönen Designs und Vorlagen hinzufügen, aus denen Sie wählen können.
Ein weiterer Vorteil dieser Methode ist, dass Sie eine Menge Targeting-Optionen haben. Sie können beispielsweise verschiedenen Benutzern personalisierte Inhalte zeigen, Inhalte basierend auf dem, was die Benutzer gerade ansehen, ändern oder Retargeting auf der Website verwenden, um mehr Wirkung zu erzielen.
Für diese Methode benötigen Sie OptinMonster. Es ist die beste Software zur Lead-Generierung und Conversion-Optimierung auf dem Markt und ermöglicht es Ihnen, Website-Besucher in Abonnenten und Kunden umzuwandeln.
Zuerst müssen Sie sich für ein OptinMonster Konto.
Wechseln Sie nach der Anmeldung zu Ihrer WordPress-Website, um die zu installieren und zu aktivieren OptinMonster Plugin. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Dieses Plugin fungiert als Bindeglied zwischen Ihrer WordPress-Website und Ihrem OptinMonster-Konto.
Nach der Aktivierung müssen Sie besuchen OptinMonster » Einstellungen Seite und klicken Sie auf die Schaltfläche ‚Bestehendes Konto verbinden‘.
Dadurch wird ein Popup angezeigt, in dem Sie sich anmelden und Ihre WordPress-Site mit Ihrem OptinMonster-Konto verbinden können.
Nachdem Ihre WordPress-Site nun verbunden ist, können Sie Ihre erste geografisch ausgerichtete Kampagne erstellen. Gehe zum OptinMonster » Kampagnen Seite und klicken Sie auf die Schaltfläche ‚Neu hinzufügen‘.
Zuerst müssen Sie Ihren Kampagnentyp auswählen. OptinMonster unterstützt Lightbox-Popups, Floating Bars, Inline-Optins, Vollbild-, Slide-In- und Gamified-Kampagnen.
Für dieses Tutorial wählen wir eine Inline-Kampagne aus, die es uns ermöglicht, unsere Kampagne nach dem Inhalt automatisch anzuzeigen.
Darunter können Sie eine Kampagnenvorlage auswählen, indem Sie darauf klicken.
Als nächstes müssen Sie einen Namen für Ihre Kampagne eingeben. Sie können hier einen beliebigen Namen eingeben und dann auf die Schaltfläche ‚Baubeginn‘ klicken.
Dadurch wird die Kampagnenerstellungsoberfläche von OptinMonster mit einer Live-Vorschau Ihrer Kampagne im rechten Bereich gestartet.
Sie können einfach auf ein Element in der Vorschau zeigen und darauf klicken, um es zu bearbeiten, zu verschieben oder zu löschen. Sie können auch neue Elemente hinzufügen, indem Sie oben auf die Schaltfläche Blöcke hinzufügen klicken.
Von hier aus können Sie leistungsfähigere Elemente auswählen, die in den Standard-WordPress-Widgets nicht verfügbar sind. Sie können beispielsweise Countdown-Timer, Schaltflächen, Chatbots und Spalten hinzufügen.
Nachdem Sie Ihre After-Post-Kampagne entworfen haben, wechseln Sie zum Tab Veröffentlichen und ändern Sie den Kampagnenstatus auf „Veröffentlichen“.
Klicken Sie anschließend auf die Schaltfläche Speichern, um Ihre Einstellungen zu speichern und den Kampagnen-Builder zu schließen.
OptinMonster führt Sie nun zur Seite Ausgabeeinstellungen. Von hier aus können Sie auswählen, wo Sie Ihren After-Post-Inhalt anzeigen möchten.
Wählen Sie einfach Automatisch und dann können Sie auswählen, ob Ihre Kampagne innerhalb, unter oder vor dem Inhalt des Beitrags angezeigt werden soll.
Für dieses Tutorial wählen wir unten die Option für den Post-Inhalt aus. Ändern Sie danach den Sichtbarkeitsstatus auf Veröffentlicht und klicken Sie auf die Schaltfläche Speichern, um Ihre Kampagne live zu schalten.
Sie können jetzt Ihre Website besuchen, um Ihr benutzerdefiniertes After-Post-Widget in Aktion zu sehen.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie benutzerdefinierte After-Post-Widgets in WordPress hinzufügen.
Möchten Sie sehen, wie Benutzer mit Ihren After-Post-Widgets interagieren? Sehen Sie sich unser Tutorial an, wie Sie das Benutzerengagement in WordPress verfolgen können, und probieren Sie dann diese Tipps aus, um Ihren Website-Traffic auf einfache Weise zu steigern.