So erstellen und verwenden Sie einen WooCommerce-Login-Shortcode

Viele Besitzer von WooCommerce-Shops möchten eine Login-Seite auf ihrer Website mit einem WooCommerce-Login-Shortcode erstellen. WooCommerce bietet zwar Shortcodes zum einfachen Erstellen vieler verschiedener Seiten, aber keinen direkten Shortcode, mit dem Sie eine Anmeldeseite in Ihrem WooCommerce-Shop erstellen können.

Und hier kommt wieder ein Plugin zu Ihrer Rettung. Sie können Profile Builder, das beste Plugin für Registrierungs- und Anmeldeformulare, ganz einfach verwenden, um einen WooCommerce-Anmelde-Shortcode zu erstellen und zu verwenden.

Die Notwendigkeit, einen WooCommerce-Login-Shortcode zu erstellen

Genau wie Shortcodes für andere Seiten würde ein WooCommerce-Login-Shortcode es Ihnen ermöglichen, eine WooCommerce-Login-Seite zu erstellen.

Hier sind einige wichtige Gründe, warum Sie ein zuverlässiges Plugin benötigen, um einen WooCommerce-Login-Shortcode zu erstellen:

• Benutzern ermöglichen, sich bei ihrem Konto anzumelden, wo sie alle ihre Informationen an einem Ort finden können;
• Erstellen eines eingeschränkten Bereichs, auf den nur angemeldete Benutzer zugreifen können;
• Das Anbieten einer Anmeldefunktion ist entscheidend für den Aufbau eines treuen Kundenstamms in Ihrem Geschäft.
• Vereinfachung des Einkaufsvorgangs, da sich die Benutzer vor dem Auschecken anmelden können, sodass sie bei ihrer Rückkehr nicht alle ihre Kaufdetails erneut eingeben müssen;
• Es würde auch die Konversionsrate in Ihrem Geschäft erhöhen, da Benutzer Produkte in den Warenkorb legen und später zur Kasse gehen können, wenn sie sich wieder bei ihrem Konto anmelden.

Es gibt auch viele andere Gründe, aber wir sind sicher, dass Sie die Idee bereits haben. Lassen Sie mich nun darauf eingehen, wie Sie mit Profile Builder einen Shortcode für ein WooCommerce-Anmeldeformular erstellen können.

Profile Builder Pro

Das Erstellen vollständig angepasster Login-, Registrierungs- und anderer wichtiger Seiten in Ihrem WooCommerce-Shop ist mit Profile Builder ein Kinderspiel.

Holen Sie sich das Plugin

Oder laden Sie die KOSTENLOSE Version herunter

Erstellen eines Shortcodes für die WooCommerce-Anmeldeseite

Das Erstellen eines WooCommerce-Anmeldeformular-Shortcodes mit Profile Builder ist ein Kinderspiel. Sie müssen nur ein paar einfache Schritte befolgen, um ein vollständig anpassbares Anmeldeformular zu erstellen und es dann an einer beliebigen Stelle in Ihrem WooCommerce-Shop zu platzieren.

Sie müssen eine der Pro-Versionen von Profile Builder erwerben, um einen WooCommerce-Login-Shortcode zu erstellen, mit dem Sie anpassbare WooCommerce-Login-Formulare erstellen können. Die Pro-Versionen des Plugins werden mit dem WooCommerce Sync -Add-On geliefert, das Ihren Registrierungs- und Profilbearbeitungsformularen automatisch Kundenabrechnungs- und Versandfelder hinzufügt.

Mit Profile Builder Pro können Sie vollständig anpassbare Registrierungs-, Anmelde- und andere benutzerbezogene Formulare auf Ihrer WooCommerce-Website erstellen sowie andere Bereiche der Benutzerverwaltung nahtlos verwalten. Es ist die beste Investition, die Sie in die Benutzerverwaltung Ihrer Website tätigen können.

Also los und kaufen Sie es hier. Melden Sie sich dann bei Ihrem Cozmoslabs- Konto an und laden Sie die Plugin-Datei für Profile Builder Pro herunter, wie Sie im Bild unten sehen können.

Klicken Sie nun auf die andere Option, Addons Download . Sie werden feststellen, dass die erste Option selbst das Pb Add On WooCommerce ist, das Sie für Ihren WooCommerce-Shop herunterladen müssen.

Gehen Sie nun zu Ihrem WordPress-Dashboard und klicken Sie unter Plugins auf die Option Neu hinzufügen. Klicken Sie als Nächstes oben auf die Schaltfläche Plug -in hochladen und ziehen Sie die soeben heruntergeladene Plug-in-Datei entweder ab oder durchsuchen Sie sie und laden Sie sie hoch.

Klicken Sie abschließend auf die Schaltfläche Jetzt installieren und nach der Installation auf die Schaltfläche Aktivieren . Jetzt läuft Profile Builder Pro auf Ihrer Website.

Wiederholen Sie denselben Vorgang, um auch das WooCommerce Sync-Add-On zu installieren.

Während Profile Builder automatisch Registrierungs-, Anmelde- und andere benutzerbezogene Seiten erstellt, erhalten Sie auch Shortcodes für jede dieser Seiten.

Der Login-Shortcode für WooCommerce lautet [wppb-login] . Sie können diesen Shortcode verwenden, um eine Anmeldeseite auf Ihrer WooCommerce-Site zu erstellen, wo immer Sie möchten. Die Seite wird in etwa so aussehen:

Andere wichtige WooCommerce Shortcodes und Seiten erstellen

Das Erstellen einer Anmeldeseite mit dem WooCommerce-Anmeldeformular-Shortcode ist ein wichtiger Schritt zum Aufbau einer soliden Benutzerbasis für Ihr Geschäft. Sie können jedoch noch viel mehr tun, um die beste und reibungsloseste Benutzererfahrung in Ihrem WooCommerce-Shop zu bieten.

WooCommerce-Registrierungs-Shortcode

Sie können keine Anmeldeseite haben, ohne eine Registrierungsseite in Ihrem WooCommerce-Shop zu haben, die es Besuchern ermöglicht, sich auf Ihrer Website zu registrieren. Wenn Sie also noch keine Registrierungsseite haben, benötigen Sie einen Shortcode für die WooCommerce-Login-Registrierung, um eine zu erstellen.

Mit anderen Worten, Sie benötigen Shortcodes, um sowohl eine Anmelde- als auch eine Registrierungsseite auf Ihrer WooCommerce-Website zu erstellen.

Natürlich können Sie mit Profile Builder auch problemlos eine Registrierungsseite erstellen, und der WooCommerce-Registrierungs-Shortcode lautet [wppb-register] .

Sie können den WooCommerce-Login-Registrierungs-Shortcode nicht nur zum Erstellen von Anmelde- und Registrierungsseiten verwenden, sondern auch die Registrierungsseite nach Ihren Wünschen anpassen.

Anpassen Ihrer WooCommerce-Registrierungsseite

Sie können Ihre WooCommerce-Registrierungsseite auch ganz einfach mit dem Profile Builder anpassen. Klicken Sie unter Profile Builder auf die Option Formularfelder und Sie finden alle Felder, die in Ihrem Anmeldeformular verwendet werden.

Während alle Felder bearbeitet werden können, können einige permanente Felder nicht gelöscht werden, wie z. B. Benutzername oder Passwort .

Sie können auch neue Felder hinzufügen, indem Sie eine Feldoption aus den zahlreichen verfügbaren Eingabeoptionen und Standardfeldern auswählen, die erforderlichen Details eingeben, das Feld anpassen und dann auf die Option Feld hinzufügen klicken.

Und wie wir oben erklärt haben, werden die Rechnungs- und Versandfelder standardmäßig zu Ihrem Registrierungsformular hinzugefügt, wenn Sie das WooCommerce Sync-Add-on-Plugin herunterladen und aktivieren. Auf diese Weise erhalten Sie direkt eine perfekte Standard-Registrierungsseite für WooCommerce, die Sie später an Ihre Bedürfnisse anpassen können.

WooCommerce-Passwortwiederherstellungs-Shortcode

Da das Vergessen von Passwörtern in unserer Natur liegt, empfehlen wir Ihnen, Ihren Benutzern immer eine Möglichkeit zu geben, ihre Passwörter wiederherzustellen, falls dies erforderlich sein sollte.

Um eine Passwort-Wiederherstellungsseite in Ihrem WooCommerce-Shop zu erstellen, müssen Sie lediglich den [wppb-recover-password] einfügen, um ein Frontend-Formular zur Passwortwiederherstellung zu einer leeren Seite hinzuzufügen.

Der nächste Schritt besteht darin, den Besuchern direkt über das Anmeldeformular einen einfachen Zugriff auf diese Seite zu ermöglichen. Dazu müssen Sie das Argument lostpassword_url in Ihrem anfänglichen Login-Shortcode verwenden, etwa so:

[wppb-login lostpassword_url="/recover-password"]

Beachten Sie, dass der erste Teil des Codes immer noch der Login-Shortcode ist, gefolgt vom Argument für das verlorene Passwort und dann der URL Ihrer Seite zur Passwortwiederherstellung.

Und da wir gerade beim Thema sind, wäre ein weiterer Profi-Tipp für Ihre WooCommerce-Anmeldeseite, auch eine Möglichkeit für Ihre neuen Benutzer einzuschließen, direkt von der Anmeldeseite aus auf die Registrierungsseite zuzugreifen. Dazu können Sie das Argument register_url verwenden. Nun sollte Ihr WooCommerce-Login-Shortcode in etwa so aussehen:

[wppb-login register_url="/registration" lostpassword_url="/recover-password"]

Fügen Sie dies auf Ihrer WooCommerce-Anmeldeseite ein und jetzt können sich Ihre Besucher nicht nur von hier aus anmelden, sondern auch ihre Passwörter wiederherstellen oder ein neues Konto registrieren.

Soziale WooCommerce-Anmeldung

Benutzer dazu zu bringen, sich mit ihren Anmeldeinformationen anzumelden, ist mit einem gewissen Maß an Reibung verbunden. Hier kommt also die soziale Anmeldung ins Spiel.

Profile Builder Pro verfügt außerdem über die Funktionalität, mit der Sie die soziale Anmeldung in Ihrem WooCommerce-Shop implementieren können. Benutzer können sich dann mit nur einem ihrer Social-Media-Profile, einschließlich Facebook, Google, Twitter und LinkedIn, bei ihrem Konto anmelden.

Sie müssen das erweiterte Social Connect -Add-on herunterladen und aktivieren, genau wie WooCommerce Sync. Alle Schritte, die Sie befolgen müssen, finden Sie in unserem Beitrag zum WooCommerce-Social-Login.

Im Grunde müssen Sie nur die API-Schlüssel Ihrer Konten auf diesen sozialen Plattformen abrufen und sie in das Social Connect-Add-On einfügen. Wir haben auch eine detaillierte Dokumentation zum Abrufen dieser Informationen, die Sie über den Beitrag finden, auf den wir oben verlinkt haben.

Die Implementierung von Social Login in Ihrem WooCommerce-Shop ist eine großartige Möglichkeit, die Conversions zu steigern, die Benutzererfahrung zu verbessern und eine bessere Kundenbindung sicherzustellen.

WooCommerce-Logout-Shortcode

Auch hier gilt: Wenn Sie eine Registrierungs- und Anmeldeseite auf Ihrer WooCommerce-Site haben, ist es notwendig, auch eine Abmeldeseite zu haben. Profile Builder ist sowohl mit den WooCommerce-Login- als auch mit den Logout-Shortcodes vorinstalliert. Sie müssen also nur den Logout-Shortcode nehmen und ihn in eine Seite einfügen.

Der Logout-Shortcode von WooCommerce lautet [wppb-logout] . Sobald Sie eine Seite mit diesem Shortcode erstellt haben, sehen angemeldete Benutzer auf Ihrer WooCommerce-Site einen Link zum Abmelden am Frontend.

Weitere wichtige Seiten

Profile Builder ist ein vollständiges Benutzerverwaltungs-Plugin. Zusätzlich zu den Anmelde-, Registrierungs- und Abmeldeseiten können Sie auch eine Profilseite zur Benutzerbearbeitung und eine Inhaltsbeschränkungsseite erstellen, die alle vorgefertigte Shortcodes verwenden, die Sie hier finden.

Angenommen, Sie erhalten die Pro-Version von Profile Builder, um einen maßgeschneiderten WooCommerce-Login-Shortcode zu erhalten, erhalten Sie auch einen Benutzerverzeichnis-Shortcode, mit dem Sie ein funktionales, benutzerdefiniertes Mitgliederverzeichnis erstellen können.

Benutzer nach der Anmeldung umleiten

Sobald Sie die Anmeldefunktion auf Ihrer Website mit dem Shortcode der WooCommerce-Anmeldeseite von Profile Builder eingerichtet und ausgeführt haben, müssen Sie sich Gedanken darüber machen, wo Sie die Benutzer nach der Anmeldung landen können.

Schließlich würde es Ihnen nichts nützen, sie einfach auf ihrer „Mein Konto“-Seite landen zu lassen. Sie müssen sicherstellen, dass sie auf produktorientierte Seiten in Ihrem Geschäft weitergeleitet werden, die Ihnen helfen können, den Umsatz zu steigern.

Und Profile Builder bietet diese Funktionalität ebenfalls an. Sie müssen das Custom Redirects Pro-Add-on im Profile Builder-Menü auf Ihrem WordPress-Dashboard aktivieren.

Auf diese Weise können Sie Benutzer basierend auf Benutzername oder Benutzer-ID, Benutzerrolle sowie globale Umleitungen umleiten, die für die Umleitung aller Benutzer im Allgemeinen eingerichtet wurden. Sie können unserem Tutorial zum Umleiten von Benutzern nach der Anmeldung in WooCommerce folgen.

Indem Sie Benutzer auf die richtigen Seiten umleiten, können Sie mithilfe des WooCommerce-Login-Shortcodes von Profile Builder das Beste aus der Implementierung der Anmeldefunktion auf Ihrer Website herausholen.

Erstellen Sie noch heute einen WooCommerce-Login-Shortcode

Profile Builder Pro hilft Ihnen dabei, viele Lücken zu schließen, die WooCommerce standardmäßig hinterlässt. Sie können viel mehr tun, als nur einen WooCommerce-Login-Shortcode zu erstellen, um eine Front-End-Login-Seite für Ihr Geschäft zu erstellen.

Sie können auch andere wichtige Seiten erstellen, einschließlich einer vollständig anpassbaren Registrierungsseite mit dem WooCommerce-Anmelderegistrierungs-Shortcode.

Ebenso können Sie Premium-Kategorien in Ihrem WooCommerce-Shop einschränken, Benutzer nach Anmeldung und Registrierung umleiten, Benutzern erlauben, ihr Profil zu verwalten, ein Mitgliederverzeichnis erstellen, Benutzerrollen verwalten und jeden Aspekt der Benutzerverwaltung auf Ihrer Website steuern.

Profile Builder Pro

Profile Builder Pro ist das beste Plugin, um jeden Benutzerverwaltungsbereich Ihres WooCommerce-Shops zu verwalten und Ihnen dabei zu helfen, funktionale Anmelde- und Registrierungsseiten zu erstellen.

Holen Sie sich das Plugin

Oder laden Sie die KOSTENLOSE Version herunter

Haben Sie noch Fragen zum Erstellen eines WooCommerce-Login-Shortcodes und dessen Verwendung in Ihrem Shop? Fragen Sie uns in den Kommentaren!