Produktabzeichenelement

Informationen zum Produktabzeichen-Element

Das Produktabzeichen-Element von GemPages ist dafür konzipiert, wichtige Details eines Produkts hervorzuheben, z. B. die Kennzeichnung einer Neuankömmling oder die Präsentation einer Sonderaktion direkt auf dem vorgestellten Bild. 

Mit diesem Element können Sie mehrere Vorteile für Ihren E-Commerce-Shop erzielen: 

• Verbesserte Sichtbarkeit: Steigern Sie die Sichtbarkeit Ihrer Produkte, indem Sie bestimmte Artikel hervorheben und so die Aufmerksamkeit Ihrer Kunden auf sich ziehen.
• Erhöhtes Markenvertrauen: Steigern Sie Ihre Glaubwürdigkeit mit Abzeichen wie "Bestbewertet" or „Kundenliebling“, Präsentieren Sie positive Bewertungen und Empfehlungen, um das Vertrauen der Käufer aufzubauen.
• Empfohlene Maßnahmen: Schaffen Sie Dringlichkeit mit Abzeichen wie „Nur noch 2 übrig!“ or „Endet bald“, Dies veranlasst die Kunden, schnell zu handeln und ihre Einkäufe abzuschließen.
• Erprobte Preisstrategie: Experimentieren Sie und ermitteln Sie die effektivste Preisstrategie für jeden Artikel, indem Sie für jedes Produkt unterschiedliche Rabatte anbieten.
• Erweiterte Bestandsverwaltung: Verkaufen Sie Artikel, die sich langsam bewegen oder überzählig sind, schneller, senken Sie die Lagerkosten und schaffen Sie Platz für neue Ware mit Abzeichen wie „Lagerräumung“ or „Lagerreduzierung“.
• Gezielte Werbung: Legen Sie unterschiedliche Rabatte für verschiedene Produktkategorien, Lagerbestände oder Verkaufsziele fest. Abzeichen wie „Kategorie Sale“, „Saisonale Aktion“, or „Wochenangebot“ erleichtern die Erstellung von Werbeaktionen, die ihren Geschäftsanforderungen entsprechen.

So fügen Sie das Produktabzeichenelement hinzu

Schritt 1: Öffnen Sie Ihren GemPages-Editor und suchen Sie die Produktabzeichenelement in der Suchleiste.

Schritt 2: Ziehen Sie das Element aus der Seitenleiste und legen Sie es in Ihrem Designbereich ab. Sie können das Produktabzeichen nur zu einem Produktelement, Produktlistenelementoder direkt auf ihren Produktbilder. Die Einstellungen des Badges können je nach Platzierung variieren.

Schritt 3: Sie können demselben Produkt mehrere Abzeichen hinzufügen. Standardmäßig werden Abzeichen in der obere linke Ecke. Wenn mehrere Abzeichen hinzugefügt werden, werden sie vertikal gestapelt. Um ihre Reihenfolge oder Sichtbarkeit anzupassen, verwenden Sie die Ebenenbaum -Funktion

Schritt 4: Nachdem Sie Ihre Abzeichen platziert haben, klicken Sie auf Veröffentlichen um sie live zu sehen. Im Editor sind Badges zur einfacheren Anpassung immer sichtbar, auf der Live-Seite werden sie jedoch nur angezeigt, wenn sie die von Ihnen festgelegten Anzeigebedingungen erfüllen.

Um auf die Badge-Einstellungen zuzugreifen, klicken Sie auf das Element. linke Seitenleiste werden zwei Registerkarten angezeigt: Einstellungen und Advanced:

Konfigurieren der Registerkarte „Einstellungen“

1. Stil

Wählen Sie den passenden Badge-Stil für Ihr Design. Verfügbare Optionen:

• Bild
• Text horizontal
• Textecke 1
• Textband 1
• Textecke 2
• Textband 2
• Text vertikal
• Text Star
• Textquadrat

2. Produktquelle

Die Produktquelle zeigt an, von welchem Produkt das Badge Informationen anzeigt. Um das Produkt zu ändern, klicken Sie auf Produktauswahl im Produktmodul und wählen Sie den gewünschten Artikel aus.

3. Text

Texteinstellungen sind für Stile verfügbar, die Textinhalte anzeigen.

• Standardtextstil: Paragraph 1
• Standardfarbe: FFFFFF (weiß)

In GemPages müssen Sie zum Bearbeiten von Textinhalten ein Popover öffnen. Sie können:

• Geben Sie langen Text mit Zeilenumbrüchen ein.
• Arbeiten jederzeit weiterbearbeiten können. Jede Präsentation und jeder KI-Avatar, den Sie von Grund auf neu erstellen oder hochladen, Markdown-Ausschnitte um dynamische Produktinformationen von Shopify anzuzeigen.

So verwenden Sie Preisnachlässe:

• Geben Sie manuell einen Markdown im richtigen Format ein. Nur gültige Formate rendern Livedaten.
• Klicken Sie auf die "+" in das Eingabefeld, um eine Liste unterstützter Markdowns zu öffnen.

• Wählen Sie eine Markdown-Liste aus, um sie einzufügen, oder fügen Sie dieselbe Markdown-Liste mehrmals ein.

Unterstützte Markdown-Muster:

• {%_Rabatt} – Zeigt den prozentualen Rabatt an.
• {amount_discount} – Zeigt den Rabattbetrag in Ihrer Shop-Währung an.
• {Produkttyp} – Zeigt den Produkttyp an.
• {min_price} – Zeigt den niedrigsten Preis aller Produktvarianten an.
• {inventory_quantity} – Zeigt den verbleibenden Lagerbestand an. Dies funktioniert nur, wenn Spuranzahl ist für das Produkt aktiviert.

4. Abzeichenstil

Mit dieser Einstellung können Sie die Form und den visuellen Stil des Textes anpassen. Sie können Folgendes anpassen:

• Grenze
• CORNER
• Shadow

5. Größe

Setze die Länge, Höheund Polsterung Ihres Abzeichens, damit es zu Ihrem Layout passt.

6. Position

Die globalen Positionierungseinstellungen gelten für alle Badge-Stile. Beim Wechseln des Stils bleiben Ihre Positionseinstellungen erhalten.

Lückeneinstellungen:

• Je nach Position des Badges können Sie den Abstand mit einem Lückenschieber.
• Es sind nur ganzzahlige Werte zulässig; negative oder Dezimalwerte werden nicht unterstützt.

7. Bildstil

Wenn Ihr Badge ein Bild anstelle von Text verwendet, können Sie Folgendes anpassen:

• Grenze
• CORNER
• Shadow

8. Anzeigebedingungen

Anzeigebedingungen steuern, wann ein Badge auf der Live-Seite angezeigt wird. Beim Wechseln zwischen Stilen bleiben alle zuvor eingestellten Werte erhalten.
Triggertypen:
Sie können mehrere Trigger anwenden, indem Sie auf das ➕ SymbolZu den verfügbaren Auslösern gehören:

• Warenbestand: Erforderlich und kann nicht entfernt werden. Wird angezeigt, wenn der Lagerbestand einer bestimmten Menge entspricht.
• Reduzierter Preis: Wird angezeigt, wenn der Rabatt einen festgelegten Prozentsatz oder Betrag erreicht.
• Preisspanne: Zeigt an, ob der Produktpreis innerhalb eines bestimmten Bereichs liegt.
• Produkt-Tags: Zeigt an, ob das Produkt die ausgewählten Tags hat.
• Datum der Registrierung: Zeigt an, ob das Produkt innerhalb von X Tagen, an einem bestimmten Datum oder zwischen zwei Daten erstellt wurde.

Besondere Bedingung: Inventar ist der einzige aktive Auslöser, wenn:

• Das Produkt wird manuell ausgewählt.
• Im dynamischen Modus wird nur ein Produkt zugewiesen.
• Die Produktliste enthält ein einzelnes Produkt.

Klicken Sie in das Trigger-Eingabefeld, um das Popover zu öffnen und detaillierte Einstellungen für jeden Trigger zu konfigurieren.

So zeigen Sie den Rabattprozentsatz mit dem Produktabzeichen an

Schritt 1: Wähle aus Produktabzeichen Element, das Sie Ihrer Seite hinzugefügt haben.

Schritt 2: Öffnen Sie in der linken Seitenleiste die Einstellungen Tab.

Schritt 3: Gehen Sie zur Text .

Schritt 4: Klicken Sie in das Texteingabefeld, um das Popover zu öffnen.

Schritt 5: Fügen Sie die {%_discount} Markdown von:

• Manuelles Eintippen oder
• Durch Klicken auf die "+" Symbol und Auswahl Rabatt (%) aus der Markdown-Liste.

Schritt 6: Passen Sie Textstil, Farbe und Typografie nach Bedarf an.

Schritt 7: (Optional) Passen Sie die Abzeichenstil, Größeund Position passend zu Ihrem Design.

Schritt 8: Klicken Sie auf Veröffentlichen um die Änderungen zu übernehmen.

Konfigurieren der Registerkarte „Erweitert“

Für erweiterte Anpassungen navigieren Sie bitte zur Registerkarte „Erweitert“ und folgen Sie den Anweisungen in Dieser Artikel.