Hilfe & Anleitung – Pricetag Creator Pro

Willkommen

Pricetag Creator Pro erstellt professionelle Preisschilder im DIN A6 Format, die exakt auf einem DIN A4 Blatt gedruckt oder als PDF exportiert werden. Alle Produktdaten werden automatisch aus der Datenbank geladen – keine manuelle Eingabe nötig.

1

Basis Konfiguration

Anzahl Produkte: Per Segmented Control auf 1, 2 oder 3 Produkte wechseln (abhängig vom Layout).
Druckformat: Horizontal (148 × 105 mm) oder Vertikal (105 × 148 mm) – ebenfalls als Segmented Control.
Layout: Bestimmt den visuellen Aufbau. Standard: Dropdown-Menü. Optional als visueller Bild-Picker (Einstellungen → Layout-Picker).

Standard

Klassischer Look mit Produktdetails und optionalen Werbefeldern.

Standard+

Erweiterter Standard mit alternativem Slogan und Spezifikationen.

Basic

Technisches Layout mit gestapelter Sidebar für Kennwerte.

Modern ✦
Zentriertes Design mit Pill-Specs. Nur 1 Produkt möglich.

Aktion

Farbiger Banner-Streifen (Text & Farbe frei wählbar). Nur 1 Produkt.

MediaMarkt ✦
MM-Style mit rotem Header, Produktbild und Spezifikationen. Gesamte A6-Fläche genutzt.

2

Optionen & Filter

NPI: Filtert die Produktliste auf New Product Introductions – nur brandneue Artikel erscheinen.
#COL: Umschalten zwischen Farb-Kreisen und Text-Bezeichnungen für die Farbdarstellung.

Hinweis: NPI und #COL wirken sich auf alle Layouts aus und werden in der Vorschau sofort aktualisiert.

3

Produkt- & Werbeauswahl

Kategorie: Zuerst die Kategorie wählen – die Produktliste passt sich automatisch an.
Produkt: Aus der gefilterten Liste das gewünschte Gerät auswählen.
Werbefelder: Bei Layouts AT und ALT mit einem Produkt können zwei Werbefelder (z.B. AppleCare+) hinzugefügt werden.

Modern Layout: Bei Auswahl von Modern sind die Optionen für 2 und 3 Produkte automatisch deaktiviert. Werbefelder sind nicht verfügbar, da das Layout die gesamte Fläche für das Produkt nutzt.

4

Drucken & Als PDF exportieren

Das System öffnet beim Klick auf Drucken oder Als PDF automatisch ein separates Druckfenster mit dem exakt formatierten DIN A6 Preisschild auf einer DIN A4 Seite.

1

Auf Drucken oder Als PDF klicken – das Druckfenster öffnet sich automatisch.

2

Im Druckdialog Papierformat A4 auswählen.

3

Skalierung auf 100 % setzen (nicht „An Seite anpassen").

4

Drucken – das Fenster schließt sich danach automatisch.

Kompatibilität: Das Druckfenster funktioniert browserübergreifend auf Safari, Firefox und Chrome – sowohl auf macOS als auch Windows – und liefert stets exakte DIN A6 Maße (148 × 105 mm bzw. 105 × 148 mm).

Einstellungen

Layout-Picker: Aktiviert ein visuelles 3×2-Bild-Grid statt des Dropdown-Menüs für Layouts – eigene Screenshots in assets/layout-previews/ ablegen.
Vorschau: Canvas füllen: Pricetag füllt den gesamten Canvas-Bereich (Standard) – oder schwebt als kleinere Karte.
Batch Export, Vorlagen, Plakate, DB Editor, Werbefelder Editor: Alle optional aktivierbar.
Branding: Eigene Akzentfarbe und Logo über Einstellungen anpassbar.
Export / Import: Alle Einstellungen als JSON-Datei sichern und auf anderen Geräten wiederherstellen.

Tipps & Hinweise

Die Canvas-Vorschau ist eine skalierte Echtzeit-Darstellung – das Druckergebnis ist immer exakt DIN A6.
Im MediaMarkt Layout wird die gesamte A6-Fläche genutzt – Werbefelder entfallen.
Lange Spezifikationstexte im Modern Layout werden automatisch umgebrochen – kein Text wird abgeschnitten.
Der #COL Switch zeigt Farbkreise statt Text – besonders nützlich bei Produkten mit vielen Varianten.
Alle Daten stammen direkt aus datenbank.js – Änderungen dort wirken sich sofort aus.

Bildquellen & Lizenzen

Produktbilder müssen legal lizenziert sein. Am besten mit transparentem Hintergrund (PNG) – so fügen sie sich nahtlos in Preisschilder und Plakate ein. Empfohlene Bezugsquellen, sortiert nach Rechtssicherheit:

✅ Für Werbung empfohlen – Apple Händler-Portal: Als Apple-Wiederverkäufer erhaltet ihr über euren Apple Account Manager / Distributor Zugang zum Apple Marketing Portal bzw. „Apple Sales Web". Dort liegen freigestellte Produktbilder (transparenter Hintergrund) je Gerät & Farbe – ausdrücklich für Händlerwerbung lizenziert. Das ist der einzige zu 100 % rechtssichere Weg für offizielle Plakate.

⚠️ Apple Newsroom (apple.com/de/newsroom): hochauflösende Originalbilder – aber nur für Presse / redaktionelle Nutzung lizenziert, nicht uneingeschränkt für kommerzielle Werbung. Für interne Vorschauen/Mockups ok; für offizielle Plakate die Quelle oben nutzen. (Die aktuell mitgelieferten Bilder stammen von hier.)

Royalty-free & kostenlos (mit gültiger Lizenz)

Apple Design Resources ✦

Saubere Geräte-Rahmen aller aktuellen Devices (Figma/Sketch/PSD). Lizenz = primär App-/UI-Design – Bedingungen lesen.

Unsplash

Unsplash-Lizenz: kostenlos, kommerziell, ohne Namensnennung. Viele Apple-Geräte-Fotos.

Pexels

Kostenlos für kommerzielle Nutzung, keine Attribution nötig.

Pixabay

Kostenlos, kommerziell nutzbar. Gute Auswahl an Geräte-Renders.

Shots.so / Rotato

Mockup-Generatoren mit PNG-Export bei transparentem Hintergrund.

Meta Devices

Saubere Geräte-Frames zum freien Download (PNG/Figma).

Transparenter Hintergrund: Immer PNG bevorzugen. Hat ein Bild noch weißen Hintergrund, freistellen mit remove.bg oder einem Foto-Tool. Im Editor dann den Schalter Bild transparent aktivieren, damit das Produkt ohne weißen Kasten erscheint.

Rechtlicher Kurz-Hinweis: Das Bild-Copyright deckt eine gültige Lizenz ab (Quellen oben). Die Marke „Apple" und das Produktdesign dürft ihr beim Verkauf der echten Ware nennen/zeigen (beschreibende Nutzung) – aber nie so, dass eine offizielle Partnerschaft oder Empfehlung vorgetäuscht wird. Es gelten Apples Channel-/Identity-Guidelines.

Einbinden: Bilddateien in assets/products-Images/ ablegen und im Datenbank-Editor dem Gerät zuordnen – danach erscheinen sie automatisch in Preisschildern und Plakaten.

Benutzerhandbuch