Inhaltsverzeichnis
Möchten Sie Ihre WooCommerce-Kunden-Login-Seite anpassen?
Die standardmäßige WordPress-Anmeldeseite ist schlicht und passt nicht zum Branding Ihres Shops. Wenn Sie Ihre WooCommerce-Kundenanmeldeseite anpassen, können Sie eine bessere Benutzererfahrung bieten.
In diesem Artikel zeigen wir Ihnen, wie Sie eine vollständig benutzerdefinierte WooCommerce-Anmeldeseite erstellen können, und geben Tipps, wie Sie auch die Anmeldeseite für die Kasse anpassen können.
Warum eine benutzerdefinierte WooCommerce Kunden-Login-Seite erstellen?
Wenn sich Kunden bei Ihrem WooCommerce-Shop anmelden, sehen sie die standardmäßige WordPress-Anmeldeseite, die nur das WordPress-Logo und das Branding enthält.
Diese Seite ist in Ordnung, wenn Sie nur auf das Dashboard Ihrer Website zugreifen möchten. Kunden könnten jedoch durch das schlichte Design abgeschreckt werden und finden es verdächtig, dass die Anmeldeseite nicht zum Erscheinungsbild Ihrer Website passt.
Wenn Sie die WooCommerce-Anmeldeseiten anpassen, können Sie Ihr Logo hinzufügen und das Design an Ihre Website anpassen, um sie professioneller zu gestalten und die Benutzerfreundlichkeit zu erhöhen.
Außerdem können Sie weitere Formularfelder hinzufügen und sogar für bestimmte Produkte werben oder Ihren Kunden Sonderangebote unterbreiten.
Sehen wir uns also an, wie Sie in WooCommerce eine benutzerdefinierte Anmeldeseite für Kunden erstellen können.
Vollständig benutzerdefinierte WooCommerce Login-Seite mit SeedProd erstellen
Der beste Weg, um eine benutzerdefinierte WooCommerce-Kunden-Login-Seite zu erstellen, ist die Verwendung von SeedProd. Es ist die beste WordPress Landing Page und Theme Builder für WordPress, und es ist unglaublich einfach zu bedienen.
Mit dem Drag-and-Drop-Builder von SeedProd können Sie das Design und Layout einer Seite oder Ihres WordPress-Themes anpassen, ohne auch nur eine einzige Codezeile anzufassen.
Für dieses Tutorial verwenden wir die SeedProd Pro-Lizenz, da sie die Vorlage für die Anmeldeseite und andere erweiterte Anpassungsoptionen enthält. Es gibt auch eine SeedProd Lite-Version, die Sie kostenlos verwenden können.
Zuerst müssen Sie das SeedProd-Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress-Plugins.
Nach der Aktivierung sehen Sie die SeedProd Geben Sie Ihren Lizenzschlüssel ein und klicken Sie auf die Schaltfläche "Schlüssel überprüfen". Sie finden den Lizenzschlüssel im SeedProd-Kontobereich.
Als nächstes können Sie eine benutzerdefinierte Anmeldeseite für Ihren WooCommerce-Shop erstellen.
Gehen Sie einfach zu SeedProd " Landing Pages in Ihrem WordPress-Dashboard und klicken Sie auf die Schaltfläche "Anmeldeseite einrichten".
Danach zeigt Ihnen SeedProd mehrere Vorlagen an, aus denen Sie schnell eine auswählen und an Ihre Bedürfnisse anpassen können. Das spart Zeit und Sie können ein vorhandenes Design verwenden, um Ihre eigene WooCommerce-Anmeldeseite zu erstellen.
Mit dem Plugin können Sie auch eine Anmeldeseite von Grund auf neu erstellen, indem Sie eine leere Vorlage verwenden.
Sobald Sie eine Vorlage ausgewählt haben, wird ein Popup-Fenster geöffnet.
Geben Sie nun einen Namen für Ihre Seite ein und klicken Sie auf die Schaltfläche "Speichern und mit der Bearbeitung der Seite beginnen".
Als nächstes sehen Sie den Drag-and-Drop-Seitenersteller.
Sie können nun die Anmeldeseite anpassen, indem Sie der Vorlage neue Blöcke aus dem Menü auf der linken Seite hinzufügen.
SeedProd bietet Standardblöcke wie Überschrift, Text, Bild, Schaltfläche und mehr.
Darüber hinaus können Sie erweiterte Blöcke wie Werbegeschenke, Kontaktformulare, Schaltflächen für Social Sharing, Opt-in-Formulare usw. hinzufügen. Es gibt auch WooCommerce-Blöcke wie "Neueste Produkte", "Vorgestellte Produkte" und "Meistverkaufte Produkte", die Sie zu Ihrer Login-Seitenvorlage hinzufügen können.
Mit den WooCommerce-Blöcken können Sie ganz einfach Ihre Top-Produkte empfehlen und Rabattangebote bewerben, um mehr Konversionen zu erzielen.
Außerdem können Sie mit SeedProd jeden Abschnitt der Anmeldeseite weiter anpassen. Klicken Sie einfach auf den Abschnitt, und Sie erhalten weitere Optionen wie die Bearbeitung der Beschriftung, Farbe, Schriftart und Abstände.
Wenn Sie mit der Anpassung der WooCommerce-Anmeldeseite fertig sind, vergessen Sie nicht, oben auf die Schaltfläche "Speichern" zu klicken.
Danach können Sie auf die Registerkarte "Seiteneinstellungen" gehen und auf den Schalter "Seitenstatus" klicken, um die Seite von "Entwurf" in "Veröffentlichen" zu ändern. Anschließend können Sie auf die Schaltfläche "Speichern" klicken und den Page Builder schließen.
Jetzt müssen Sie nur noch dafür sorgen, dass Ihre neue benutzerdefinierte WooCommerce-Anmeldeseite für die Benutzer angezeigt wird. Gehen Sie dazu zu SeedProd " Landing Pages in Ihrem WordPress-Dashboard.
Klicken Sie einfach auf den Schalter unter "Anmeldeseite", so dass er grün ist und "Aktiv" anzeigt.
Sobald diese Funktion aktiviert ist, wird Ihre neue Anmeldeseite auf Ihrer Website angezeigt!
Sie können Ihr eCommerce-Geschäft besuchen, um es in Aktion zu sehen.
Anpassen WooCommerce Kunden Login-Formular mit WPForms
Möchten Sie ein Anmeldeformular erstellen, das auch zu Ihrem Website-Thema passt und mehr Formularfelder bietet?
Das standardmäßige WordPress-Anmeldeformular erlaubt es den Benutzern nur, ihre E-Mail-Adresse oder ihren Benutzernamen zusammen mit einem Passwort einzugeben. Mit einem benutzerdefinierten Anmeldeformular können Sie weitere Felder hinzufügen und es den Kunden ermöglichen, sich mit ihrem Namen oder ihrer Telefonnummer anzumelden.
Der beste Weg, dies zu tun, ist die Verwendung von WPForms. Es ist die beste WordPress Form Builder, die Anfänger-freundlich zu bedienen ist. Über 5 Millionen Websites verwenden WPForms, um intelligentere Formen zu bauen.
Sie können ganz einfach ein benutzerdefiniertes WooCommerce-Anmeldeformular erstellen und es an einer beliebigen Stelle Ihres Online-Shops anzeigen, z. B. in der Seitenleiste oder auf der Produktseite.
Für dieses Tutorial werden wir die WPForms Pro Plan, weil es die User Registration Addon enthält. Sie können auch versuchen, die kostenlose Version von WPForms, um loszulegen.
Zuerst müssen Sie das WPForms-Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress-Plugins.
Nach der Aktivierung können Sie zu WPForms " Einstellungen von Ihrem WordPress-Dashboard aus und geben Sie den Lizenzschlüssel ein. Sie finden den Lizenzschlüssel im WPForms-Kontobereich.
Als Nächstes müssen Sie sich auf die Seite WPForms " Zusätze in der WordPress-Administrationsoberfläche.
Scrollen Sie dann nach unten zum "User Registration Addon" und klicken Sie auf die Schaltfläche "Install Addon".
Jetzt können Sie ein benutzerdefiniertes Login-Formular für WooCommerce erstellen: Gehen Sie einfach zu WPForms " Neu hinzufügen um die Formularerstellung zu starten.
Auf dem nächsten Bildschirm können Sie oben einen Namen für Ihr Formular eingeben. Suchen Sie dann nach der Vorlage "Benutzeranmeldeformular" und klicken Sie auf die Schaltfläche "Vorlage verwenden".
WPForms macht es sehr einfach, verschiedene Felder zum Formular hinzuzufügen oder die vorhandenen Felder in der Vorlage neu anzuordnen.
Sie können zum Beispiel erweiterte Felder wie Telefonnummern hinzufügen, indem Sie sie aus dem Menü auf der linken Seite auf die Vorlage ziehen.
Klicken Sie einfach auf ein beliebiges Feld und bearbeiten Sie seine Bezeichnung, fügen Sie eine Beschreibung hinzu und machen Sie es zu einem Pflichtfeld im Formular.
Danach können Sie auf der Registerkarte "Einstellungen" des Formularerstellers unter "Allgemeine Einstellungen" den Text der Schaltfläche "Senden" in "Anmelden" ändern.
Als Nächstes können Sie auf der Registerkarte "Bestätigungen" festlegen, was geschehen soll, wenn sich ein Benutzer erfolgreich anmeldet.
Klicken Sie einfach auf das Dropdown-Menü "Bestätigungstyp" und wählen Sie eine Option aus. Sie können Kunden eine Nachricht anzeigen, eine Seite anzeigen oder sie zu einer bestimmten URL weiterleiten.
So können Sie beispielsweise Ihr WooCommerce-Anmeldeformular auf einer Produktseite einfügen und es Kunden ermöglichen, sich schnell anzumelden, um Ihr Produkt zu kaufen.
Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche "Speichern" am oberen Rand.
Als Nächstes müssen Sie das WooCommerce-Kundenanmeldeformular zu einer Seite auf Ihrer Website hinzufügen.
Klicken Sie einfach auf die Schaltfläche "Einbetten" oben im Builder. Sie können dann wählen, ob Sie das Formular auf einer bestehenden Seite einfügen oder eine neue Seite dafür erstellen möchten.
Wählen wir zunächst die Option "Neue Seite erstellen".
Als Nächstes müssen Sie einen Namen für Ihre Seite eingeben und auf die Schaltfläche "Los geht's!" klicken.
Danach sehen Sie das WPForms-Anmeldeformular innerhalb des WordPress-Inhaltsbereichs.
Jetzt können Sie Ihr Formular in der Vorschau anzeigen, die neue Seite veröffentlichen und die benutzerdefinierte WooCommerce-Anmeldung für Ihre Kunden anzeigen.
Andererseits können Sie Ihr WooCommerce-Anmeldeformular auch in die Seitenleiste Ihres Shops einfügen, so dass Ihr Formular auf jeder Produktseite erscheint und Kunden sich schnell anmelden können.
Gehen Sie einfach zu Erscheinungsbild " Widgets Klicken Sie anschließend auf die Schaltfläche "+" und fügen Sie einen WPForms-Widget-Block hinzu.
Danach können Sie Ihr Anmeldeformular aus dem Dropdown-Menü auswählen und einen Titel eingeben.
Wenn Sie fertig sind, klicken Sie auf die Schaltfläche "Aktualisieren".
Sie können nun Ihren Online-Shop besuchen und das Anmeldeformular in der Seitenleiste sehen.
Weitere Möglichkeiten, eine benutzerdefinierte WooCommerce-Anmeldeseite zu erstellen, finden Sie in unserer Anleitung zum Erstellen einer benutzerdefinierten WordPress-Anmeldeseite.
Darüber hinaus können Sie auch unser Tutorial über das Hinzufügen eines Navigationsmenüs in WordPress sehen, so dass Sie Ihre WooCommerce Login-Seite zu Ihrer Website-Navigation hinzufügen können.
Bonus: Anpassen der WooCommerce Checkout Login-Seite
WooCommerce ermöglicht es wiederkehrenden Besuchern, sich während der Kaufabwicklung anzumelden. Wenn Sie die Anmeldeseite für die Kaufabwicklung von WooCommerce anpassen möchten, verwenden Sie am besten ein leistungsfähiges Plugin wie FunnelKit (ehemals WooFunnels), um einen Trichter zu erstellen.
Mit FunnelKit können Sie Ihre WooCommerce-Kassenseite anpassen, eine mehrstufige Kaufabwicklung hinzufügen, Upsells mit einem Klick hinzufügen und vieles mehr.
Sie können aus Dutzenden von vorgefertigten Kassenvorlagen wählen, die in hohem Maße für Konversionen optimiert sind, und das Beste daran ist, dass Sie sie mit jedem der beliebten WordPress-Seitenerstellungsprogramme anpassen können.
Sie haben die Möglichkeit, die verschiedenen Trichter, Verkaufsseiten und Upsell-Angebote einem A/B-Test zu unterziehen.
FunnelKit liefert Ihnen detaillierte Analysen zu jedem Schritt Ihres WooCommerce Trichters.
Es kommt auch mit einem leistungsstarken Marketing-Automatisierung Addon, FunnelKit Automations, die Sie WooCommerce E-Mails anpassen können, senden Drip-E-Mail-Benachrichtigungen in WooCommerce für Warenkorbabbruch, erstellen Sie willkommen Serie, und vieles mehr.
Wenn Sie es mit dem Wachstum Ihres WooCommerce-Shops ernst meinen, ist dies eines der wichtigsten Tools, die wir empfehlen.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man eine benutzerdefinierte WooCommerce-Kunden-Login-Seite erstellt. Sie können auch unsere Expertenauswahl der besten WooCommerce-Plugins und unsere ultimative Anleitung zur Behebung des Problems, dass WordPress keine E-Mails sendet, sehen.
Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.
