Letztes Jahr fügte ich meiner Website eine Facebook-Like-Schaltfläche hinzu, weil ich eine schnelle Möglichkeit zur Steigerung des Engagements suchte. Die Leute zu bitten, zu kommentieren oder zu teilen, war mir zu viel. Ein einfacher Like-Button war einfacher.
Zuerst habe ich ein kostenloses Plugin ausprobiert, aber das hat mein Layout zerstört. Dann habe ich mit dem Einbettungscode von Facebook herumgespielt. Es funktionierte, aber erst nach vielen Versuchen und Fehlern.
Schließlich habe ich SeedProd verwendet. Es dauerte weniger als fünf Minuten, und ich musste keinen Code anfassen.
In diesem Leitfaden zeige ich Ihnen beide Methoden, damit Sie die für Sie passende auswählen können.
TL;DR: Wie man einen Facebook Like Button hinzufügt
- Verwenden Sie SeedProd: Ziehen Sie eine Facebook-Like-Schaltfläche per Drag-and-Drop ohne Code auf Ihre Website.
- Manuelle Methode: Betten Sie die Like-Schaltfläche mit dem Code aus den Facebook-Entwicklertools ein.
- Beide Methoden erleichtern es den Besuchern, Ihre Inhalte zu mögen und Ihre Facebook-Seite zu vergrößern.
Warum einen Facebook-Like-Button zu WordPress hinzufügen?
Das Hinzufügen einer Gefällt mir-Schaltfläche zu Ihrer WordPress-Website kann dazu beitragen, das Engagement auf Ihrer Facebook-Seite zu erhöhen. Es ist auch eine gute Möglichkeit, Nutzer dazu zu ermutigen, Ihre Inhalte in ihren Facebook-Newsfeeds zu teilen, was dazu beiträgt, neue Besucher auf Ihre Website zu locken.
Darüber hinaus kann die Einbettung einer Facebook-Like-Schaltfläche auf Ihrer Webseite dazu beitragen, die Zahl Ihrer Follower in den sozialen Medien zu erhöhen und Ihre Online-Gemeinschaft in dem beliebtesten sozialen Netzwerk aufzubauen. Auf diese Weise können Sie das Bewusstsein für Ihre Produkte oder Dienstleistungen erhöhen und letztlich die Konversionsrate steigern.
Derzeit verfügt WordPress nicht über eine integrierte Lösung zum Hinzufügen einer Facebook-Schaltfläche für Likes. Sie müssen also ein WordPress-Plugin installieren oder den Code für die Facebook-Like-Schaltfläche manuell hinzufügen. Im Folgenden zeigen wir Ihnen, wie Sie beides tun können.
Hinzufügen eines Facebook-Like-Buttons in WordPress mit SeedProd
🔹 Dies ist der einfachste Weg, eine Facebook-Like-Schaltfläche zu Ihrer WordPress-Website hinzuzufügen. Sie verwenden den Drag-and-Drop-Builder von SeedProd, um ihn überall zu platzieren, ohne zu programmieren.
Zunächst werden wir ein WordPress-Plugin verwenden, um eine Facebook-Like-Schaltfläche zu Ihrer Website hinzuzufügen. Wir verwenden SeedProd, das beste WordPress-Plugin für Website- und Seitenerstellung.
SeedProd macht es super einfach, flexible Seitendesigns in WordPress zu erstellen, einschließlich benutzerdefinierter Landing Pages, Homepages, Seitenleisten, Kopf- und Fußzeilen und mehr. Es verfügt über einen Drag-and-Drop-Builder und zahlreiche WordPress-Blöcke, mit denen Sie Ihre Website ganz einfach ohne Code oder CSS anpassen können.
Mit SeedProd können Sie nicht nur vollständig angepasste Landing Pages erstellen, sondern auch komplette WordPress-Themes von Grund auf neu erstellen, ohne eine einzige WordPress-Theme-Datei anfassen zu müssen.
Bei dieser Methode zeigen wir Ihnen, wie Sie das Facebook-Like-Block-Widget von SeedProd verwenden können, um eine Like-Schaltfläche praktisch überall auf Ihrer WordPress-Website anzuzeigen.
Installieren und Aktivieren von SeedProd
Um loszulegen, installieren und aktivieren Sie das SeedProd-Plugin auf Ihrer WordPress-Website.
Wenn Sie dabei Hilfe benötigen, finden Sie in unserer Dokumentation eine Anleitung zur Installation von SeedProd. Diese Anleitung führt Sie durch die Installation des Plugins und die Aktivierung Ihres Lizenzschlüssels.
Hinweis: SeedProd hat eine kostenlose Version, mit der Sie eine einfache Landing Page ohne Code erstellen können. Für diese Anleitung verwenden wir SeedProd Pro für seine Pro-WordPress-Blöcke.
Als nächstes müssen Sie festlegen, wie Sie SeedProd auf Ihrer Website verwenden möchten. Sie können damit einzelne WordPress-Seiten erstellen oder ein ganz neues WordPress-Theme erstellen, um Ihr aktuelles Website-Design zu ersetzen.
In dieser Anleitung zeigen wir Ihnen, wie Sie eine Facebook-Like-Schaltfläche zu einer Landing Page hinzufügen können. Navigieren Sie dazu in Ihrem WordPress-Dashboard zu SeedProd " Landing Pages.
Wählen Sie eine vorgefertigte Vorlage
Auf dieser Seite können Sie eines der vorgefertigten Landing Page-Designs von SeedProd auswählen, z. B. Coming Soon, Maintenance, Login oder 404.
Alternativ können Sie auch eine benutzerdefinierte Landing Page mit einer Landing Page-Vorlage erstellen, die Sie an Ihre Bedürfnisse anpassen können. Wir werden diese Option verwenden, also klicken Sie auf die Schaltfläche Neue Landing Page hinzufügen.
Auf dem nächsten Bildschirm sehen Sie eine Bibliothek mit professionellen Landing Page-Vorlagen, die Sie mit dem Drag-and-Drop-Builder von SeedProd anpassen können. Klicken Sie auf eine der Registerkarten oben, um die Designs nach Seitentyp zu filtern, einschließlich:
- Demnächst verfügbar
- Wartungsmodus
- 404 Seite
- Vertrieb
- Webinar
- Lead Squeeze
- Dankeschön
- Anmeldung
Wenn Sie ein Design gefunden haben, das Ihnen gefällt, fahren Sie mit der Maus darüber und klicken Sie auf das Häkchensymbol. Für diese Anleitung verwenden wir die Vorlage Tasty Squeeze Page.
Als Nächstes wird ein Popup-Fenster angezeigt, in dem Sie Ihrer Seite einen Namen geben können. SeedProd gibt der Seite automatisch eine URL, aber Sie können diese später ändern, wenn Sie möchten.
Wenn Sie mit den Details zufrieden sind, klicken Sie auf die Schaltfläche Speichern und mit der Bearbeitung der Seite beginnen.
Den Facebook-Like-Block hinzufügen
Nachdem Sie eine Vorlage ausgewählt haben, gelangen Sie zum visuellen Editor von SeedProd, wo Sie mit der Anpassung des Designs Ihrer Landing Page beginnen können. Er ist einfach zu bedienen, mit Blöcken und Abschnitten auf der linken Seite und einer Live-Vorschau auf der rechten Seite.
Klicken Sie einfach auf ein beliebiges Element in Ihrer Vorschau, um den Inhalt an Ihre Bedürfnisse anzupassen.
Sie können zum Beispiel auf einen beliebigen Text- oder Überschriftenblock klicken, um die Überschrift und die Beschreibungen zu ändern.
Daraufhin öffnet sich auf der linken Seite ein Einstellungsfenster, in dem Sie den Inhalt, die Schriftgröße, die Ausrichtung und vieles mehr ändern können.
Sie können auch die Bilder der Vorlage austauschen und durch Ihre eigenen ersetzen. Klicken Sie dazu auf ein beliebiges Bild und wählen Sie dann das Mülleimersymbol im Einstellungsfenster, um es zu entfernen.
Von dort aus können Sie ein neues Bild von Ihrem Computer oder Ihrer WordPress-Mediathek hochladen.
Nachdem Sie nun die Grundlagen der Navigation im Seitenersteller kennen, sehen wir uns an, wie Sie Ihrer Landing Page eine Facebook-Like-Schaltfläche hinzufügen können.
SeedProd verfügt über zahlreiche WordPress-Blöcke, die Sie zu Ihrem Landing Page-Design hinzufügen können. Sie machen Ihre Seite nicht nur attraktiver, sondern eignen sich auch hervorragend zur Generierung von Leads und Social-Media-Followern.
Mit den Facebook-Blöcken von SeedProd können Sie zum Beispiel Ihre Facebook-Seite, einzelne Beiträge, Kommentare und sogar einen Like-Button einbetten.
Um den Facebook-Like-Button-Block zu Ihrer Seite hinzuzufügen, ziehen Sie ihn einfach aus dem Bereich "Erweiterte Blöcke" auf Ihre Landing Page.
Von dort aus können Sie das Design und das Aussehen der Schaltfläche "Gefällt mir" mithilfe der Dropdown-Menüs im Blockeinstellungsfeld ändern. Sie können zum Beispiel das Layout der Schaltfläche so ändern, dass die Anzahl der Schaltflächen, ein Like-Feld und mehr angezeigt wird.
Sie können auch die Schriftgröße ändern und die Option zur Anzeige einer Facebook-Freigabe-Schaltfläche daneben einschalten.
Darüber hinaus gibt es Optionen, um eine benutzerdefinierte URL anstelle Ihrer aktuellen Landing Page zu verwenden und das Permalink-Format in einen schönen Link zu ändern.
Auf der Registerkarte Erweiterte Einstellungen" können Sie den Abstand und die Sichtbarkeit der Gefällt mir"-Schaltfläche auf Mobil- und Desktop-Geräten anpassen und sie animieren, ohne Code schreiben zu müssen.
Hinweis: Sie können Ihre Facebook App ID in SeedProd eingeben, indem Sie zu SeedProd " Einstellungen gehen .
Passen Sie das Design Ihrer Landing Page weiter an, bis Sie mit dem Aussehen zufrieden sind. Sie können zum Beispiel das Farbschema und die Typografie der Seite im Bereich "Globale Einstellungen" bearbeiten.
Vergessen Sie nicht, auf die Schaltfläche Speichern in der oberen rechten Ecke zu klicken, um Ihre Änderungen zu speichern.
Konfigurieren Sie Ihre Seiteneinstellungen
Da die Seite, die wir erstellen, ein Opt-in-Formular enthält, müssen wir als Nächstes einen E-Mail-Marketingdienst verbinden. Klicken Sie dazu oben auf die Registerkarte " Verbinden" und suchen Sie Ihren E-Mail-Marketinganbieter in der Liste.
Folgen Sie dann den Anweisungen auf dem Bildschirm, um Ihre E-Mail-Liste zu verbinden.
Sie können auch oben auf die Registerkarte Seiteneinstellungen klicken, um Ihre Landing Page-Einstellungen zu optimieren. Auf diesem Bildschirm können Sie den Namen und die URL Ihrer Landing Page ändern und Ihre On-Page-SEO-Einstellungen für Suchmaschinen konfigurieren.
Im Abschnitt SEO-Einstellungen können Sie zum Beispiel All in One SEO, das beste WordPress SEO-Plugin, verwenden, um die Open-Graph-Einstellungen für Ihre Seite zu konfigurieren.
Diese Metadaten helfen Facebook, Informationen über deine Seite zu sammeln, einschließlich des Miniaturbildes, des Seitentitels, der Beschreibung und des Autors.
Darüber hinaus können Sie in den Seiteneinstellungen auch benutzerdefinierte Skripte hinzufügen, z. B. Ihren Facebook-Pixel oder Google Analytics-Tracking-Code.
Weitere Einzelheiten finden Sie in den Dokumenten zu den Landing Page-Einstellungen.
Veröffentlichen Sie Ihre Änderungen
Sobald Ihre Seite genau so aussieht, wie Sie es wünschen, können Sie sie auf Ihrer WordPress-Website veröffentlichen. Klicken Sie dazu auf den Dropdown-Pfeil auf der Schaltfläche Speichern und wählen Sie Veröffentlichen.
Jetzt können Sie Ihre Landing Page besuchen und Ihre Facebook-Like-Schaltfläche in Aktion sehen.
Manuelles Hinzufügen einer Facebook-Like-Schaltfläche mit Code
🔹 Wenn Sie kein Plugin verwenden möchten, zeigt Ihnen diese Methode, wie Sie den Code der Facebook-Like-Schaltfläche direkt in WordPress kopieren und einfügen können. Es erfordert ein paar zusätzliche Schritte, funktioniert aber auf jeder Website.
Eine weitere Möglichkeit, eine Facebook-Like-Schaltfläche zu Ihrer WordPress-Website hinzuzufügen, ist die Verwendung von benutzerdefiniertem Code. Bei dieser Methode müssen Sie jedoch HTML-Code direkt in WordPress kopieren und einfügen, daher empfehlen wir diese Methode nur Personen, die mit der Bearbeitung von Code vertraut sind.
Das heißt, wir werden das WPCode-Plugin verwenden, um das Hinzufügen von benutzerdefiniertem Code zu WordPress zu erleichtern.
Zuerst müssen Sie die Seite "Like Button" auf der Meta for Developers-Website (developers.facebook.com) aufrufen und zum Abschnitt "Like Button Configurator" scrollen.
Geben Sie als Nächstes die URL Ihrer Facebook-Seite in das Feld "URL zum Mögen" ein. Dies sollte die Seite sein, die Sie mit der Facebook-Like-Schaltfläche verbinden möchten.
Danach passen Sie einfach die Einstellungen an, um das Layout und die Größe der Schaltfläche "Gefällt mir" auszuwählen. Sie sehen auch eine Vorschau des Like-Buttons.
Wenn Sie mit der Vorschau zufrieden sind, klicken Sie auf die Schaltfläche Code abrufen.
Jetzt sehen Sie ein Popup mit 2 Codeschnipseln und 2 verschiedenen Registerkarten namens JavaScript SDK und iFrame. Klicken Sie auf die Option JavaScript.
Dies müssen Sie zu Ihrer WordPress-Website hinzufügen, um den Like-Button anzuzeigen.
Wenn Sie diese Codeschnipsel direkt zu Ihrem WordPress-Theme hinzufügen, besteht die Gefahr, dass Ihre Website dadurch beschädigt wird. Und wenn Sie Ihr Theme aktualisieren, könnten die Code-Snippets überschrieben werden.
Eine einfachere Möglichkeit, diesen Code hinzuzufügen, ist das WPCode-Plugin. Damit können Sie Codeschnipsel auf Ihrer Website einfügen und verwalten, ohne Ihre Themedateien direkt zu bearbeiten.
Zunächst müssen Sie das WPCode-Plugin installieren und aktivieren.
Nachdem Sie das Plugin aktiviert haben, navigieren Sie in Ihrem WordPress-Dashboard zu Code Snippets " Header and Footer.
Now, copy the first code snippet from Facebook and add it to your WordPress theme’s header.php file after the <body> tag.
Kopieren Sie einfach den Code, geben Sie ihn in den Abschnitt "Body" ein und klicken Sie auf die Schaltfläche " Änderungen speichern".
Als Nächstes müssen Sie den zweiten Codeschnipsel kopieren und in Ihre WordPress-Seite einfügen, um die Facebook-Like-Schaltfläche anzuzeigen.
Navigieren Sie dazu in Ihrem WordPress-Admin zu Code Snippets " + Snippet hinzufügen oder klicken Sie auf die Schaltfläche Neu hinzufügen.
Auf dem nächsten Bildschirm können Sie ein Snippet aus der vorgefertigten Bibliothek auswählen oder einen neuen benutzerdefinierten Code hinzufügen.
Klicken Sie also auf die Option "Benutzerdefinierten Code hinzufügen (neues Snippet)" und wählen Sie die Schaltfläche Snippet verwenden.
Geben Sie Ihrem benutzerdefinierten Code einen Namen und geben Sie das zweite Code-Snippet von Facebook in den Abschnitt "Codevorschau" ein.
Klicken Sie auf das Dropdown-Menü "Code-Typ" und wählen Sie "HTML Snippet".
Blättern Sie dann zum Abschnitt "Einfügen" und wählen Sie aus, wo die Facebook-Like-Schaltfläche angezeigt werden soll. Sie können ihn zum Beispiel vor dem Inhalt Ihres Blogbeitrags einfügen.
Klicken Sie dazu auf das Dropdown-Menü "Position" und wählen Sie die Option " Vor dem Inhalt einfügen " unter dem Abschnitt " Seitenspezifisch".
Klicken Sie schließlich auf die Schaltfläche Snippet speichern und schalten Sie den Schalter von Inaktiv auf Aktiv um.
Jetzt können Sie jeden Blogbeitrag besuchen, um Ihre Facebook-Like-Schaltfläche vor dem Inhalt des Beitrags zu sehen.
FAQs zum Hinzufügen eines Facebook-Like-Buttons
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie einen Facebook-Like-Button zu Ihrer Website hinzufügen können. Vielleicht gefällt Ihnen auch diese Anleitung zum Einbetten von Facebook-Events in WordPress.
Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
