Springe zum Hauptinhalt

So passen Sie WooCommerce-Anmelde- und Anmeldeformulare an

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Haben Sie sich jemals gefragt, wie Sie Ihre WooCommerce-Anmelde- und Registrierungsseiten ändern können?

Wenn Sie WooCommerce für Ihren Online-Shop verwenden, sind Sie mit letzterem bereits vertraut. Es ist heute eine der besten E-Commerce-Plattformen.

Sie können die Tatsache nicht ignorieren, dass die Verwendung sehr bequem ist und Ihrem Online-Shop sehr zugute kommen kann. Es gibt viele Sammlungen von WordPress-Themes et WooCommerce Plugins und Erweiterungen um dir dabei zu helfen.

Einige Funktionen wie das WooCommerce-Login oder das WooCommerce-Registrierungsformular sind jedoch recht begrenzt. Dies wird in diesem Artikel behandelt.

Aber vorher, wenn Sie WordPress Discover noch nie installiert haben Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren 

Dann zurück zu warum wir hier sind.

Warum sollten Sie die Anmelde- und Registrierungsformulare von WooCommerce anpassen?

Begrenzte Feldoptionen:

Das Standard-Registrierungs- und Anmeldeformular für WooCommerce enthält geeignete Felder, in denen ein Benutzer ein Konto erstellen kann. Wenn Sie jedoch ein paar weitere Felder hinzufügen möchten, können Sie dies standardmäßig nicht tun. Du kann nicht hinzufügen und anzeigen Felder wie Kontrollkästchen, Dropdown-Menüs sowie Rechnungs- und Lieferadresse, falls erforderlich oder gewünscht.

Separate Anmelde- und Registrierungsseiten

Standardmäßig werden die WooCommerce-Anmelde- und Registrierungsformulare auf derselben Seite angezeigt. Dies ist zwar auch sehr nützlich, Sie können keine separaten Seiten erstellen für Anmelde- und Anmeldeformulare, wenn Sie dies wünschen. Sie müssen Code oder ein anderes Plugin verwenden, um dies zu überwinden.

Designbeschränkungen

Für einige Benutzer kann die visuelle Darstellung der standardmäßigen WooCommerce-Anmelde- und Registrierungsformulare etwas langweilig und langweilig sein. Leider bietet WooCommerce nicht die Möglichkeit, sie anzupassen. Daher können Sie im Standardformular keine unterschiedlichen Farben, Textformate oder Rahmen verwenden.

Passen Sie Ihre WooCommerce-Anmelde- und Registrierungsformulare an:

Die meisten Anpassungen Ihrer WooCommerce-Anmeldeseite und Ihres Registrierungsformulars können problemlos mit nur einem Plugin vorgenommen werden. Registrierung. Dies ist ein Plugin, das speziell auf die Erstellung effizienter Anmelde- und Registrierungsformulare für Ihre Website ausgerichtet ist. Es hat ein Schnittstelle, die Drag & Drop-Funktionen unterstützt  mit denen Sie ganz einfach Ihre Anpassungen vornehmen können, ohne codage.

Alles was Sie tun müssen, ist um es zu installieren und zu aktivieren.

Benutzerregistrierung Woocommerce Login Registrierung

Sie müssen auch einige seiner Erweiterungen hinzufügen.WooCommerce-Addon kann helfen, weiterzumachen. Dank dieses Addons können Sie Ihre benutzerdefinierten Registrierungsformulare mühelos in WooCommerce integrieren und die Einschränkungen von WooCommerce überwinden.

Ur woocommerce

Danach können Sie damit WooCommerce-Anmelde- oder Registrierungsformulare erstellen und mit der Bearbeitung beginnen.

1. Fügen Sie Ihrem WooCommerce-Anmelde- oder Registrierungsformular zusätzliche Felder hinzu

Das WordPress User Registration Plugin bietet Ihnen die Möglichkeit, Ihrem Registrierungsformular weitere Felder hinzuzufügen. Zunächst müssen Sie ein neues Registrierungsformular erstellen Registrierung >> Neu hinzufügen im WordPress-Dashboard.

entdecken Sie auch So fügen Sie ein Hintergrundbild in WordPress hinzu

Sie können die Felder von verwenden WooCommerce Abrechnung und Versand zusätzlich von der Registerkarte Felder auf der linken Seite des Bildschirms.

Sie können die zusätzlichen Felder bei Bedarf sogar mit Dropdown-Menüs, Kontrollkästchen und Optionsfeldern hinzufügen.

Diese Felder können einfach mithilfe der Drag & Drop-Funktion des WordPress-Benutzerregistrierungs-Plugins hinzugefügt werden. Ihre neuen Formularfelder werden dann im Registrierungsformular angezeigt, wenn Ihre Benutzer ein neues Konto erstellen möchten.

2. Ersetzen Sie die Standard-Anmelde- und Registrierungsformulare von WooCommerce

Nachdem Sie Ihr neues WooCommerce-Anmelde- oder Registrierungsformular erstellt haben, sollten Sie es durch das Standard-WooCommerce-Formular ersetzen.

Siehe auch unseren Leitfaden auf Wie ein WooCommerce Shop auf Facebook hinzufügen

Alles was Sie tun müssen, ist weiterzumachen WooCommerce >> Einstellungen und öffnen Sie die Registerkarte Konten und Vertraulichkeit. Unter dem Abschnitt Konto-Erstellung, überprüfen Ermöglichen Sie Kunden, auf der Seite "Mein Konto" ein Konto zu erstellen und Änderungen speichern.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Ersetzen Sie die Standardformulare für die Woocommerce-Registrierung

Dann geh zu Registrierung >> Einstellungen und öffnen Sie die Registerkarte WooCommerce. Wählen Sie hier das Registrierungsformular aus, das Sie integrieren möchten. Aktivieren Sie dann die Option Registrierungsseite ersetzen und speichern Sie die Änderungen.

Lesen Sie auch unseren Artikel über Wie wird ein Menü mit für Ihre WooCommerce bedingten Abonnenten

Jetzt werden Ihr personalisiertes WooCommerce-Anmeldeformular und Ihr Registrierungsformular angezeigt.

Sowohl WooCommerce-Anmelde- als auch Registrierungsformulare werden standardmäßig auf derselben Seite angezeigt. Aber wenn du möchten sie auf verschiedenen Seiten anzeigen, Sie können dies auch mit dem Plugin tun Registrierung. Erstellen Sie zunächst separate Seiten für die Registrierungs- und Anmeldeseiten.

So zeigen Sie die Anmeldeseite separat anFügen Sie der Seite, die Sie anzeigen möchten, den folgenden Shortcode hinzu. Sie sollten es auch nach der Benutzeranmeldung auf den Link zur Kontoseite umleiten. Fügen Sie einfach den Parameter hinzu redirect_url  auf den Link der Seite und veröffentlichen diese.

[user_registration_my-compte redirect_url = "Link zur Kontoseite"]

Standardformulare ersetzen Woocommerce-Registrierung 1

Um die Registrierungsseite separat anzuzeigen, Sie müssen über den von Ihnen erstellten WooCommerce-Registrierungs-Shortcode verfügen. Sie können es haben, indem Sie fortfahren Registrierung >> Benutzerregistrierung aus dem WordPress-Dashboard.

Kopieren Sie nun den Shortcode und fügen Sie ihn dort ein, wo Sie das Registrierungsformular anzeigen möchten. Dann veröffentlichen Sie die Seite.

Ou

Sie können einfach den Blockeditor verwenden, um das von Ihnen erstellte Registrierungsformular anzuzeigen. Suchen Sie einfach nach dem Block Registrierung und wählen Sie das Registrierungsformular aus, das Sie anzeigen möchten. Dann veröffentlichen Sie die Seite.

Standardformulare ersetzen Woocommerce-Registrierung 2

3. Zeigen Sie zusätzliche Felder auf der Kontoseite an

Nach dem Anmelden oder Registrieren für ein neues Konto wird der Benutzer auf die Seite weitergeleitet Mein Konto. Die zusätzlichen Details auf der WooCommerce-Anmelde- oder Registrierungsseite werden jedoch möglicherweise nicht auf der Kontoseite angezeigt.

Voici 10 WordPress-Plugins zum Hinzufügen eines Taschenrechners zu Ihrer Website

Sobald Sie die Anmelde- und Registrierungsformulare erfolgreich ersetzt haben, können Sie die zusätzlichen Details auf der Kontoseite anzeigen. Mach einfach weiter  Mein Konto >> Kontodetails.

Hinweis: Das Erscheinungsbild der Seite "Mein Konto" kann von Thema zu Thema variieren.

4. Integrieren Sie das WooCommerce-Konto auf der Checkout-Seite

Zur Vereinfachung Ihrer Kunden können Sie das personalisierte Registrierungsformular auch auf der Checkout-Seite mit dem Benutzerregistrierungs-Plugin anzeigen. Sie können sogar auswählen, welche Felder auf der Checkout-Seite ausgefüllt werden sollen. Um Ihr WooCommerce-Konto auf der Checkout-Seite hinzuzufügen, müssen Sie nur die angegebenen Schritte ausführen.

Lesen Sie auch unseren Artikel über 10 WordPress WooCommerce-Plugins zur Verwendung in Ihrem Blog

Mach einfach weiter WooCommerce >> Einstellungen und öffnen Sie die Registerkarte Konten und Vertraulichkeit. Dann im Abschnitt Konto Privatsphäre, Aktivieren Sie die Option Ermöglichen Sie Kunden, während der Auftragsüberprüfung ein Konto zu erstellen.

Kunden autorisieren Konto erstellen Seite mein Konto

Navigieren Sie erneut zu Benutzerregistrierung >> Einstellungen, und unter der Registerkarte WooCommerce, Sie sehen den Abschnitt Checkout-Registrierung synchronisierenHier ist es genug Aktivieren Sie die Option: Aktivieren Sie diese Option, um die Benutzerregistrierung mit der WooCommerce-Checkout-Registrierung zu synchronisieren. Zusätzliche Felder, die im WooCommerce-Registrierungsformular nicht verfügbar sind, werden angezeigt.

Integration Woocommerce Login und Registrierungskonto Seite

Dann müssen Sie nur noch die Felder auswählen, die Sie Ihren Kunden auf dem Registrierungsformular für die Kasse anzeigen möchten. Es enthält sogar die Felder für Rechnungs- und Versandadressen.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Wenn Ihr Kunde das nächste Mal auschecken möchte, erhält er das Formular mit zusätzlichen Feldern, die er ausfüllen muss.

5. Gestalten Sie die WooCommerce-Anmelde- und Registrierungsformulare neu

User Registration ist ein großartiges Plugin für den WordPress Form Builder, mit dem Sie sogar die Anmelde- und Registrierungsformulare von WooCommerce vollständig anpassen können.

Sie können seine verwenden addon Stilanpasser um Ihnen zu helfen, das Aussehen des gesamten Registrierungsformulars nach Ihren Wünschen zu ändern. Es ist recht einfach zu bedienen, da es eine Oberfläche hat, die Drag & Drop-Funktionen mit Echtzeit-Vorschauoptionen unterstützt.

Addon-Plugin im Customizer-Stil

Sie müssen lediglich das Style Customizer-Addon erwerben und Ihr vorhandenes WooCommerce-Formular bearbeiten oder ein neues erstellen. Dann klicken Sie auf Schaltfläche mit einem Pinselsymbol unten rechts auf Ihrem Bildschirm.

Jetzt können Sie das Customizer-Bedienfeld sehen.

Hier können Sie alle Arten von Gestaltungselementen für Ihre Anmelde- und Registrierungsformulare ändern. Einige von ihnen befassen sich mit dem Gesamterscheinungsbild des Formulars, den Feldbezeichnungen, der Beschreibung und den Stilen von Optionsfeldern oder Kontrollkästchen. Es gibt sogar zusätzliche Optionen für Abschnittsüberschriften, Beiträge und zusätzliches CSS.

Speichern Sie sie, sobald Sie sie angepasst haben. Jede Änderung, die Sie an der Stilanpassung vornehmen, wird automatisch in das WooCommerce-Anmelde- oder Registrierungsformular integriert.

entdecken Sie auch  So schützen Sie Ihre WordPress-Formulare mit einem Passwort

So können Sie diese Änderungen überall dort sehen, wo Sie das Formular in Ihrem Online-Shop platzieren.

Zusammenfassung:

Hier sind einige der nützlichsten Tipps, wie Sie verschiedene Aspekte Ihrer WooCommerce-Anmelde- und Registrierungsformulare verwenden und anpassen können. Es kann eine große Hilfe sein, um eine Reihe von Kunden mit einer einfachen Oberfläche auf Ihre Website zu locken, mit der sie ihr WooCommerce-Konto erstellen oder sich bei ihm anmelden können.

Weitere zusätzliche Premium-WordPress-Plugins 

Entdecken Sie auch andere Premium-WordPress-Plugins, die die Leistung Ihres WordPress-Blogs oder Ihrer Website optimieren.

1. MapSVG

MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises lokale, Lieferantenlisten usw. Mapsvg Plugin WordPress-Verzeichnis

Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.

Lesen Sie auch unseren Artikel über So halten Sie Ihre Besucher länger auf Ihrer Website

Download| Demo | Web-Hosting

2. Pan Zoom Bild

Mit diesem Plugin können Sie ganz einfach eine Panorama-Zoomfunktion für Bilder in Ihrem WordPress-Blog über einen Shortcode hinzufügen. Sie können es beispielsweise in Ihren Artikel oder Ihre Seite integrieren.

Bild Zoom Pan WordPress Plugin für Zoom

Als Funktionen haben Sie unter anderem: den Panorama-Zoom auf ein einzelnes Bild oder eine Galerie mit unbegrenzten Bildern, die Position der Steuerleiste kann oben, rechts, unten und links sein, der Boden des Behälters kann dunkel, hell und nichts davon sein; die Live-Vorschau im Dashboard, das Beispiel eines mehrfachen Panorama-Zooms auf derselben Seite usw.

Entdecken Sie auch unsere 5 Shortcodes Premium WordPress Plugins

Download | Demo | Web-Hosting

3. Marketing-Automatisierung

Dieses Premium-WordPress-Plugin bietet eine einfache und flexible Benutzeroberfläche, deren Zweck sein wird Sie können ganz einfach einen leistungsstarken Newsletter auf Ihrer Website erstellen. Dank seiner Flexibilität können Sie eine Vielzahl von Ereignissen, Bedingungen und Aktionen verwalten. So können Sie Ihre E-Mail-Marketingstrategie einfach so konfigurieren, dass sie gesendet, verfolgt und davon profitiert wird.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

WordPress-Plugins für die Marketingautomatisierung erstellen eine Newsletter-Website

Seine Hauptfunktionen sind: die Möglichkeit, bedingte Logik anzuwenden, die auf der Reaktion und dem Verhalten der Besucher basiert, die Verfolgung der Aktionen der Besucher der Website, perfekt für alle Treueprogramme, hervorragend für Marketingstrategien, die wetten auf die Belohnungen, ein intuitives Dashboard, die Segmentierung der Website-Besucher, die Möglichkeit, Umfragen durchzuführen, SMS-Benachrichtigungen und per E-Mail Pop-ups basierend auf dem Besucherverhalten, Bannerwerbung basierend auf dem Besucherverhalten und vieles mehr.

Download | Demo | Web-Hosting

Empfohlene Ressourcen

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.

Fazit

Hier ! Das ist es für unseren Artikel, der Ihnen zeigt, wie Sie WooCommerce-Anmelde- und Anmeldeformulare anpassen. Jetzt wirst du haben  die Möglichkeit, Registrierungsformulare und eine zickige Verbindung zum Benutzerregistrierungs-Plugin zu erstellen. Kleine Details wie diese sind sehr wichtig Ihr Online-Shop um sicherzustellen, dass Ihre Kunden sie häufig verwenden.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden zu WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

wenn Sie Kommentare oder Vorschläge, zögern Sie nicht, uns im reservierten Bereich zu informieren. Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken

... 

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
0 Aktien
Aktie
tweet
Registrieren