So integrieren Sie Facebook-Login in WordPress

Das Engagement und die Markentreue über Ihre WordPress-Website zu steigern, kann schwierig sein. Eine der besten Möglichkeiten, mit Benutzern in Verbindung zu bleiben, besteht darin, sich für Konten bei Ihrer Website anzumelden. Viele Besucher mögen diese Aufgabe jedoch als mühsam empfinden, insbesondere wenn sie ein neues, sicheres Passwort generieren und sich später merken müssen. Eine Möglichkeit, dieses Problem zu umgehen, besteht darin, Facebook-Anmeldefunktionen anzubieten.

Indem Sie es Besuchern erleichtern, Konten zu erstellen und auf Ihre Website zuzugreifen, können Sie indirekt das Engagement fördern und gleichzeitig Ihren Benutzern das Leben erleichtern. In diesem Artikel zeigen wir dir genau, wie du einen Facebook-Login-Button auf deiner WordPress-Seite einrichtest.

Lass uns eingraben!

Warum Sie Facebook-Login zu Ihrer WordPress-Site hinzufügen möchten

Mit WordPress können Sie die Benutzerregistrierung sofort zulassen. Da Ihre Website bereits über eine Anmeldeoption verfügt, fragen Sie sich vielleicht, warum Sie sich die Mühe machen sollten, die Facebook-Integration hinzuzufügen. Die Hauptgründe laufen auf die Bequemlichkeit für Ihre Benutzer hinaus.

Angesichts der Tatsache, dass die Plattform fast 2,8 Milliarden monatlich aktive Nutzer hat, hat die überwiegende Mehrheit der Besucher Ihrer Website wahrscheinlich bereits Facebook-Konten. Angesichts der Anzahl von Benutzernamen und Passwörtern, die sich die Leute heutzutage merken müssen, ist die Möglichkeit, sich mit einem bestehenden Konto auf Ihrer Website zu registrieren, äußerst praktisch. Besucher erstellen möglicherweise eher Konten, wenn sie Anmeldeinformationen verwenden können, mit denen sie bereits vertraut sind.

Durch das Hinzufügen von Facebook-Login zu Ihrer Website können Benutzer Konten mit einem einzigen Klick erstellen.

Dieser Komfort bleibt natürlich nicht ohne Vorteile für Ihr Unternehmen. Indem Sie es Benutzern erleichtern, sich zu registrieren, ermutigen Sie sie indirekt, mehr mit Ihrer Website zu interagieren. Dies ist aus mehreren Gründen wünschenswert, wie zum Beispiel:

• Ein Konto auf Ihrer Website kann den Benutzern helfen, sich mehr in Ihre Marke zu investieren.
• Benutzer hinterlassen möglicherweise eher Kommentare und interagieren mit Ihren Inhalten. Dies schafft ein Gemeinschaftsgefühl und fördert die Suchmaschinenoptimierung (SEO).
• Es ist wahrscheinlicher, dass sie Inhalte mit ihren sozialen Netzwerken teilen, wenn sie bereits verbunden sind, was die Reichweite Ihrer Beiträge erhöht.
• Registrierte Benutzer können mit Werbeaktionen und Benachrichtigungen über neue Inhalte leichter erreicht werden.

Schließlich bedeutet die riesige Benutzerbasis von Facebook, dass die Integration leistungsstarke Analysen und demografische Informationen bereitstellen kann, auf die Sie sonst möglicherweise keinen Zugriff haben. Diese Details können für das Wachstum Ihres Unternehmens von unschätzbarem Wert sein.

So integrieren Sie Facebook-Login in WordPress (in 5 Schritten)

Jetzt, da Sie wissen, warum Sie die Integration des Facebook-Logins in Betracht ziehen sollten, ist es an der Zeit, zu lernen, wie Sie sie einrichten und die Vorteile nutzen können. Der Prozess kann komplex erscheinen, ist aber tatsächlich einfacher als er aussieht. Gehen wir es durch.

Schritt 1: Richten Sie ein Facebook-Entwicklerkonto ein

Als erstes müssen Sie sich für ein Facebook-Entwicklerkonto anmelden. Auf diese Weise können Sie mit dem Facebook Software Development Kit (SDK) verschiedene Apps und Integrationen erstellen, einschließlich einer Anmeldeschaltfläche für Ihre Website:

Besuchen Sie die Facebook-Entwicklerseite und klicken Sie oben rechts auf Erste Schritte . Ihnen werden eine Handvoll Fragen gestellt, aber wenn Sie bereits ein Facebook-Konto haben, geht der Vorgang extrem schnell. Wenn Sie fertig sind, landen Sie auf der Facebook-Apps-Seite, die zum nächsten Schritt führt.

Schritt 2: Erstellen Sie eine neue Facebook-App

Der nächste Schritt besteht darin, eine Facebook-App zu erstellen, die den Code für Ihre Integration enthält. Klicken Sie auf der Hauptseite der Apps auf die grüne Schaltfläche App erstellen , um zu beginnen:

Dies öffnet ein Fenster, in dem Sie aufgefordert werden, auszuwählen, was Ihre App tun soll:

Wählen Sie Connected Experiences aufbauen, um die Facebook-Anmeldung einzurichten. Als Nächstes müssen Sie Ihrer App einen Namen und eine Kontakt-E-Mail-Adresse geben:

Wenn Sie fertig sind, klicken Sie auf App erstellen. Sie werden aufgefordert, Ihre Menschlichkeit mit einem CAPTCHA zu bestätigen, und können dann mit dem nächsten Schritt fortfahren.

Schritt 3: Fügen Sie ein Produkt für die neue App hinzu

Als Nächstes müssen Sie ein Produkt für Ihre neue App auswählen. Dies ist im Grunde ein vorgefertigter Code, der Ihnen hilft, in die richtige Richtung zu starten. Wenn Sie in Schritt 2 Connected Experiences erstellen ausgewählt haben, sollten Sie auf dieser Seite eine Option für die Facebook-Anmeldung sehen:

Bewegen Sie den Mauszeiger darüber und klicken Sie auf Einrichten . Facebook fordert Sie dann auf, eine Plattform für die App auszuwählen:

Da dies für Ihre Website bestimmt ist, wählen Sie Web aus . Auf dem nächsten Bildschirm sehen Sie eine geführte Liste mit Schritten, die Sie durchlaufen müssen, beginnend mit der Angabe der URL Ihrer Website:

Einige der Schritte weisen Sie an, Code zu kopieren und an verschiedenen Stellen auf Ihrer Website einzufügen, um Analysen zu aktivieren und die Schaltfläche „ Mit Facebook verbinden“ hinzuzufügen. Obwohl es möglich ist, dies manuell zu tun, und es funktioniert einwandfrei, verwenden wir in Schritt 5 ein WordPress-Plugin, um den Vorgang noch einfacher zu machen. Sie können diese Schritte sicher überspringen, wenn Sie möchten.

Schritt 4: Konfigurieren Sie Ihre Facebook-Anmeldeschaltfläche

Wenn Sie beim Hinzufügen Ihres Produkts zu Schritt 4 gelangen, erhalten Sie von Facebook den Code für den Login-Button. An dieser Stelle können Sie das Erscheinungsbild konfigurieren.

Facebook bietet einen sehr nützlichen Code-Generator, mit dem Sie Ihren Login-Button ganz nach Ihren Wünschen einrichten können:

Anschließend können Sie den generierten Code einfach kopieren und auf der entsprechenden Seite Ihrer Website einfügen. Auch hier verwenden wir ein Plugin, um dies zu erreichen, anstatt den Facebook-Login-Button manuell zu integrieren, aber die Anpassungsoptionen können sich dennoch als nützlich erweisen.

Schritt 5: Zeigen Sie die Anmeldeschaltfläche auf Ihrer Website mit dem Social Login-Plugin von Nextend an

An diesem Punkt sind Sie bereit, Ihre Facebook-Anmeldeschaltfläche auf Ihrer WordPress-Website anzuzeigen. Sie können es zwar manuell hinzufügen, indem Sie den Anweisungen in Ihrem Facebook-Entwicklerkonto-Dashboard folgen, wir empfehlen jedoch die Verwendung eines Plugins, um die Dinge einfach zu halten. Nextend Social Login ist eine fantastische Lösung, die auch für Google und Twitter funktioniert:

Um dieses Plugin zu installieren, öffnen Sie Ihr WordPress-Dashboard und navigieren Sie zu Plugins > Neu hinzufügen. Suchen Sie nach „Nextend“ und installieren Sie das Plugin. Vergessen Sie nicht, es auch zu aktivieren.

Gehen Sie dann zu Einstellungen> Nextend Social Login:

Klicken Sie unter der Option Facebook auf Erste Schritte , um das Plugin zu konfigurieren. Sie erhalten eine Liste mit Anweisungen zum Erstellen einer Facebook-App – da wir dies bereits getan haben, können Sie nach unten scrollen und auf die Schaltfläche Ich bin fertig mit der Einrichtung meiner Facebook-App fertig klicken.

Als nächstes wird Ihnen ein Einstellungsbildschirm angezeigt:

Sie müssen Ihre App-ID und Ihr App-Geheimnis eingeben. Diese finden Sie in Ihrem Facebook-Entwicklerkonto. Klicken Sie oben auf Meine Apps und wählen Sie dann die zuvor erstellte App aus. Klicken Sie in der Seitenleiste links auf Einstellungen > Basis :

Ihre App-ID und Ihr App-Geheimnis befinden sich oben auf dem Bildschirm. Geben Sie diese in den Nextend-Einstellungen ein. Sie können das Aussehen Ihrer Schaltfläche hier mit einem der vorgefertigten Styles von Nextend konfigurieren oder Ihre eigene benutzerdefinierte Schaltfläche verwenden, die Sie in Schritt 4 erstellt haben:

Sobald Sie dies getan und Ihre Änderungen gespeichert haben, sollte Ihre Anmeldeseite eine Schaltfläche Weiter mit Facebook anzeigen (oder einen beliebigen Text, den Sie in den Einstellungen auswählen).

Abschluss

Egal, ob Sie mehr Anmeldungen generieren, mehr Kommentare anregen oder Zugang zu besseren Analysen erhalten möchten, die Integration von Facebook in Ihre WordPress-Site kann eine hervorragende Möglichkeit sein, Ihre Ziele zu erreichen. Der Prozess mag einschüchternd erscheinen, aber es ist nicht so schlimm, wenn Sie einmal angefangen haben.

Befolgen Sie einfach diese fünf Schritte, um die Facebook-Login-Integration für Ihre Website zu aktivieren:

1. Richten Sie ein Facebook-Entwicklerkonto ein.
2. Erstellen Sie eine Facebook-App.
3. Fügen Sie ein Produkt für die App hinzu.
4. Konfigurieren Sie Ihre Facebook-Anmeldeschaltfläche.
5. Zeigen Sie die Anmeldeschaltfläche auf Ihrer Website mit dem Nextend Social Login-Plugin an.

Haben Sie Fragen zum Hinzufügen von Facebook-Integration zu Ihrer Website? Lass es uns im Kommentarbereich unten wissen!

Ausgewähltes Bild über V3rc4 / shutterstock.com