Mit dem Advanced Promo Kit können Sie auffällige Produktetiketten hinzufügen – Abzeichen, die direkt auf Produktbildern in Ihrem WooCommerce-Shop angezeigt werden. Etiketten sind vollständig anpassbar: Sie wählen Form, Text, Farben, Größe und Position und können sie optional so planen, dass sie nur während eines Verkaufs- oder Kampagnenzeitfensters angezeigt werden. Dieser Artikel führt Sie Schritt für Schritt durch die Erstellung Ihres ersten Etiketts.
Was Sie benötigen
- WooCommerce installiert und aktiv
- Advanced Promo Kit installiert und aktiv Advanced Promo Kit
- Mindestens ein veröffentlichtes WooCommerce-Produkt
Schritt 1 – Öffnen Sie den Bildschirm „Etikett erstellen“
Klicken Sie in Ihrem WordPress-Dashboard im linken Menü auf Promo Kit und dann auf Label erstellen.
Schritt 2 – Füllen Sie die Registerkarte „Allgemein“ aus
Die Registerkarte Allgemein steuert, was Ihr Etikett sagt und welche Form es annimmt.
- Geben Sie im Feld Titel einen internen Namen für dieses Label ein. Dies dient nur Ihrer Information und wird den Kunden nicht angezeigt.
- Geben Sie im Feld Abzeichen-Etikett den Text ein, der auf dem Abzeichen angezeigt werden soll – zum Beispiel SALE, NEU oder -20%. Sie können dynamische Variablen (siehe Tabelle unten) verwenden, um Live-Produktdaten automatisch anzuzeigen. Verwendung von Platzhaltern für dynamische Inhalte in Produktetiketten
- Legen Sie unter Textoptionen die Schriftgröße (8 bis 72 px), die Schriftstärke (Normal, Fett, Halbfett oder Leicht) und den Zeilenabstand fest.
- Klicken Sie unter Abzeichenform auf die gewünschte Form. Es stehen 12 Formen zur Verfügung: Rechteck horizontal, Rechteck vertikal, Pille, Kreis, Quadrat, Band links, Band rechts, Tag, Sechseck, Stern, Banner und Benutzerdefiniertes Bild. Wenn Sie Benutzerdefiniertes Bild wählen, erscheint eine Upload-Schaltfläche, damit Sie Ihre eigene Bilddatei als Abzeichen verwenden können.
Dynamische Variablen
Geben Sie einen dieser Codes in das Feld „Abzeichen-Etikett“ ein. Advanced Promo Kit ersetzt sie durch tatsächliche Werte, wenn das Etikett auf einem Produkt in Ihrem Shop angezeigt wird.
| Variable | Ersetzt durch |
|---|---|
{product_price} | Der aktuelle Preis des Produkts |
{regular_price} | Der reguläre (nicht reduzierte) Preis des Produkts |
{sale_price} | Der reduzierte Preis des Produkts |
{discount_percent} | Der prozentuale Rabatt, z. B. 20 % |
{discount_amount} | Der feste Rabattbetrag, z. B. 10 € |
{stock_quantity} | Die aktuelle Lagerbestandszahl des Produkts |
Schritt 3 – Stil anpassen
Klicken Sie auf die Registerkarte Stil, um zu steuern, wie Ihre Beschriftung aussieht. Die Registerkarte ist in mehrere Abschnitte unterteilt.
Stiloptionen
- Farbe des Abzeichens — Klicken Sie auf die Farbfeld, um die Farbauswahl zu öffnen und eine Hintergrundfarbe für Ihre Beschriftung zu wählen.
- Breite und Höhe — Geben Sie Pixelwerte (20–500 px) ein, um die Größe des Abzeichens festzulegen.
- Abgerundete Ecken — Passen Sie jede Ecke einzeln an, um die Ränder abzurunden.
- Zusätzliche Stile – Fügen Sie hier benutzerdefinierten CSS-Code hinzu, den Sie für dieses spezielle Label benötigen.
Deckkraft & Position
- Deckkraft — Legen Sie die Transparenz der Beschriftung von 0 (unsichtbar) bis 100 (vollständig deckend) fest.
- Drehung — Drehen Sie das Abzeichen zwischen 0 und 360 Grad.
- Textrichtung — Wählen Sie Horizontal oder Vertikal.
- Badge-Platzierung – Wählen Sie, ob das Abzeichen auf dem Produktbild sitzt (es überlappt) oder außerhalb des Bildes (darunter).
- Position — Wählen Sie oben oder unten und links oder rechts, und geben Sie dann Pixelabstände ein, um genau zu bestimmen, wo das Abzeichen erscheint.
Weitere Stiloptionen
Die Registerkarte "Stil" bietet Ihnen auch diese Optionen:
- Verlauf — Aktivieren Sie eine zweifarbige Verlauf Füllung. Wählen Sie aus sechs Verlauf Richtungen.
- Schatten — Fügen Sie Ihrem Abzeichen einen Schlagschatten mit einer benutzerdefinierten Farbe, einem Weichzeichnungsradius und X/Y-Abständen hinzu.
- Animation — Lassen Sie das Abzeichen automatisch animieren. Verfügbare Effekte: Pulsieren, Blinken, Schütteln, Hüpfen, Drehen und Schwingen.
- Klickbare URL — Machen Sie das Abzeichen zu einem klickbaren Link, der Kunden zu einer von Ihnen angegebenen URL führt.
- Tooltip — Zeigen Sie einen Tooltip-Text an, wenn Kunden mit der Maus über das Abzeichen fahren.
Schritt 4 — Zeitplan festlegen (Optional)
Klicken Sie auf die Registerkarte Zeitplan, wenn die Beschriftung nur während eines bestimmten Zeitfensters erscheinen soll – zum Beispiel nur während eines Wochenendverkaufs.
- Startdatum — Das Datum und die Uhrzeit, ab der die Beschriftung angezeigt wird. Lassen Sie dieses Feld leer, um die Beschriftung sofort nach dem Speichern anzuzeigen.
- Enddatum — Das Datum und die Uhrzeit, bis zu der die Beschriftung angezeigt wird. Lassen Sie dieses Feld leer, um die Beschriftung unbegrenzt anzuzeigen.
Schritt 5 — Beschriftung speichern
Wenn Sie mit Ihren Einstellungen zufrieden sind, klicken Sie oben auf dem Bildschirm auf Speichern. Das Label wird erstellt und in Ihrer Label-Liste angezeigt. Stellen Sie den Schalter oben auf dem Bildschirm auf Aktiv, damit das Label in Ihrem Shop angezeigt wird, da ein neues Label inaktiv startet. Sie können es jederzeit bearbeiten, indem Sie darauf in der Liste klicken.
Verwendung der Live-Vorschau
Während Sie die Registerkarten Allgemein und Stil ausfüllen, aktualisiert sich die Live-Vorschau auf der rechten Seite des Bildschirms in Echtzeit. Sie zeigt ein Beispielprodukt mit Ihrer angewendeten Beschriftung, damit Sie sehen können, wie es vor dem Speichern aussehen wird.
Die Vorschau verwendet Dummy-Produktwerte. Dynamische Variablen wie {discount_percent} zeigen die korrekten Werte für jedes echte Produkt in Ihrem Shop an, sobald die Beschriftung live ist.
Häufig gestellte Fragen
Wie weise ich einem bestimmten Produkt ein Label zu?
Öffnen Sie nach dem Speichern eines Labels das Produkt, das Sie markieren möchten, und suchen Sie auf dem Produktbearbeitungsbildschirm die Metabox Advanced Promo Kit. Erstellen Sie das Label dort. Es gilt nur für dieses Produkt und hat immer Vorrang vor globalen Labels. Sie können auch die Registerkarte "Bedingungen" beim Erstellen eines Labels verwenden, um es automatisch auf Produkte anzuwenden, die den von Ihnen definierten Kriterien entsprechen So richten Sie Label-Anzeigeregeln und -bedingungen in Advanced Promo Kit ein – zum Beispiel alle Produkte einer bestimmten Kategorie oder im Angebot.
Kann ich mehr als ein Label für dasselbe Produkt verwenden?
Ein Produkt kann ein produktspezifisches Label haben, plus alle globalen Labels, deren Bedingungen es entspricht. Die Einstellung Maximale Labels pro Produkt begrenzt, wie viele gleichzeitig angezeigt werden, und ist standardmäßig auf 3 festgelegt. Jedes Label hat seine eigenen Positionseinstellungen, sodass Sie sie auf dem Produktbild stapeln oder verteilen können.
Mein Badge-Text ist gequetscht oder abgeschnitten. Wie behebe ich das?
Öffnen Sie die Registerkarte Stil für Ihr Label und erhöhen Sie die Werte für Breite (Pixel) und Höhe (Pixel). Sie können auch die Schriftgröße unter Textoptionen auf der Registerkarte "Allgemein" reduzieren. Die Standardgröße des Abzeichens beträgt 80x30px, was für kurze Texte geeignet ist. Längere Labels, einschließlich solcher, die dynamische Platzhalter verwenden, benötigen mehr Platz. Ein guter Ausgangspunkt sind 240 bis 280 Pixel Breite und 36 bis 40 Pixel Höhe. Vorschau des Ergebnisses und Anpassung, bis der Text bequem passt.
Benötigen Sie Hilfe?
Wenn Sie eine Frage haben oder auf Probleme stoßen, sind wir für Sie da.
- Premium-Benutzer: Support-Ticket eröffnen
- Kostenlose Benutzer: Besuchen Sie unser Community-Forum
