Wie verwende ich vordefinierte Vorlagen, um Wunschlisten-Schaltflächen zu gestalten?

Benötigt Ihr Geschäft eine Design-Auffrischung, aber Sie haben keine Zeit, jedes einzelne Pixel manuell anzupassen? Die Wahl des richtigen Looks für Ihre „Zur Wunschliste hinzufügen“-Buttons sollte keine zeitaufwändige Aufgabe sein.

Mit den Einstellungen im Konfigurationsmodus von SaveTo Wishlist können Sie Ihre Wunschlisten-Buttons professionell in Sekundenschnelle gestalten. Egal, ob Sie sofort einsatzbereite Stil-Voreinstellungen verwenden oder sich in die Benutzerdefinierten Einstellungen vertiefen möchten, Sie haben jetzt die volle Kontrolle darüber, wie Ihre Buttons auf Produkt-, Shop- und Warenkorbseiten angezeigt werden.

Am Ende dieser Anleitung wissen Sie, wie Sie zwischen Design-Modi wechseln und Ihrem Geschäft ein zusammenhängendes, professionelles Aussehen verleihen, das perfekt zu Ihrer Marke passt.

Voraussetzungen

• SaveTo Wishlist Lite installiert und aktiv.
• Administratorzugriff auf Ihr WordPress-Dashboard.
• WooCommerce installiert und konfiguriert.

Warum Stil-Voreinstellungen für Buttons verwenden?

Geschwindigkeit und Konsistenz sind für jedes wachsende WooCommerce-Geschäft unerlässlich. Wenn Ihre Buttons auf allen Seiten großartig aussehen und identisch funktionieren, schafft das Vertrauen bei Ihren Käufern.

Voreinstellungen sparen Zeit – tauschen Sie Button-Looks sofort ohne manuelles CSS oder Farbauswahl aus. Und da jeder Seitenstandort unabhängig ist, können Sie verschiedene Designs separat auf den Produkt-, Shop- und Warenkorb-Seiten anwenden.

💡 Tipp:
Wenn Sie einen völlig einzigartigen Look bevorzugen, können Sie eine Voreinstellung immer noch als „Basis“ verwenden und dann die Farben nachträglich anpassen!

1. Zugriff auf die Button-Stil-Registerkarten

Wir haben die Einstellungen in leicht zu verwaltende Kategorien unterteilt, damit Sie jeden Teil Ihres Geschäfts individuell gestalten können.

1. Navigieren Sie zu SaveTo Wishlist → Einstellungen.
2. Gehen Sie zur Registerkarte Button-Platzierung & Stile.
3. Drei Abschnitte erscheinen: Produkt, Shop und Warenkorb. Klicken Sie auf den, den Sie bearbeiten möchten.

2. Wählen Sie Ihren Konfigurationsmodus

Jeder Standort verfügt über eine Radio-Schaltfläche für den Konfigurationsmodus. Hier entscheiden Sie, wie viel Kontrolle Sie haben möchten:

1. Wählen Sie Voreinstellungen verwenden, um die Galerie der Wunschlisten-Button-Vorlagen anzuzeigen.
2. Wählen Sie alternativ Benutzerdefinierte Einstellungen, wenn Sie die Vorlagen überspringen und die manuellen Farbwähler verwenden möchten.

3. Wenden Sie eine Vorlagen-Voreinstellung an

Wählen Sie in jedem Abschnitt die Registerkarte Voreinstellungen verwenden unter der Option Konfigurationsmodus.

1. Durchsuchen Sie die verfügbaren Voreinstellungen (z. B. „Klassisches Rot“, „Minimalistisch Dunkel“ oder „Modernes Lila“).
2. Klicken Sie auf eine Voreinstellung, um sie anzuwenden. Das Tool aktualisiert automatisch die Form, den Rand und das Standardlayout des Buttons.

4. Feinabstimmung Ihrer Farben

Wenn Sie Benutzerdefinierte Einstellungen wählen, wird der Voreinstellungs-Auswähler durch einzelne Design-Steuerelemente ersetzt. Verwenden Sie diese, um Ihren Button von Grund auf neu zu erstellen oder eine Voreinstellungs-„Basis“ anzupassen.

1. Typografie & Größe: Legen Sie die genaue Textgröße und Symbolgröße fest.
2. Farbauswahl: Wählen Sie manuell Ihre Hintergrundfarbe, Textfarbe und Symbolfarbe.
3. Rahmen & Form: Passen Sie die Rahmenbreite, -farbe und die Rundung der Ecken an.
4. Die Farbauswahl bleibt geöffnet, während Sie arbeiten. So können Sie schneller verschiedene Farbtöne vergleichen, ohne das Menü wiederholt schließen zu müssen.

5. Unabhängige Stile anwenden

Denken Sie daran, dass Sie Stile für verschiedene Kontexte mischen und anpassen können!

1. Verwenden Sie einen großen Benutzerdefinierten Button auf Ihrer Produktseite, um ihn zur primären Handlungsaufforderung zu machen.
2. Wenden Sie das Minimale Preset auf Ihrer Shop-Seite an, um Ihr Produktgitter sauber und übersichtlich zu halten.
3. Wählen Sie das Moderne Preset auf der Warenkorbseite, um Kunden zu ermutigen, Artikel für später zu speichern, anstatt sie zu löschen.

6. Änderungen speichern und überprüfen

1. Klicken Sie unten auf der Seite auf Änderungen speichern.
2. Besuchen Sie Ihren Shop und eine Produktseite, um Ihre neuen Button-Stile in Aktion zu sehen!

Fehlerbehebung bei häufigen Problemen

⚠︎ Das Preset hat meine Button-Farbe nicht geändert.
Presets steuern hauptsächlich die Struktur und das Template des Buttons. Wenn Sie zuvor eine „Benutzerdefinierte Farbe“ festgelegt haben, wird diese Farbe ersetzt. Aktualisieren Sie die Einstellungen der Farbauswahl direkt im Unter-Tab Benutzerdefinierte Einstellungen, um sicherzustellen, dass Ihre Markenfarben auf das neue Template angewendet werden.

⚠︎ Der Button sieht auf meinem Handy anders aus.
Einige WordPress-Themes haben sehr starke „Globale Stile“, die versuchen, Plugin-Buttons zu überschreiben. Wenn Ihr Button „eingekastelt“ aussieht oder die Schriftart zu klein ist, versuchen Sie ein anderes Preset oder überprüfen Sie die Button-Einstellungen Ihres Themes.

Wenn sich das Layout Ihrer Seite nach dem Speichern nicht aktualisiert, leeren Sie den Cache Ihrer Website. Weitere Informationen hierzu finden Sie im offiziellen WooCommerce-Leitfaden zum Leeren von Caches.

FAQ

➤ Wann sollte ich den Preset-Modus anstelle des benutzerdefinierten Modus verwenden?
Verwenden Sie den Preset-Modus, wenn Sie schnell ein garantiert „gutes“ Design wünschen. Verwenden Sie den Benutzerdefinierten Modus, wenn Ihre Marke nicht standardmäßige Farben verwendet oder wenn Sie benötigen, dass der Button eine sehr spezifische Größe hat.

➤ Beeinflusst die Auswahl eines Presets für die Shop-Seite die Produktseite?
Nein. Jeder Seitenstandort (Produkt, Shop, Warenkorb) ist 100% unabhängig, sodass Sie das Benutzererlebnis für jeden spezifischen Bereich Ihres Shops optimieren können.

➤ Löscht die Auswahl eines neuen Presets meine vorherigen benutzerdefinierten Farben?
Ja, wenn Sie die Änderung bestätigen, werden Ihre aktuellen Einstellungen durch die Standardstile des ausgewählten Presets ersetzt. Nach dem Anwenden des Presets können Sie die Farben immer noch im Unter-Tab Benutzerdefinierte Einstellungen aktualisieren.

Beschleunigen Sie Ihr Shop-Design mit Preset-Vorlagen

Sie sind nun von manuellen Stilen zum High-Speed-Design übergegangen! Durch die Verwendung von Preset-Vorlagen stellen Sie sicher, dass Ihr Shop professionell und konsistent aussieht, was ein Schlüsselfaktor dafür ist, Besucher zu Käufern zu machen.

Nachdem Ihre Schaltflächen perfekt aussehen, gehen Sie zum Tab Allgemein und aktivieren Sie Fade Notifications, um das „In die Wunschliste“-Erlebnis noch reibungsloser zu gestalten!