Visser Labs – WooCommerce Plugins

  1. Startseite
  2. Wissensdatenbank
  3. Benutzerdefinierte Anmeldung für WooCommerce
  4. Einrichtung des Promo-Panels auf Ihrer WooCommerce-Login-Seite
  1. Startseite
  2. Wissensdatenbank
  3. Erste Schritte
  4. Einrichtung des Promo-Panels auf Ihrer WooCommerce-Login-Seite

Einrichtung des Promo-Panels auf Ihrer WooCommerce-Login-Seite

Jeder Kunde, der sich anmeldet, sieht Ihre Anmeldeseite, daher ist dies ein guter Ort für ein Angebot oder eine Ankündigung. Wenn Sie das Promo-Panel jedoch mit dem Standardtext belassen, sehen Ihre Kunden „Get The Best WooCommerce Plugin Free!“ anstelle Ihrer eigenen Nachricht. Custom Login for WooCommerce ermöglicht es Ihnen, diese zu ersetzen, auszuschalten oder mehrere Nachrichten zu rotieren.

Dieser Artikel behandelt den Tab Inhalt: das Ein- oder Ausschalten des Promo-Panels, das Festlegen der Überschrift, des Button-Textes und des Links sowie das Rotieren von Promo-Nachrichten. Farben, Mobil-Layout und Vorlagen haben eigene Einstellungen und werden hier nicht behandelt.

Voraussetzungen

AnforderungDetails
PluginCustom Login for WooCommerce installiert und aktiv
WooCommerceInstalliert und aktiv
ZugriffEin Konto, das WooCommerce-Einstellungen verwalten kann

Wenn Sie das Plugin noch nicht eingerichtet haben, beginnen Sie mit dem Artikel Erste Schritte mit Custom Login for WooCommerce.

Schritt 1: Öffnen Sie den Tab „Inhalt“

  1. Gehen Sie in Ihrem WordPress-Admin zu WooCommerce → Custom Login.
  2. Klicken Sie auf den Tab Inhalt.

Der Tab hat zwei Abschnitte: Werbeinhalte und Rotierende Inhalte.

Schritt 2: Schalten Sie das Promo-Panel ein oder aus

Im Abschnitt Werbeinhalte verwenden Sie den Schalter Promo-Bereich aktivieren.

Ein ist der Standard. Das Promo-Panel wird neben dem Anmeldeformular angezeigt. Bei der Vorlage Zentrierte Karte wird das Panel nur auf Handys angezeigt und nur mit Unter dem Anmeldeformular stapeln.

Aus blendet das Panel auf der Anmeldeseite aus. Die anderen Felder in diesem Abschnitt werden ebenfalls ausgeblendet.

Ihr Text bleibt gespeichert, während der Schalter ausgeschaltet ist. Wenn Sie ihn also wieder einschalten, sind Ihre Überschrift, Ihr Button und Ihre Nachricht immer noch vorhanden.

Der Abschnitt „Werbeinhalt“ wurde mit einem kostenlosen Versandangebot gefüllt, wobei die Umschaltfläche „Promo-Bereich aktivieren“, die Felder „Promo-Überschrift“, „Button-Text“, „Button-URL“ und „Promo-Inhalt“ jeweils nummeriert sind

Die Felder beginnen mit dem Standardtext des Plugins und einem #-Link. Ersetzen Sie jeden davon mit Ihrer eigenen Formulierung in den folgenden Schritten.

Schritt 3: Legen Sie die Promo-Überschrift fest

Geben Sie Ihre Überschrift in das Feld Promo-Überschrift ein, zum Beispiel Kostenloser Versand für Bestellungen über 50 €. Die Überschrift erscheint in großer Schrift am oberen Rand des Panels. Es werden nur einfache Texte akzeptiert.

Geben Sie die Wörter, die auf dem Button erscheinen sollen, in Button-Text ein, zum Beispiel Jetzt zum Angebot. Fügen Sie die vollständige Adresse, die der Button öffnen soll, in Button-URL ein, beginnend mit https://.

Der Button öffnet Ihren Link in einem neuen Browser-Tab. Wenn Sie also Button-URL leer lassen, zeigt der Button auf # und öffnet einen neuen Tab, der erneut Ihre Anmeldeseite anzeigt. Fügen Sie immer einen Link hinzu.

Der Button wird immer angezeigt. Wenn Sie Button-Text löschen, zeigt die Anmeldeseite den Standard-Button-Text Mehr erfahren an.

Schritt 5: Schreiben Sie die Promo-Nachricht

Geben Sie den unterstützenden Text in Promo-Inhalt ein. Er erscheint unter der Überschrift. Sie können einfaches HTML hinzufügen, wie z. B. <strong> für fett und <a href="..."> für Links. Leerzeilen beginnen einen neuen Absatz.

Schritt 6: Rotieren Sie Promo-Nachrichten (optional)

Rotation ermöglicht es Ihnen, jedes Mal eine andere Nachricht anzuzeigen, wenn jemand die Anmeldeseite öffnet. Nutzen Sie dies, um mehrere Angebote zu teilen, ohne sich für eines zu entscheiden.

  1. Scrollen Sie zum Abschnitt Rotierender Inhalt.
  2. Schalten Sie Rotation aktivieren ein.
  3. Klicken Sie auf Element hinzufügen.
  4. Füllen Sie die Felder Überschrift, Schaltflächentext, Schaltflächen-URL, Bild-URL und Inhalt des Elements aus.
  5. Klicken Sie für jede zusätzliche Nachricht erneut auf Element hinzufügen.

Jedes Element zeigt eine Nummer, z. B. #1, und eine Schaltfläche Entfernen. Klicken Sie auf Entfernen, um ein nicht mehr gewünschtes Element zu löschen.

Der Abschnitt „Rotierender Inhalt“ mit aktivierter Option „Rotation aktivieren“, einem ausgefüllten und einem leeren Element, mit der Schaltfläche „Entfernen“, dem Feld „Bild-URL“, einem leeren Feld „Überschrift“ und der Schaltfläche „Element hinzufügen“ nummeriert

So funktioniert die Rotation:

Zufällige Reihenfolge. Die Anmeldeseite wählt jedes Mal, wenn sie geladen wird, zufällig ein Element aus. Sie wechselt nicht, während jemand die Seite betrachtet, und sie erfolgt nicht in einer Reihenfolge. Daher kann dasselbe Element zweimal hintereinander erscheinen.

Fallback-Text. Wenn Sie die Felder Überschrift, Inhalt, Schaltflächentext oder Schaltflächen-URL eines Elements leer lassen, verwendet die Anmeldeseite stattdessen das entsprechende Feld aus Werbeinhalte.

Bilder. Das Feld Bild-URL existiert nur für rotierende Elemente. Das Plugin hat keine Upload-Schaltfläche. Fügen Sie das Bild daher zuerst Ihrer Mediathek hinzu. Fügen Sie dann die Dateipfad-URL in das Feld ein. Elemente ohne Bild zeigen kein Bild an.

Promo-Bereich erforderlich. Die Rotation wird nur angezeigt, wenn Promo-Bereich aktivieren eingeschaltet ist. Wenn der Promo-Bereich ausgeschaltet ist, werden auch keine rotierenden Elemente angezeigt.

Noch keine Elemente. Wenn die Rotation aktiviert ist, Sie aber noch keine Elemente hinzugefügt haben, zeigt die Anmeldeseite stattdessen Ihre Haupt-Werbeinhalte an.

Wenn die Rotation aktiviert ist, ersetzen Elemente die Haupt-Promo-Nachricht auf der Anmeldeseite. Ihre Werbeinhalte-Felder sind weiterhin wichtig, da sie Lücken in einem Element füllen.

Schritt 7: Speichern Sie Ihre Änderungen

Klicken Sie oben rechts auf der Seite auf Einstellungen speichern. Eine Meldung „Einstellungen gespeichert“ bestätigt dies. Die Schaltfläche wird auf den Registerkarten Vorlage, Design und Inhalt angezeigt.

Schritt 8: Überprüfen Sie Ihre Anmeldeseite

Melden Sie sich ab oder öffnen Sie ein privates Browserfenster. Besuchen Sie dann IhreDomain.de/login. Wenn die Rotation aktiviert ist, laden Sie die Seite mehrmals neu, um verschiedene Elemente zu sehen.

Das Anmeldeformular links und das Promo-Panel rechts, das die Überschrift „Kostenloser Versand“, die Nachricht und den Button „Sale shoppen“ anzeigt, jeweils nummeriert

Fehlerbehebung

Mein neuer Promo-Text wird auf der Anmeldeseite nicht angezeigt
Überprüfen Sie zuerst, ob Sie auf Einstellungen speichern geklickt haben. Laden Sie dann IhreDomain.de/login in einem privaten Browserfenster neu. Wenn Sie ein Caching-Plugin oder einen seitenweiten Cache verwenden, leeren Sie diesen Cache ebenfalls.
Das Promo-Panel ist von meiner Anmeldeseite verschwunden
Öffnen Sie den Tab Inhalt und stellen Sie sicher, dass Promo-Bereich aktivieren eingeschaltet ist. Überprüfen Sie dann Ihre Vorlage im Tab Vorlage. Zentrierte Karte zeigt das Promo-Panel nicht auf Computerbildschirmen. Wenn Sie eine andere Vorlage verwenden und das Panel auf einem Handy immer noch nicht angezeigt wird, überprüfen Sie Mobile Promo-Anzeige im Tab Design. Die Standardeinstellung Auf Mobilgeräten ausblenden blendet das Panel auf kleinen Bildschirmen aus.
Mein Promo-Button öffnet die Anmeldeseite erneut in einem neuen Tab
Das passiert, wenn Button-URL leer ist, da der Button dann auf # verweist. Fügen Sie die vollständige gewünschte Adresse, beginnend mit https://, in Button-URL ein und klicken Sie auf Einstellungen speichern. Wenn Sie Rotation verwenden, überprüfen Sie auch das Feld Button-URL des Elements.
Das Panel zeigt „Holen Sie sich das beste WooCommerce Plugin kostenlos!“ anstelle meines Textes an
Das ist die Standardüberschrift. Sie erscheint, wenn Promo-Überschrift leer ist oder wenn Ihre Änderungen nicht gespeichert wurden. Geben Sie Ihre eigene Überschrift ein und klicken Sie auf Einstellungen speichern. Dasselbe gilt für Promo-Inhalt. Wenn Sie ihn löschen, zeigt die Seite die Startnachricht „Wird von über 25.000 WooCommerce-Shops weltweit verwendet…“ an.

Häufig gestellte Fragen

Kann ich den Promo-Button ausblenden?
Nein. Der Button wird immer angezeigt. Ein leerer Button-Text greift auf Mehr erfahren zurück. Schalten Sie Promo-Bereich aktivieren aus, um das gesamte Panel auszublenden.
Kann ich dem Haupt-Promo-Panel ein Bild hinzufügen?
Nein. Bilder funktionieren nur bei rotierenden Elementen über das Feld Bild-URL. Schalten Sie Rotation aktivieren ein und fügen Sie ein Element hinzu, um eines zu verwenden.
Wird das Promo-Panel auf Handys angezeigt?
Standardmäßig nicht. Die Einstellung Mobile Promo-Anzeige im Tab Design blendet es auf kleinen Bildschirmen aus. Wählen Sie Unter dem Anmeldeformular stapeln, um es stattdessen unter dem Formular anzuzeigen.
Wie ändere ich die Farben des Promo-Buttons?
Verwenden Sie den Abschnitt Promo-Button-Farben im Tab Design. Detaillierte Anweisungen finden Sie im Artikel Anpassen der Farben Ihrer WooCommerce-Anmeldeseite.

Benötigen Sie Hilfe?

Custom Login für WooCommerce ist ein Premium-Plugin. Wenn Sie also Probleme haben, öffnen Sie ein Support-Ticket und unser Team hilft Ihnen bei der Einrichtung.

War dieser Artikel hilfreich?

Verwandte Artikel

Ressourcen & Hilfe