Categories
Wordpress

Wie man einen schwebenden/sticky Footer in WordPress hinzufügt

Eine schwebende Fußleiste kann sehr effektiv sein, um die Interaktion mit Ihren Besuchern zu fördern. Dies trägt oft dazu bei, die Zahl der Newsletter-Abonnements zu erhöhen, Käufe zu fördern oder sogar andere Beiträge auf der Website zu teilen. Sie fügt der Website ein aktives Element hinzu, das viele Entwickler als hilfreich empfunden haben.

Dies ist nur eine Methode, mit der das interne Marketing die Effektivität Ihres WordPress-Hosting-Kontos verbessern kann. Während externe Links, Anzeigen und Beiträge in den sozialen Medien dazu beitragen können, die Besucherzahlen zu erhöhen, leisten Floating Footers und Header im Inneren der Website harte Arbeit.

In diesem Tutorial zeige ich Ihnen, wie Sie eine schwebende Fußzeile in WordPress hinzufügen können, sei es zur Lead-Generierung oder zum Teilen von Inhalten. Wenn Sie die Anzahl Ihrer E-Mail-Abonnenten erhöhen möchten, lohnt es sich, dies zu lesen.

Was ist ein Sticky Footer?

Zunächst einmal ist eine Fußzeile die Information am unteren Rand einer Webseite. Auf den meisten herkömmlichen Websites muss der Benutzer bis zum Ende der Seite scrollen, um die relevanten Informationen in der Fußzeile zu sehen. Wenn Sie jedoch eine schwebende Fußzeile (manchmal auch als feste Fußzeile bezeichnet) hinzufügen, werden die Informationen in der Fußzeile immer angezeigt.

Mit anderen Worten, diese Informationen „kleben“ am unteren Rand der Seite. Unabhängig davon, auf welchem Teil der Seite sich ein Benutzer befindet, werden die Informationen in der Fußzeile angezeigt. Es ist nicht nötig, bis zum Ende der Seite zu blättern, um sie zu sehen.

Dies ist eine großartige Möglichkeit, relevante Informationen auf Ihrer WordPress-Website zu präsentieren.

Wie man mit Icegram schwebende Elemente installiert

Schritt 1: Installieren von Icegram

Heute zeige ich Ihnen, wie Sie das Icegram All in One Plugin verwenden. Es ist ein Tool, das viele Anpassungsmöglichkeiten bietet und die Aufmerksamkeit Ihrer Besucher auf sich ziehen kann. Es ist eine großartige Möglichkeit, einen Call-to-Action-Link hinzuzufügen oder sogar eine Landing Page mit jedem zu teilen, unabhängig davon, welchen Beitrag er oder sie besucht.

Klicken Sie zunächst auf Plugins und wählen Sie die Option Neu hinzufügen auf der linken Seite des Verwaltungsbereichs.

Add New

Suchen Sie in dem verfügbaren Suchfeld nach Icegram. Dadurch werden weitere Plugins angezeigt, die Sie vielleicht hilfreich finden.

Icegram

Scrollen Sie nach unten, bis Sie das Icegram-Plugin gefunden haben, und klicken Sie auf die Schaltfläche „Jetzt installieren“, um das Plugin für die Verwendung zu aktivieren.

Install Now

Schritt 2: Wählen Sie eine Vorlage

Sobald Icegram aktiviert ist, werden Sie direkt zur Seite „Docs & Support“ weitergeleitet. Falls dies nicht der Fall ist, finden Sie diese im linken Verwaltungsbereich, indem Sie auf Icegram klicken und die Option Neue Kampagne hinzufügen auswählen.

Add New Campaign

Hier finden Sie eine große Liste von Vorlagen, die Icegram unterstützt. Schauen Sie unten rechts bei jeder Vorlage, um zu sehen, ob sie exklusiv für die Pro-Version ist oder nicht.

Select Template

Wenn Sie auf die Vorlage klicken, wird eine Vorschau der Vorlage angezeigt. Klicken Sie auf die Schaltfläche „Diese Vorlage verwenden“, um die Vorlage auszuwählen.

Use This

Schritt 3: Anpassen der Vorlage

Wie ich bereits sagte, bietet dieses Plugin eine Menge Anpassungsmöglichkeiten, und hier können Sie alle Vorteile nutzen. Oben gibt es 3 Registerkarten: Nachrichten, Split-Tests und Anzeigeregeln.

Split Testing ist nur in der Premium-Version verfügbar. Damit können Sie mehrere Vorlagen gleichzeitig anzeigen, um sie zu vergleichen. Stellen Sie sich das so vor, als würden Sie sie auf mehreren Monitoren betrachten.

Glücklicherweise sind diese Einstellungen nicht kompliziert. Geben Sie einfach die Informationen in das entsprechende Textfeld ein, aktivieren Sie ein Kästchen oder wählen Sie eine Farbe aus. Mit der Option „Vorschau“ können Sie sich die vorgenommenen Änderungen ansehen.

Customize Template

Hinweis: In der Vorschau erscheint manchmal die Meldung „Es ist ein kritischer Fehler auf Ihrer Website aufgetreten.“ Machen Sie sich keine Sorgen, wenn Sie diese Meldung sehen, Ihre Website ist in Ordnung. Ich fand, dass die Vorschau ziemlich pingelig ist.

Klicken Sie auf die Schaltfläche „Entwurf speichern“, um die von Ihnen vorgenommenen Änderungen zu speichern, und klicken Sie auf die Registerkarte „Anzeigeregeln“.

Hier finden Sie alle Anzeigeoptionen, die das Plugin bietet. Wählen Sie die aus, die Ihnen gefallen, und speichern Sie die Änderungen, wenn Sie fertig sind.

Display Settings

Überprüfen Sie alle Änderungen, die Sie auf beiden Registerkarten vorgenommen haben, und klicken Sie auf die Schaltfläche „Veröffentlichen“, wenn Sie zufrieden sind.

Publish

Das war’s schon. Sie haben jetzt eine schwebende Fußzeile, mit der Sie Ihr Publikum ansprechen können.

Wie hilft Ihnen die schwebende Fußzeile?

Vielleicht haben Sie schon einmal Websites gesehen, die eine Fußzeile haben, die von selbst zu erscheinen oder zu verschwinden scheint. Oftmals werden dort aktuelle Nachrichten angezeigt oder es besteht die Möglichkeit, sich für einen Newsletter auf der Website anzumelden.

Im Wesentlichen macht diese Fußleiste auf wichtige Aspekte der Website aufmerksam, die der Besucher vielleicht noch nicht gesehen hat. Sie erleichtert den Zugriff auf bestimmte Elemente und ist auf jedem Beitrag und jeder Seite zu finden.

So achten manche Besucher vielleicht nicht auf den Link „Abonnement“ in der rechten Seitenleiste einer Website. Eine schwebende Fußzeile mit dem Vorschlag, sich anzumelden, ist jedoch schwerer zu übersehen.

Entwickler können auch eine Fußleiste in WordPress verwenden, um Ankündigungen über Inhalte oder Branchennews zu verbreiten. Wenn Sie etwas haben, das Ihrer Meinung nach für alle Ihre Besucher wichtig ist, können Sie sie auf diese Weise alle erreichen.

Der Aufbau einer Landing Page, die Konversionen bringt, ist von großem Vorteil. Die Installation einer schwebenden Fußleiste, die eine Verbindung zu diesem Inhalt herstellt, ist ebenfalls hilfreich, um die Besucherzahlen zu erhöhen, ohne dass Sie einen Cent dafür bezahlen müssen. Dies ist eine großartige Methode für die Vermarktung praktisch jedes Aspekts der Website.

Was Icegram zu einer so großartigen Ergänzung macht

Das obige Tutorial hat Ihnen nur gezeigt, wie Sie eine schwebende Fußleiste in WordPress installieren und einrichten können. Icegram kann jedoch viel detaillierter auf diese Informationen eingehen. Zunächst einmal verwendet es dasselbe Bearbeitungssystem wie WordPress für Beiträge und Seiten. Das bedeutet, dass Sie dem Pop-up alle Arten von Inhalten und Funktionen hinzufügen können.

Nehmen wir an, dass wir jemanden auf einen wichtigen Artikel aufmerksam machen wollen, den wir gerade erstellt haben. Die Leute, die die Website gerade besuchen, sehen den neuen Artikel vielleicht nicht. Mit Hilfe des Editors können wir ihre Aufmerksamkeit erregen und ihnen gleichzeitig den Link direkt zum Beitrag geben.

Icegram ermöglicht das Hinzufügen von Formularen für E-Mail-Abonnements. Es kann auch verwendet werden, um Shortcodes von anderen Formular-Plugins oder durch die Verwendung des Icegram Rainmaker-Plugins anzuzeigen. Es ist eine einfache Möglichkeit, E-Mail-Listen mit einer nahtlosen Transaktion zu erstellen.

Eine der Funktionen, die ich am meisten an dem Icegram-Plugin schätze, ist die Funktion „Lazy Loading“ Das bedeutet, dass es für Geschwindigkeit optimiert ist und Cache-freundlich ist. Da die Geschwindigkeit eine große Rolle bei der Suchmaschinenoptimierung spielt, ist dies ein Tool, das die Platzierung der Seite in Google nicht beeinträchtigen wird.

Ich finde auch die Möglichkeit, Schaltflächen in der Fußzeile zu verwenden, sehr nützlich. Mit dem MaxButtons-Plugin können Sie zum Beispiel eine Schaltfläche in der Fußzeile einfügen, die auf eine Produktseite oder eine von Ihnen angebotene Dienstleistung verweist. Dies fügt Funktionalität hinzu und ist eine gute Möglichkeit, einen Aufruf zum Handeln zu geben.

Andere Footer Plugins zu beachten

YITH Fußzeilen-Banner
Yith Plugin

YITH Fo oter Banner ist ein einfaches System, mit dem Benutzer eine schwebende Grafik am unteren Rand der Website einfügen können. Es bietet eine neue Funktion in der Erscheinungsbild-Sektion von WordPress, so dass Benutzer leicht bearbeiten können, wie das Layout im Frontend erscheint. Es bietet eine große Anzahl von Anpassungsoptionen und lässt sich leicht für die Verwendung mit Newslettern einrichten.

Erweiterte schwebende Inhalte
Advanced Floating Content

Wenn Sie etwas Einfaches benötigen, können Sie mit Advanced Floating Content klebrige Fuß- und Kopfzeilenleisten erstellen, um Informationen, Links oder sogar Videoinhalte anzuzeigen. Es kann auch mit sozialen Elementen verwendet werden. Dieses Plugin bietet auch die Möglichkeit, grundlegenden HTML-Code mit dem WordPress-Inhaltseditor selbst zu bearbeiten.

OptinMonster
OptinMonster Floater

OptinMonster ist vielleicht eines der beliebtesten Pop-up- und Lead-Generierungs-Plugins für WordPress und bietet eine Vielzahl von Optionen und anpassbaren Feldern. Dieses Plugin ist eigentlich Teil einer viel größeren Reihe von Produkten, die ineinandergreifen, um ein leistungsstarkes System für die Verwaltung von E-Mails aufzubauen. Dies könnte eine großartige Ergänzung für alle Marketingkampagnen sein, die Sie in Betracht ziehen.

Halten Sie die Website ansprechend

Ganz gleich, ob Sie etwas für die WordPress-Lead-Generierung suchen oder einfach nur eine schwebende Fußleiste, um wichtige Informationen mitzuteilen – dieser Prozess kann das Engagement leicht steigern. Die meisten Besucher möchten mit Websites interagieren, anstatt sie nur zu lesen. Eine schwebende Fußleiste in WordPress ist eine gute Möglichkeit, ihnen das zu geben, was sie wollen. Außerdem unterstützt sie verschiedene Aspekte der Website.

Was haben Sie Ihrer WordPress-Website hinzugefügt, um Ihr Publikum zu begeistern? Wie lange dauert es in der Regel, bis ein neuer Inhalt, den Sie erstellen, tatsächlich Besucher anlockt?

Eigenes css in WordPress einbinden

Es kann vorkommen, dass Sie auf Ihrer WordPress-Website benutzerdefinierte CSS hinzufügen müssen. Für die meisten ...

Die 6 besten WordPress CDN Services 2022

Sind Sie auf der Suche nach dem besten WordPress CDN-Service für Ihre Website? Ein CDN-Service ...