1. Startseite
  2. Wissensdatenbank
  3. Advanced Promo Kit
  4. So erstellen Sie Produktetiketten in Advanced Promo Kit

So erstellen Sie Produktetiketten in Advanced Promo Kit

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 Advanced Promo Kit und dann auf Etikett erstellen.

Das Admin-Menü von Advanced Promo Kit wurde in der WordPress-Seitenleiste erweitert, wobei „Label erstellen“ hervorgehoben wurde

Schritt 2 – Füllen Sie die Registerkarte „Allgemein“ aus

Die Registerkarte Allgemein steuert, was Ihr Etikett sagt und welche Form es annimmt.

  1. Geben Sie im Feld Etikettenname einen internen Namen für dieses Etikett ein. Dies dient nur Ihrer Referenz und wird den Kunden nicht angezeigt.
  2. 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
  3. Legen Sie unter Textstil die Schriftgröße (8–72 px), die Schriftstärke (Normal, Fett, Halbfett oder Leicht) und den Zeilenabstand fest.
  4. 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.

VariableErsetzt 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
Der Tab „Allgemein“ auf dem Bildschirm „Label erstellen“, der das Feld „Labelname“, das Feld „Abzeichen-Label“, das Bedienfeld für dynamische Variablen und den Selektor für die Abzeichenform mit allen 12 sichtbaren Formen anzeigt

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ätzliches CSS — Fügen Sie benutzerdefiniertes CSS hinzu, das Sie für diese spezielle Beschriftung 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.
  • Platzierung des Abzeichens — Wählen Sie, ob das Abzeichen auf dem Produktbild liegt (es überlappt) oder außerhalb des Bildes (daneben).
  • 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.

Premium-Funktionen (Advanced Promo Kit Pro)

Die folgenden Optionen sind in Advanced Promo Kit Pro verfügbar:

  • 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.
Der Tab „Stil“ auf dem Bildschirm „Label erstellen“, der die Abschnitte „Stiloptionen“, „Deckkraft“ und „Position“ sowie Premium-Funktionen anzeigt, mit der Live-Vorschau auf der rechten Seite

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.
Der Tab „Zeitplan“ auf dem Bildschirm „Label erstellen“, der die Felder „Startdatum“ und „Enddatum“ anzeigt

Schritt 5 — Beschriftung speichern

Wenn Sie mit Ihren Einstellungen zufrieden sind, klicken Sie auf Beschriftung speichern. Die Beschriftung wird erstellt und erscheint in Ihrer Liste der Beschriftungen. Sie können sie jederzeit bearbeiten, indem Sie in der Liste darauf klicken.

Die Schaltfläche „Label speichern“ am unteren Rand des Bildschirms „Label erstellen“

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 bestimmten Produkten ein Label zu?
Nachdem Sie ein Label gespeichert haben, öffnen Sie das Produkt, das Sie markieren möchten, und suchen Sie im Metabox Advanced Promo Kit auf dem Produktbearbeitungsbildschirm. Wählen Sie dort Ihr Label aus. Sie können auch den Tab „Bedingungen“ verwenden, wenn Sie ein Label erstellen, um es automatisch auf Produkte anzuwenden, die den von Ihnen definierten Kriterien entsprechen Anzeigeregeln und Bedingungen für Labels in Advanced Promo Kit einrichten – zum Beispiel alle Produkte einer bestimmten Kategorie oder im Angebot.

Kann ich mehr als ein Label für dasselbe Produkt verwenden?
Ja. Sie können einem Produkt mehrere Labels zuweisen. Jedes Label hat seine eigenen Positionseinstellungen, sodass Sie sie nach Bedarf über dem Produktbild stapeln oder verteilen können.

Sind Animationen und Farbverlaufhintergründe in der kostenlosen Version verfügbar?
Farbverlauf, Schatten, Animation, klickbare URL und Tooltip sind Premium-Funktionen, die in Advanced Promo Kit Pro verfügbar sind. Abzeichenformen, Farben, Text und Zeitplanung sind in allen Tarifen verfügbar.

Mein Abzeichentext sieht gequetscht oder abgeschnitten aus. Wie behebe ich das?
Öffnen Sie den Tab Stil für Ihr Label und erhöhen Sie die Werte für Breite (Pixel) und Höhe (Pixel). Die Standardgröße (160×30px) eignet sich gut für kurze Texte, aber längere Labels – einschließlich derjenigen, die dynamische Platzhalter verwenden – benötigen mehr Platz. Ein guter Ausgangspunkt sind 240–280px Breite und 36–40px Höhe. Vorschau des Ergebnisses anzeigen und anpassen, 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.

War dieser Artikel hilfreich?

Verwandte Artikel

Schließen Sie Ihren Kauf ab