Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

Checkliste: 10 Dinge, die Sie im Footer Ihrer WordPress-Website hinzufügen sollten

Die Fußzeile ist der Bereich am unteren Rand Ihrer Website. Obwohl sie leicht übersehen wird, kann die Fußzeile das Besuchererlebnis auf vielfältige Weise verbessern, indem sie wichtige Informationen bereitstellt.

Ein gut optimierter Footer kann Besucher leiten, SEO verbessern und die Glaubwürdigkeit Ihrer Marke stärken. Zu wissen, welche Elemente in Ihren Footer aufgenommen werden sollen, stellt sicher, dass er als nützlicher und effektiver Teil Ihrer Website dient.

Bei WPBeginner dient unser durchdacht gestalteter Footer als wertvolle Ressource für Besucher und bietet einfachen Zugang zu unseren Schwesterunternehmen, kostenlosen Tools, Anleitungen und wichtigen Website-Links. Dies verbessert die Benutzererfahrung und ermutigt die Benutzer, unsere Website weiter zu erkunden.

In dieser Checkliste teilen wir die wichtigsten Dinge mit, die Sie dem Footer Ihrer WordPress-Website hinzufügen sollten.

Checkliste: Dinge, die Sie Ihrem Footer auf Ihrer WordPress-Website hinzufügen sollten

Der Footer erscheint unterhalb des Inhalts Ihrer Website und ist ein sehr gängiges Webdesign-Element.

„Footer“ kann sich auch auf den Footer-Codebereich beziehen. Drittanbieterdienste wie Google Analytics, Meta Pixel und viele andere bitten Sie möglicherweise, Code-Snippets in den Footer Ihrer Website einzufügen. Auf diese Weise können Sie Ihrer WordPress-Website Funktionen, Dienste und andere Inhalte hinzufügen.

Bei so vielen Optionen fällt es Anfängern möglicherweise schwer zu entscheiden, was sie dem Footer-Bereich hinzufügen sollen. Infolgedessen verpassen viele Website-Besitzer die Gelegenheit, ihre Websites zu verbessern und ein besseres Besuchererlebnis zu bieten.

Dennoch werfen wir einen Blick auf einige Dinge, die Sie dem Footer Ihrer WordPress-Website hinzufügen können und wie Sie ihn nützlicher gestalten können. Verwenden Sie einfach die Schnelllinks unten, um zu den für Sie interessanten Punkten zu springen:

Viele Websites fügen Links zum Footer-Bereich hinzu. Dies hilft Besuchern, die wichtigsten Inhalte Ihrer Website zu finden, wie z. B. die Über-uns-Seite, die Produktseite, die Kasse, das Kontaktformular und mehr.

Alle beliebten WordPress-Themes verfügen über einen Footer-Widget-Bereich, in dem Sie verschiedene Inhalte und Elemente hinzufügen können.

Um Links zum Footer-Bereich hinzuzufügen, besuchen Sie die Seite Design » Menüs und klicken Sie auf den Link „Neues Menü erstellen“.

Hinzufügen von Navigationslinks zum WordPress-Footer

Geben Sie danach einen Namen für das Menü ein. Dies dient nur Ihrer Referenz, sodass Sie alles verwenden können, was Sie möchten.

Wenn dies erledigt ist, klicken Sie auf die Schaltfläche „Menü erstellen“.

So erstellen Sie ein Navigationsmenü für den WordPress-Footer

Aktivieren Sie nun das Kontrollkästchen neben jedem Element, das Sie zum Menü hinzufügen möchten.

Klicken Sie dann auf „Zum Menü hinzufügen“.

Ein Menü zum WordPress-Footer-Bereich hinzufügen

Wenn Sie mit der Einrichtung des Menüs zufrieden sind, klicken Sie auf die Schaltfläche „Menü speichern“, um Ihre Änderungen zu speichern. Weitere Hilfe finden Sie in unserem Leitfaden zum Erstellen von Navigationsmenüs in WordPress.

Jetzt haben Sie ein Menü erstellt. Fügen wir es dem Footer-Bereich Ihrer Website hinzu, indem Sie zu Darstellung » Widgets gehen. Klicken Sie hier auf die blaue Schaltfläche „+“.

Widgets zum Footer eines Themes hinzufügen

Geben Sie im Feld „Suchen“ „Navigationsmenü“ ein.

Wenn der richtige Block erscheint, ziehen Sie ihn per Drag & Drop in den Bereich „Footer“ oder einen ähnlichen Bereich.

Das WordPress-Navigationsmenü-Widget

Öffnen Sie danach einfach das Dropdown-Menü „Menü auswählen“ und wählen Sie das zuvor erstellte Footer-Menü aus.

Möglicherweise möchten Sie auch einen Titel eingeben, der oberhalb der Links im Footer Ihrer Website angezeigt wird.

Das Navigationsmenü-Widget

Wenn Sie damit fertig sind, klicken Sie auf die Schaltfläche 'Aktualisieren'.

Wenn Sie nun Ihre Website besuchen, sehen Sie alle Links im Footer-Bereich.

Navigationslinks im WordPress-Footer

Sie können auch Links zur Fußzeile mit einem Drag-and-Drop-Page-Builder-Plugin wie SeedProd hinzufügen. Sie können sogar unterschiedliche Fußzeilen für einzelne WordPress-Seiten erstellen.

Schritt-für-Schritt-Anleitungen finden Sie in unserem Leitfaden So bearbeiten Sie den Footer in WordPress.

Hinzufügen eines Menüs zu Ihrer Fußzeile mit dem Full Site Editor

Wenn Sie ein blockbasiertes Theme wie Neve FSE oder Twenty Twenty-Three verwenden, ist der Prozess des Hinzufügens eines Menüs zum Footer etwas anders.

Erstellen Sie einfach ein Navigationsmenü, indem Sie den gleichen Prozess wie oben beschrieben befolgen. Gehen Sie dann im WordPress-Dashboard zu Darstellung » Editor, um den Full Site Editor zu öffnen.

Öffnen des Full-Site-Editors (FSE)

Standardmäßig zeigt der Full Site Editor die Home-Vorlage Ihres Themes an.

Um Inhalte zum Footer hinzuzufügen, müssen Sie auf „Template Parts“ klicken.

Bearbeiten des Footer-Template-Teils

Sie können nun auf den Vorlagenteil „Footer“ klicken.

Um diesen Vorlagenteil zu bearbeiten, klicken Sie auf das kleine Stiftsymbol.

Bearbeiten des Footer-Template-Teils mit dem Full-Site-Editor (FSE)

Wenn dies erledigt ist, klicken Sie auf das blaue Symbol '+' in der oberen linken Ecke.

Geben Sie in die Suchleiste „Navigation“ ein.

Hinzufügen eines Navigationsblocks zum Full-Site-Editor (FSE)

Wenn der richtige Block erscheint, ziehen Sie ihn per Drag & Drop auf die Fußzeilenvorlage.

Der Full-Site-Editor zeigt standardmäßig eines Ihrer Website-Menüs an. Um stattdessen ein anderes Menü anzuzeigen, klicken Sie einfach auf die drei Punkte neben „Menü“.

Hinzufügen eines Navigationsmenüs zu einer Footer-Vorlage in WordPress

Sie können nun ein Menü aus der Dropdown-Liste auswählen.

Danach können Sie die Ausrichtung, Ausrichtung und das Umbrechen des Menüs mit den Optionen im Tab „Einstellungen“ ändern.

Anpassen eines Navigationsmenüs mit dem Full-Site-Editor (FSE)

Sie können auch das Aussehen des Menüs ändern, indem Sie die Registerkarte „Styles“ auswählen.

Hier können Sie die Textfarbe ändern, eine Hintergrundfarbe hinzufügen, die Schriftgröße ändern und mehr.

Gestaltung eines WordPress-Navigationsmenüs

Wenn Sie mit dem Aussehen des Menüs zufrieden sind, klicken Sie auf die Schaltfläche „Speichern“, um es live zu schalten.

2. Code in den WordPress-Footer einbetten

Manchmal müssen Sie Snippets zur Fußzeile Ihres WordPress-Blogs oder Ihrer Website hinzufügen.

Sie könnten Ihre Theme-Dateien direkt bearbeiten und den neuen Code in die footer.php-Vorlage einfügen. Dies wird jedoch nicht empfohlen, da der benutzerdefinierte Code verschwindet, wenn Sie das WordPress-Theme wechseln oder Ihr Theme aktualisieren.

Das direkte Bearbeiten Ihrer Theme-Dateien kann ebenfalls riskant sein. Selbst ein einfacher Tippfehler oder Fehler kann viele häufige WordPress-Fehler verursachen.

Der beste Weg, Code in der WordPress-Fußzeile hinzuzufügen, ist die Verwendung von WPCode. Es ist das beste Code-Snippet-Plugin und erleichtert das Hinzufügen von benutzerdefiniertem Code zur Fußzeile, ohne Ihre Theme-Dateien bearbeiten zu müssen.

Zuerst müssen Sie das WPCode Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins für Anfänger.

Nach der Aktivierung navigieren Sie zu Code Snippets » Header & Footer. Von hier aus können Sie Ihren Code-Snippet in das Feld „Footer“ einfügen.

Code-Snippets zum WordPress-Footer hinzufügen

Vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Änderungen zu speichern. Detailliertere Anweisungen finden Sie in unserem Artikel über das Hinzufügen von Header- und Footer-Code in WordPress.

Um die DSGVO und andere datenschutzbezogene Gesetze in verschiedenen Ländern einzuhalten, müssen Sie eine Seite mit einer Datenschutzerklärung in WordPress hinzufügen und dann auf jeder Seite und jedem Beitrag einen Link dazu einfügen.

Da der Footer auf Ihrer gesamten Website erscheint, ist er der perfekte Ort, um diese URL hinzuzufügen.

Zuerst müssen Sie im Admin-Bereich zu Einstellungen » Datenschutz gehen. Sie werden feststellen, dass WordPress bereits einen Entwurf für eine Datenschutzrichtlinien-Seite für Sie erstellt hat.

Hinzufügen einer Datenschutzerklärung zu Ihrer WordPress-Website

Um die Standardseite für die Datenschutzerklärung zu verwenden, klicken Sie einfach auf „Diese Seite verwenden“. Wenn Sie stattdessen eine andere Seite verwenden möchten, öffnen Sie das Dropdown-Menü und wählen Sie eine neue Seite aus der Liste aus.

Sie können von diesem Bildschirm aus auch eine neue Datenschutzrichtlinienseite erstellen. Klicken Sie einfach auf die Schaltfläche „Erstellen“, und WordPress generiert einen neuen Beitrag mit einigen grundlegenden Datenschutzrichtlinientexten.

Ein Beispiel für die Datenschutzerklärung einer Website

Unabhängig davon, wie Sie die Seite mit der Datenschutzerklärung erstellen, können Sie sie wie jede andere Seite in WordPress bearbeiten. Sie können beispielsweise weitere Informationen zu Ihren Anforderungen und Allgemeinen Geschäftsbedingungen hinzufügen.

Wenn Sie mit den eingegebenen Informationen zufrieden sind, klicken Sie auf die Schaltfläche „Veröffentlichen“, um die Datenschutzerklärung live zu schalten.

Wenn das erledigt ist, müssen Sie einen Link zur Fußzeile Ihrer Website hinzufügen. Eine Option ist, der Fußzeile ein Navigationsmenü hinzuzufügen, indem Sie den gleichen Prozess wie oben beschrieben befolgen.

Wenn Sie ein blockbasiertes WordPress-Theme verwenden, können Sie die Datenschutzerklärung auch als eigenständigen Link hinzufügen. Öffnen Sie dazu einfach den Fußzeilen-Vorlagenteil, indem Sie den gleichen oben beschriebenen Vorgang befolgen.

Sie können dann auf die Schaltfläche „+“ klicken und „Absatz“ eingeben.

Hinzufügen eines Links zur Datenschutzerklärung zu einer Full-Site-Editor-Vorlage

Wenn der richtige Block erscheint, ziehen Sie ihn per Drag & Drop in Ihren Footer.

Sie können nun den Text eingeben, den Sie den Besuchern anzeigen möchten, z. B. „Datenschutzrichtlinie“.

Hinzufügen eines Links zur Datenschutzerklärung zum WordPress-Footer

Fügen Sie dann einfach Ihren Link zum Text hinzu.

Schritt-für-Schritt-Anleitungen finden Sie in unserem Anfängerleitfaden zum Hinzufügen eines Links.

Hinzufügen eines Links zur Datenschutzerklärung zu WordPress

Wenn dies erledigt ist, klicken Sie einfach auf „Speichern“, um den Link auf Ihrer WordPress-Website live zu schalten.

4. Hinzufügen des Copyright-Datums im WordPress-Footer

Möglicherweise möchten Sie Besucher auch darüber informieren, dass Ihre Inhalte urheberrechtlich geschützt sind, indem Sie ein Copyright-Datum im Footer hinzufügen. Eine Möglichkeit, dies zu tun, besteht darin, den Text einfach zu Ihren Theme-Einstellungen hinzuzufügen.

Viele Top-WordPress-Themes ermöglichen es Ihnen, Text im Footer-Bereich hinzuzufügen, daher lohnt es sich zu prüfen, ob Ihr Theme diese Einstellung hat.

Gehen Sie einfach zur Seite Darstellung » Anpassen und suchen Sie im linken Menü nach Fußzeileneinstellungen. Diese sind normalerweise als „Fußzeilenoptionen“, „Fußzeileneinstellungen“ oder ähnlich bezeichnet.

Ändern der Footer-Einstellungen im WordPress Customizer

Um das Copyright-Symbol hinzuzufügen, fügen Sie einfach Folgendes in die Abschnitte „Footer-Credits“, „Copyright-Text“ oder einen ähnlichen Abschnitt ein.

© Copyright 2016-2023. Alle Rechte vorbehalten.

Der WordPress Theme Customizer wird automatisch aktualisiert, sodass Sie sehen können, wie der Copyright-Text auf Ihrer Website aussieht.

Hinzufügen eines Copyright-Hinweises zum WordPress-Footer

Abhängig von Ihrem Theme können Sie möglicherweise auch die Schriftgröße und die Textausrichtung über die Theme-Einstellungen ändern.

Wenn Sie mit der Darstellung des Copyright-Hinweises zufrieden sind, klicken Sie auf die Schaltfläche „Veröffentlichen“, um Ihre Änderungen live zu schalten.

Profi-Tipp: Mit diesem Ansatz müssen Sie den Copyright-Hinweis immer noch jedes Jahr aktualisieren. Um das neue Jahr automatisch hinzuzufügen, lesen Sie unsere Anleitung, wie Sie ein dynamisches Copyright-Datum im WordPress-Footer hinzufügen.

Hinzufügen eines Copyright-Datums zu Ihrer Fußzeile mit dem Full Site Editor

Wenn Sie ein Block-aktiviertes Theme verwenden, ist es einfach, ein Copyright-Datum zum Footer hinzuzufügen. Gehen Sie einfach zu Themes » Editor und öffnen Sie dann den Footer-Template-Teil, indem Sie dem oben beschriebenen Prozess folgen.

Klicken Sie dann auf das Symbol „+“ und geben Sie „Shortcode“ ein.

Fügen Sie mit dem Full-Site-Editor einen Shortcode-Block zur Fußzeilenvorlage hinzu

Wenn der richtige Block erscheint, ziehen Sie ihn per Drag & Drop in den Footer-Template-Teil.

Fügen Sie im Shortcode-Block Folgendes hinzu:

© Copyright 2016-2023. Alle Rechte vorbehalten.

Hinzufügen eines Copyright-Hinweises zu einem Block-fähigen Footer

Klicken Sie danach einfach auf die Schaltfläche „Speichern“, um den Copyright-Hinweis live zu schalten.

5. Entfernen Sie „Powered by“-Links aus dem Footer in WordPress

Einige kostenlose WordPress-Themes fügen Links zum Fußbereich hinzu. Typischerweise handelt es sich dabei um einen Haftungsausschluss „Powered by WordPress“, der auf die offizielle WordPress-Website verlinkt, aber einige Theme-Entwickler fügen auch Links zu ihren eigenen Websites hinzu.

Diese ausgehenden Links ermutigen Besucher, Ihre Website zu verlassen, und können Ihr WordPress SEO beeinträchtigen. In diesem Sinne ist es eine gute Idee, sie aus dem Fußzeilenbereich zu entfernen, indem Sie zu Darstellung » Anpassen gehen.

Einige Themes erschweren das Entfernen dieser Links, sodass Sie möglicherweise Zeit mit der Suche in den verschiedenen Einstellungen verbringen müssen.

Beginnen Sie am besten mit der Suche nach Einstellungen mit der Bezeichnung „Footer-Optionen“, „Footer- & Copyright-Optionen“ oder ähnlichem.

So entfernen Sie „Powered by WordPress“ aus der Fußzeile

Hier sollten Sie in der Lage sein, die Links zu löschen oder sie sogar durch Ihre URLs zu ersetzen.

Einige Themes codieren die Links fest in den Theme-Dateien und geben Ihnen nicht die Möglichkeit, sie über den WordPress Customizer zu entfernen.

In diesem Fall können Sie diese Links entfernen, indem Sie die Datei footer.php bearbeiten. Schritt-für-Schritt-Anleitungen finden Sie in unserem Leitfaden zum Thema Entfernen der Links im Powered by WordPress-Footer.

Entfernen von „Powered By“-Links mit dem Full Site Editor

Um die Links „Powered By“ in einem Theme mit Block-Editor zu entfernen, öffnen Sie einfach die Fußzeilen-Vorlage im Vollständigen Website-Editor, indem Sie denselben oben beschriebenen Vorgang ausführen.

Suchen Sie im Editor nach dem Text „Proudly powered by WordPress“ oder einem ähnlichen Text. Sie können diesen durch Ihren eigenen Text ersetzen, indem Sie ihn in den Block „Absatz“ eingeben.

Ändern der „Powered by“-Links mit dem WordPress Full-Site-Editor (FSE)

Wenn Sie den Text vollständig entfernen möchten, klicken Sie einfach auf den Block „Absatz“, um ihn auszuwählen. Klicken Sie anschließend auf die Schaltfläche mit den drei Punkten für die „Optionen“.

Klicken Sie abschließend auf „Absatz entfernen“, um den Block zu löschen.

Löschen der „Powered By WordPress“-Links mit dem Full-Site-Editor

Sie können dann auf „Speichern“ klicken. Wenn Sie nun Ihre Website besuchen, sehen Sie, dass dieser Text entfernt wurde.

6. So fügen Sie einen Instagram-Feed im WordPress-Footer hinzu

Posten Sie regelmäßig schöne Fotos und Videos auf Instagram?

Die Leute werden Ihre Instagram-Inhalte nicht sehen, wenn sie nur Ihre Website besuchen. In diesem Sinne möchten Sie vielleicht aktuelle Instagram-Fotos in der Fußzeile Ihrer Website anzeigen.

So zeigen Sie Instagram-Fotos im WordPress-Footer an

Dies ist eine einfache Möglichkeit, Ihre Social-Media-Seite zu bewerben und mehr Leute zu ermutigen, Ihnen auf Instagram zu folgen.

Der einfachste Weg, einen Foto-Feed in der WordPress-Fußzeile hinzuzufügen, ist die Verwendung von Smash Balloon Instagram Feed. Es ist das beste Instagram-Plugin für WordPress und ermöglicht es Ihnen, ganz einfach einen Foto-Feed zu Ihrer Website hinzuzufügen.

Nach dem Hinzufügen des Social-Media-Feeds zu Ihrem Footer ruft Smash Balloon automatisch neue Instagram-Fotos ab. Auf diese Weise zeigt Ihr Footer immer Ihre neuesten Instagram-Fotos für die Besucher Ihrer Website an.

Wenn Sie einen Online-Shop betreiben, können Sie sogar mehr Verkäufe erzielen, indem Sie Instagram Shoppable Images zum WordPress-Footer hinzufügen.

Smash Balloon bietet alle Werkzeuge, die Sie benötigen, um das Aussehen des Instagram-Feeds in Ihrem Footer fein abzustimmen.

Sie können zum Beispiel zwischen verschiedenen Layouts wählen, eine „Folgen“-Schaltfläche hinzufügen, Ihren Feed für mobile Geräte optimieren und mehr mit dem benutzerfreundlichen Smash Balloon-Editor.

Der Smash Balloon Instagram-Editor

Für Schritt-für-Schritt-Anleitungen siehe unseren Leitfaden unter so betten Sie Instagram einfach in WordPress ein.

Wenn Sie mit dem Aussehen des Feeds zufrieden sind, ist es an der Zeit, ihn zum Footer Ihrer Website hinzuzufügen. Gehen Sie einfach zu Darstellung » Widgets und klicken Sie auf den blauen '+' Button.

Instagram-Fotos in der WordPress-Fußzeile anzeigen

Geben Sie im Suchfeld „Instagram Feed“ ein, um den richtigen Block zu finden. Seien Sie sich bewusst, dass WordPress über eine integrierte Instagram-Feed-Schaltfläche verfügt, stellen Sie also sicher, dass Sie den Block mit dem offiziellen Instagram-Logo verwenden.

Sie können den Block jetzt per Drag & Drop auf den Footer Ihrer Website ziehen.

Der WordPress Instagram Embed-Block

Wenn Sie damit fertig sind, klicken Sie einfach auf „Aktualisieren“. Danach können Sie Ihre Website besuchen, um Ihren Instagram-Feed in der Fußzeile zu sehen.

Hinzufügen eines Instagram-Feeds mit dem Full Site Editor

Es ist einfach, den Smash Balloon Instagram-Feed zu einem Block-fähigen WordPress-Theme hinzuzufügen.

Öffnen Sie einfach die Footer-Vorlage im Full Site Editor, indem Sie genau denselben Vorgang wie oben beschrieben befolgen. Klicken Sie dann auf die Schaltfläche „+“ in der Footer-Vorlage.

Hinzufügen eines Instagram-Feeds zu einem WordPress-Footer

Wenn dies erledigt ist, geben Sie „Instagram Feed“ ein und wählen Sie den richtigen Block aus, wenn er erscheint, um ihn zur Fußzeile hinzuzufügen.

Der Full-Site-Editor zeigt automatisch den von Ihnen erstellten Instagram-Feed an.

Hinzufügen eines Social-Media-Feeds zum Footer einer Website

Wenn Sie damit fertig sind, klicken Sie einfach auf „Speichern“, um den benutzerdefinierten Instagram-Feed zu veröffentlichen.

7. Eine Sticky-Footer-Leiste in WordPress hinzufügen

Möchten Sie Sonderangebote oder Benachrichtigungen im Footer-Bereich anzeigen?

Sie können eine Footer-Leiste erstellen, die am unteren Bildschirmrand haftet, während der Besucher scrollt.

Um diese Art von Sticky-Footer-Leiste zu erstellen, benötigen Sie OptinMonster. Es ist die beste Conversion-Optimierungssoftware auf dem Markt und ermöglicht es Ihnen, Website-Besucher in Abonnenten und Kunden zu verwandeln.

OptinMonster bietet auch leistungsstarke Anzeigeregeln, sodass Sie personalisierte benutzerdefinierte Nachrichten in Ihrem Website-Footer anzeigen können.

Zuerst müssen Sie sich für ein OptinMonster-Konto anmelden.

Installieren und aktivieren Sie anschließend das OptinMonster-Plugin auf Ihrer WordPress-Website. Wählen Sie nach der Aktivierung „Vorhandenes Konto verbinden“.

Verbindung eines OptinMonster-Kontos mit WordPress

Sie können nun die E-Mail-Adresse und das Passwort für Ihr OptinMonster-Konto eingeben.

Sobald Sie verbunden sind, gehen Sie zur Seite OptinMonster » Kampagnen und klicken Sie entweder auf die Schaltfläche „Erste Kampagne erstellen“ oder „Neu hinzufügen“.

Erstellen einer neuen OptinMonster-Conversion-Kampagne

Wählen Sie auf dem nächsten Bildschirm „Floating Bar“ als Kampagnentyp und wählen Sie dann eine Vorlage aus.

Um eine OptinMonster-Vorlage in der Vorschau anzuzeigen, bewegen Sie einfach die Maus darüber und klicken Sie dann auf die Schaltfläche „Vorschau“.

Hinzufügen einer festen schwebenden Leiste zum WordPress-Footer

Wenn Sie eine Vorlage finden, die Ihnen gefällt, klicken Sie auf die Schaltfläche „Vorlage verwenden“.

Sie können dann einen Namen für die Kampagne eingeben. Dies dient nur Ihrer Information, Sie können also jeden gewünschten Titel verwenden.

Hinzufügen eines Titels zu einer OptinMonster-Conversion-Kampagne

Wenn das erledigt ist, klicken Sie auf „Erstellen starten“.

Dies bringt Sie zum Drag-and-Drop-Kampagnen-Builder von OptinMonster, wo Sie die Footer-Leiste gestalten können. Klicken Sie einfach auf ein beliebiges Element, das Sie bearbeiten möchten, oder ziehen Sie neue Blöcke aus der linken Spalte per Drag & Drop.

Erstellen einer Sticky-Footer-Leiste für WordPress

Wenn Sie mit dem Aussehen der Kampagne zufrieden sind, klicken Sie einfach auf die Schaltfläche „Veröffentlichen“.

Wählen Sie dann „Veröffentlichen“, um die Kampagne live zu schalten.

Veröffentlichen einer Conversion- und Optimierungskampagne für WordPress

Sie können nun auf die Schaltfläche „Speichern“ klicken, um Ihre Änderungen zu speichern, und dann auf das „X“ in der oberen rechten Ecke klicken, um den OptinMonster-Kampagnen-Builder zu schließen.

Öffnen Sie im WordPress-Dashboard das Dropdown-Menü „Status“ und wählen Sie „Veröffentlicht“.

Veröffentlichen einer klebrigen schwebenden Leiste für WordPress

Klicken Sie abschließend auf „Speichern“.

Besuchen Sie nun Ihre WordPress-Website, um die schwebende Footer-Leiste in Aktion zu sehen.

Ein Beispiel für eine feste schwebende Footer-Leiste in WordPress

Sie können OptinMonster auch verwenden, um alle Arten von hochkonvertierenden Kampagnen zu erstellen, einschließlich Slide-in-Footer-Popups, Countdown-Timern und gezielten Footer-Benachrichtigungen, die Ihnen helfen können, verlassene Warenkörbe wiederherzustellen.

8. Social-Media-Buttons im WordPress-Footer hinzufügen

Eine weitere gute Möglichkeit, den Fußzeilenbereich in Ihrem WordPress-Theme zu nutzen, ist die Anzeige von Social-Media-Icons. Dies ist eine einfache Möglichkeit, Ihre verschiedenen Profile zu bewerben und mehr Follower auf Twitter, Facebook und anderen beliebten Plattformen zu gewinnen.

Der beste Weg, diese Schaltflächen hinzuzufügen, ist die Verwendung des Plugins Social Icons Widget. Dieses Plugin unterstützt alle wichtigen sozialen Netzwerke und verfügt über mehrere Icon-Stile, aus denen Sie wählen können.

Gehen Sie nach der Aktivierung des Social Icons Widgets zur Seite Darstellung » Widgets. Sie können dann auf die Schaltfläche „+“ klicken und nach „Social Icons Block“ suchen.

Wenn der richtige Block erscheint, ziehen Sie ihn per Drag & Drop in den Footer-Bereich.

Wie man Social-Icons zum WordPress-Footer hinzufügt

Standardmäßig enthält der Social Icons Block bereits einige integrierte Social-Media-Icons.

Um eines dieser Symbole mit Ihren eigenen Social-Media-Profilen zu verknüpfen, klicken Sie einfach darauf. Geben Sie in der kleinen Leiste, die erscheint, die URL der Seite ein, die Sie bewerben möchten.

Social-Media-Links für den WordPress-Footer erstellen

Möchten Sie ein anderes Symbol für diese Social-Media-Plattform verwenden?

Klicken Sie dann einfach auf den Link „Details bearbeiten“. Dies öffnet ein Fenster, in dem Sie ein neues Bild für das Social-Media-Symbol auswählen können.

Auswahl eines Icons für Ihre Social-Media-Buttons

Wiederholen Sie diesen Vorgang einfach für jedes integrierte Social-Media-Icon.

Wenn Sie eines dieser Standard-Icons entfernen möchten, klicken Sie auf „Icon löschen“.

Löschen von Social-Media-Symbolen mit einem kostenlosen WordPress-Plugin

Es gibt unzählige Social-Media-Plattformen und andere Websites, die Sie möglicherweise zum Footer-Bereich hinzufügen möchten.

Um dies zu tun, klicken Sie auf die Schaltfläche „+“.

Hinzufügen von Twitter-, YouTube-, Facebook- und weiteren Social-Media-Icons zu WordPress

Sie können nun ein Social-Media-Symbol auswählen und einen Link hinzufügen, indem Sie denselben oben beschriebenen Prozess befolgen.

Wenn Sie mit der Einrichtung der Social-Media-Symbole zufrieden sind, klicken Sie auf „Aktualisieren“. Besuchen Sie nun einfach Ihre Website und scrollen Sie zum Fußzeilenbereich, um die Social-Buttons in Aktion zu sehen.

Ein Beispiel für Social-Media-Icons im WordPress-Footer

Bonus: Möchten Sie Ihrer Website weitere soziale Funktionen hinzufügen? Sehen Sie sich unsere Expertenauswahl der besten Social-Media-Plugins für WordPress an, um Ihr Publikum zu vergrößern.

Social-Buttons mit dem Full Site Editor hinzufügen

Verwenden Sie ein Theme mit Block-Unterstützung? Dann können Sie Social-Icons zum Footer hinzufügen, indem Sie zu Themes » Editor gehen und dann den Footer-Template-Teil öffnen.

Sie können nun auf die Schaltfläche „+“ klicken und „Social Icons Block“ eingeben.

Social-Media-Icons zu einem WordPress-Footer hinzufügen

Wenn der richtige Block erscheint, ziehen Sie ihn per Drag & Drop auf die Fußzeilenvorlage.

Dies fügt einen Block mit den Standard-Social-Icons hinzu.

Hinzufügen von Social-Media-Symbolen zu einem WordPress-Blog oder einer Website

Sie können diese Symbole jetzt anpassen und neue Social-Media-Schaltflächen hinzufügen, indem Sie den gleichen oben beschriebenen Vorgang befolgen.

Wenn Sie mit dem Aussehen der Schaltflächen zufrieden sind, klicken Sie einfach auf die Schaltfläche „Speichern“. Wenn Sie nun Ihre Website besuchen, sehen Sie die Social-Icons im Block-aktivierten Footer.

9. Telefonnummer im WordPress-Footer hinzufügen

Wenn Sie Kundensupport per Telefon anbieten, kann die Angabe Ihrer Telefonnummer im WordPress-Footer-Bereich den Nutzern helfen, Sie zu kontaktieren.

Dafür benötigen Sie eine Geschäfts-Telefonnummer. Wir empfehlen die Nutzung von Nextiva, dem besten Business-Telefondienst für kleine Unternehmen.

Nextiva

Nextiva ermöglicht es Ihnen, günstiger zu telefonieren und erweiterte Funktionen wie Anrufweiterleitung, unbegrenzte kostenlose nationale Anrufe, Voicemail per E-Mail und Textnachricht und mehr zu nutzen.

Sie können dieselbe Nummer auch auf mehreren Geräten und Mobiltelefonen verwenden und Anrufe von jedem Gerät mit Internetverbindung verwalten.

Sobald Sie eine geschäftliche Telefonnummer haben, müssen Sie diese zu Ihrer Website hinzufügen. Der einfachste Weg ist die Verwendung des WP Call Button-Plugins, das einen Click-to-Call-Button zu Ihrer WordPress-Site hinzufügt.

Ein Beispiel für einen Click-to-Call-Button auf einer WordPress-Website

Nach der Aktivierung des Plugins müssen Sie im WordPress-Dashboard zu Einstellungen » WP Call Button navigieren.

Klicken Sie hier auf den Schalter „Call Now Button Status“, sodass er „Active“ anzeigt.

Eine Click-to-Call-Schaltfläche zu einem WordPress-Blog oder einer Website hinzufügen

Geben Sie als Nächstes Ihre geschäftliche Telefonnummer in das Feld „Telefonnummer“ ein.

Standardmäßig zeigt der Button den Text „Call Us“ an, aber Sie können diesen durch Ihre eigene benutzerdefinierte Nachricht ersetzen, indem Sie in das Feld „Call Button Text“ eingeben.

So fügen Sie eine Anruf-Jetzt-Schaltfläche zu WordPress hinzu

Scrollen Sie danach zum Abschnitt „Call Button Position“ und wählen Sie aus, wo Sie den Button auf Ihrer Website anzeigen möchten. Sie können den Button beispielsweise in der unteren rechten Ecke anzeigen oder ein Banner erstellen, das den gesamten Footer-Bereich abdeckt.

Wenn Sie mit der Einrichtung des Buttons zufrieden sind, klicken Sie auf „Änderungen speichern“. Gehen Sie anschließend einfach zu Ihrer Website, um den Call-to-Click-Button in Aktion zu sehen.

Möchten Sie keine Click-to-Call-Schaltfläche verwenden? Dann lesen Sie unseren Leitfaden, wie Sie klickbare Telefonnummern in WordPress hinzufügen für einige verschiedene Optionen.

10. Hinzufügen eines Kontaktformulars im WordPress-Footer

Der Footer Ihrer Website muss kein Sackgasse sein. Wenn Sie ein Navigationsmenü gemäß dem oben beschriebenen Verfahren hinzugefügt haben, sind Sie auf einem guten Weg. Sie können Kunden jedoch auch ermutigen, sich mit Ihnen zu verbinden, indem Sie dem Footer-Bereich ein Kontaktformular hinzufügen.

Hier kommt WPForms ins Spiel.

WPForms ist das beste WordPress-Kontaktformular-Plugin und verfügt über eine fertige Vorlage für einfache Kontaktformulare, mit der Sie mit wenigen Klicks ein Kontaktformular erstellen können.

Gehen Sie nach der Aktivierung des Plugins zu WPForms » Neu hinzufügen und geben Sie einen Namen für das Kontaktformular ein. Dies dient nur Ihrer Information, Sie können also verwenden, was Sie möchten.

Das WPForms Form Builder Plugin für WordPress

Suchen Sie als Nächstes die Vorlage „Einfaches Kontaktformular“ und klicken Sie auf deren Schaltfläche „Vorlage verwenden“.

WPForms öffnet nun die Vorlage in seinem Formular-Builder. Die Vorlage enthält bereits alle Felder, die Sie normalerweise benötigen, aber Sie können weitere Felder hinzufügen, indem Sie sie aus dem linken Menü ziehen und auf Ihr Formular fallen lassen.

Felder zu einem WordPress-Kontaktformular hinzufügen

Sie können auch auf jedes Feld klicken, um es zu bearbeiten, und Felder im Formular per Drag & Drop neu anordnen.

Um ein Feld zu löschen, bewegen Sie einfach die Maus darüber und klicken Sie dann auf das kleine Papierkorbsymbol, wenn es erscheint.

Felder aus einem WordPress-Kontaktformular entfernen

Wenn Sie bereit sind, klicken Sie auf die Schaltfläche „Speichern“, um Ihre Änderungen zu speichern.

Um das Kontaktformular zu Ihrer Fußzeile hinzuzufügen, gehen Sie im WordPress-Dashboard zur Seite Darstellung » Widgets.

Klicken Sie hier auf die Schaltfläche „+“ und suchen Sie nach „WPForms“. Wenn der richtige Block angezeigt wird, ziehen Sie ihn per Drag & Drop in den Footer-Bereich Ihres Themes.

Hinzufügen eines Kontaktformulars zu Ihrem WordPress-Footer mit einem Block

Öffnen Sie danach das Dropdown-Menü „Formular“ und wählen Sie Ihr Kontaktformular aus.

Sie können auch einen optionalen Titel hinzufügen, der über dem Kontaktformular angezeigt wird.

Hinzufügen eines Formulars zu Ihrer WordPress-Website

Sobald Sie dies getan haben, klicken Sie auf die Schaltfläche „Aktualisieren“.

Wenn Sie nun Ihre Website besuchen, sehen Sie das neue Kontaktformular in der Fußzeile.

Hinzufügen eines Kontaktformulars zum WordPress-Footer

Ein Kontaktformular mit dem Full Site Editor hinzufügen

Möchten Sie ein Kontaktformular zur Fußzeile eines Block-fähigen Themes hinzufügen?

Dann müssen Sie zu Themes » Editor gehen und den Footer-Template-Teil öffnen. Klicken Sie hier auf das Symbol „+“ und geben Sie „WPForms“ ein, um den richtigen Block zu finden.

Hinzufügen eines Kontaktformulars zu einer WordPress-Footer-Vorlage

Ziehen Sie dann einfach den Block in den Footer-Bereich.

Öffnen Sie im WPForms-Block das Dropdown-Menü „Formular auswählen“ und wählen Sie das gerade erstellte Kontaktformular aus.

Verschiedene Formen in einem WordPress-Footer anzeigen

Wenn Sie bereit sind, das Kontaktformular live zu schalten, klicken Sie einfach auf die Schaltfläche „Speichern“.

Sobald Sie sich für alle Funktionen entschieden haben, die Sie Ihrer Fußzeile hinzufügen möchten, sollten Sie sich auch einige Beispiele für Fußzeilendesigns ansehen, um weitere Ideen zu erhalten.

Sie können sich zum Beispiel den Footer von WPBeginner ansehen. Sie werden feststellen, dass wir unser Design sauber und einfach gehalten haben, mit wichtigen Links zu unseren Produkten und kostenlosen Tools.

WPBeginner Footer

Unser Footer bietet alle Informationen, die Leser benötigen, ohne überladen zu wirken, und ist somit ein großartiges Beispiel.

Ebenso zeigt der Footer von OptinMonster Links zu wichtigen Seiten wie der Dokumentation und eine Liste der besten Funktionen der Software. Dieser Footer kann Benutzer dazu ermutigen, die Website weiter zu erkunden, und sie könnten sogar einen Kauf tätigen.

OptinMonster Footer

Auf der anderen Seite können Sie sich den Footer von Neil Patel ansehen. Er ist kompakt und geradlinig mit schnellen Navigationslinks für Leser.

Indem Sie einen Footer hinzufügen, der so aussieht, stellen Sie den Benutzern wichtige Details über Ihre Website zur Verfügung, ohne sie vom Hauptinhalt abzulenken.

Neil Patel Footer

Für weitere Ideen und Inspiration werfen Sie bitte einen Blick auf unsere Liste der besten Footer-Designbeispiele.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu entscheiden, welche Elemente Sie Ihrem WordPress-Footer hinzufügen können, um ihn nützlicher zu gestalten. Möglicherweise möchten Sie auch unseren Leitfaden zum Erstellen einer „Sticky“ schwebenden Footer-Leiste in WordPress und unsere Liste mit erstaunlichen Sidebar-Tricks für maximale Ergebnisse lesen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

9 CommentsLeave a Reply

  1. Ich habe früher nicht viel Zeit auf den Footer verwendet. Der Header war mein Hauptaugenmerk, aber mit der Zeit begann ich, professionell gestaltete Footer auf anderen Websites zu schätzen. Zum Beispiel gefällt mir Ihrer. Er ist ausreichend hoch und bietet den Nutzern viele wertvolle Informationen. Dieser Artikel hat mich, zusammen mit Ihrem eigenen Footer, dazu inspiriert, Footer anders zu gestalten und viel mehr Mühe in sie zu investieren, als ich es zuvor getan habe.

  2. Das ist gut. All dies sind wichtige Elemente, die einem Website-Footer hinzugefügt werden sollten.
    Obwohl das Design eines Website-Footers einfach und minimalistisch sein sollte, sollte er zumindest einige entscheidende Elemente und Informationen enthalten, die für die Website wichtig sind. Ich empfehle, einen Newsletter, eine kurze Website-Beschreibung, Social-Media-Links und Links zu anderen Produkten oder Websites desselben Unternehmens hinzuzufügen, da dies Backlinks erzeugt und die Glaubwürdigkeit der Website stärkt.

  3. Eine Sache, die man beachten sollte, ist, dass ich mein Footer-Design eher schlicht und minimalistisch halte, da die meisten Besucher nicht bis zum Ende der Seite scrollen.
    aber ein Instagram-Feed könnte eine schöne Möglichkeit sein, meine Inhalte zu präsentieren und mehr Follower zu gewinnen, ohne zu aufdringlich zu sein.
    vielen Dank für die wertvollen Vorschläge!

    • Was den Designaspekt betrifft, bin ich ebenfalls derselben Meinung, dass er minimalistisch und einfach sein sollte.
      Dies zeigt sich im Footer der Website aller großartigen Motivfirmen. Sie sind funktionsreich und verfügen über genügend Navigation, was die Navigation erleichtert und ein einfaches und minimalistisches Design aufweist.

    • Viele Nutzer scrollen vielleicht nicht ganz nach unten auf der Seite, aber viele Menschen haben sich daran gewöhnt, wichtige Informationen im Footer zu suchen. Dazu gehören Kontaktdaten, Links zu sozialen Medien, Postadressen oder Links zu anderen Unternehmenswebsites. Auch wenn also nicht jeder immer bis zum Ende der Website scrollt, sind viele Leute es gewohnt, solche Informationen dort zu finden, wenn sie sie brauchen. Daher würde ich die Bedeutung des Footers nicht unterschätzen. Ein gut gestalteter Footer kann immer noch minimalistisch sein, zumindest im Design.

  4. Danke für die unverzichtbaren Dinge im Footer. Ich habe genau danach in dem anderen Artikel über das beste Footer-Design gesucht.
    Ich denke, diese Liste enthält alle wichtigen Punkte wie nützliche Navigation, Call-to-Action und wichtige Informationen, Copyright-Text und andere sind vorhanden.
    Ich werde sicherstellen, dass ich all diese in den Footern meiner Website implementiere, um sie schön zu gestalten.

  5. Danke fürs Teilen.

    Obwohl der Artikel ziemlich lang ist, gefällt er mir.

    Ich habe eine Frage. Wie kann ich Sticky Social Media anzeigen? Wenn der Besucher die Website scrollt, sieht er sie auf der linken oder rechten Seite.

    Waiting for your reply :D

Hinterlasse eine Antwort

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.