Alle Beiträge von Sparkles Support

Fensteraufkleber

vinyl-raamsticker-1024x476 Fensteraufkleber

Diesen Aufkleber klebst du ganz einfach als Ganzes auf die Innenseite des Fensters, das du vorher etwas anfeuchtest. Du entfernst das Schutzpapier und streichst den Aufkleber glatt.

Spezifikationen

Formate50×50, 40×60 & 60×40
Runder Fensteraufkleber40×40, 60×60, 80×80 und 100×100 cm Durchmesser
Freie FormFensteraufkleber in freier Form auf 60×60
MaterialFensteraufkleber sind aus transparentem Vinyl gefertigt, weiß laminiert
Lieferzeit4 – 5 Werktage
HintergrundKein transparenter, sondern ein weißer Hintergrund!
VersandkostenZuzüglich Versandkosten
FolieNicht möglich
Hinweis zu FolieBei der Umwandlung eines Designs mit Folie wird die Folie durch eine ähnliche Farbe ersetzt.

Wie gestalte ich einen Fensteraufkleber?

  1. Erstelle eine Kategorie für die Fensteraufkleber.
  2. Wähle bei den Hauptkategorie-Einstellungen Vinyl Transparentes Vinyl mit Full-Color-Druck, weiß laminiert als Material aus.
lightbulb_outline

Tipp

Erstelle eine allgemeine Hauptkategorie wie ‚Geburt – Zusatzprodukte‘ oder ‚Hochzeit – Zusatzprodukte‘. Darunter kannst du dann Unterkategorien für Tapetenkreise, Fensteraufkleber, Geburtsschilder etc. erstellen, die zu diesem Life-Event gehören.

  1. Erstelle einen Tag für die Fensteraufkleber. Zu den Tags
  2. Wähle auf der Seite /kartentyp das Freeform-Produkt aus, das du gestalten möchtest.
  3. Gestalte das Produkt nach deinen Wünschen!
kaarttype-raamsticker-1024x267 Fensteraufkleber

Freeform-Produkt auf /kartentyp auswählen

warning

Anmerkung

Folie nicht möglich! Gestaltest du ein Produkt zu einer Karte mit Folie? Dann verwende einen der unten stehenden entsprechenden Farbcodes.

folie-colors-2 Fensteraufkleber

Folie durch diese Farbcodes ersetzen

1.1 Wie gestalte ich einen runden Fensteraufkleber?

Wir empfehlen dir, deine Designs in einem Format zu erstellen, zum Beispiel 60×60 ø. Es funktioniert derzeit noch nicht so, dass ein Kunde einen Aufkleber anklickt und dann selbst das Design auf einem der vier Formate wählen kann. Das Format ist fest vorgegeben. Wenn sie kein 60×60 cm möchten, kannst du dies für sie in ein anderes Format umwandeln, aber du musst nicht dasselbe Design viermal live stellen.

1.1 Wie gestalte ich einen Fensteraufkleber in freier Form?

Die Designs werden in einem Format entworfen, 60×60 ø. Das Format 60×60 cm ist fest, aber die Form nicht. Im Design kannst du eine Form platzieren, so wie du es auch für eine Stanzkarte machst.

voorbeeldraamsticker-contour-1024x258 Fensteraufkleber
editor-blokken-1024x769 Fensteraufkleber

Wie erstelle ich eine Fensteraufkleber-Kollektion?

  1. Wenn du das neue Design speicherst, wählst du die Unterkategorie aus, in der das Produkt erscheinen soll.
  2. Wähle für das Life-Event das Ereignis aus, das zum Design passt: Geburt-Sonstiges, Jubiläum-Sonstiges oder Hochzeit-Sonstiges.
  3. Das Erstellen einer Seite mit einer Kollektion funktioniert genauso wie bei den Kartenkollektionen. Erstelle Tags für die verschiedenen Produkte, die du anbietest, und lade diese auf der Seite. Möchtest du mehr über das Erstellen einer Kollektionsseite erfahren? Gehe zu: Handbuch CMS

Gut zu wissen!

  1. Wähle die Karte aus, die du in einen Fensteraufkleber umwandeln möchtest. Öffne diese anschließend im Editor.
  2. Klicke auf Datei, dann auf Kartenformat umwandeln, scrolle nach unten, wähle das gewünschte Format für den Fensteraufkleber aus und klicke auf den Button „Umwandeln“.

Anmerkung

Hast du eine Karte mit Folie umgewandelt, wird die Folie automatisch in das Äquivalent ohne Folie angepasst.

  1. Anschließend kopierst du den JSON-Code der Karte, die du umgewandelt hast.
  2. Füge den JSON-Code in das Karten-Import-Tool ein. Wähle einen Fensteraufkleber aus deiner Kollektion mit demselben Format aus, das du für deinen Kunden entworfen hast. Die design-id des Fensteraufklebers trägst du (ohne Schrägstrich davor) in das Feld ein: Spezifikationen von dieser Karte übernehmen. Fülle die übrigen Felder aus.
  3. Anschließend speicherst du dieses Design in der Kollektion des Kunden. Dies ist wichtig, da du den Fensteraufkleber NICHT direkt aus dem Editor bestellen kannst.
  4. Der Kunde kann nun aus der eigenen Kollektion das Willkommensschild eventuell noch etwas anpassen und anschließend selbst bestellen und bezahlen.
  5. Nach der Bestellung siehst du diese im CMS unter Bestellungen.
kaartformaat-omzetten-raambord-1 Fensteraufkleber
kaart-omzetten-raamsticker-1024x797 Fensteraufkleber

Karte in Fensteraufkleber umwandeln

  1. Du kannst den Fensteraufkleber mit einem Föhn oder einem heißen Tuch ein wenig erwärmen.
  2. Anschließend kannst du den Aufkleber vom Fenster entfernen.

Inspiration

inspiratie-raamstickers-1024x255 Fensteraufkleber

Beispiele für Fensteraufkleber auf Hippe-geboortekaartjes.nl


Fensterplakat – Freie Form

Geboorteborden Fensterplakat – Freie Form

Die Fensterplakate mit freier Form werden genau wie die regulären Fensterplakate auf Hohlkammerplatten gedruckt. Das Besondere an diesen Schildern ist die Möglichkeit, eine Stanzform hinzuzufügen, diese darf sich jedoch ausschließlich innerhalb der Konturen des Designs befinden. Verwende keine Stanzformen im Inneren des Designs! Da wir Hohlkammerplatten verwenden, ist es wichtig, die Stanzformen fließend zu halten. Hier sind einige Beispiele zur Veranschaulichung:

Spezifikationen

ProduktFensterplakat doppelt (einzeln nicht möglich)
FormatNur 40×60
MaterialGedruckt auf Hohlkammerplatte, wetterfestes Material (3,5 mm dick)
Lieferzeit3 bis 4 Werktage
VersandkostenZuzüglich 3,95 € Versandkosten
FolieNicht möglich
Hinweis zur FolieBei der Umwandlung eines Designs mit Folie wird die Folie durch eine ähnliche Farbe ersetzt.
Geboortecharlie Fensterplakat – Freie Form
Geboortevrij1 Fensterplakat – Freie Form

In welche Kategorie ordne ich ein Fensterplakat mit freier Form ein?

Die Fensterplakate mit freier Form können in derselben Kategorie wie die regulären Fensterplakate untergebracht werden. Falls noch keine Kategorie erstellt wurde, schau dir bitte die Anleitung für Fensterplakate an, in der du Anweisungen zum Erstellen einer Kategorie für Fensterplakate findest.

Wie entwerfe ich ein Fensterplakat mit freier Form?

  1. Öffne die Vorlage in Illustrator; diese kann unten auf der Seite heruntergeladen werden.
  2. Die schwarze Fläche ist in 4 Bereiche unterteilt. Von links nach rechts: Bereich 1 ist der „Klebestreifen“ auf der linken Seite, dieser wird umgeknickt. Bereich 2 ist die linke Seite des Schildes. Bereich 3 ist die rechte Seite des Schildes und Bereich 4 ist der „Klebestreifen“ auf der rechten Seite. Im Stanzentwurf werden die „Klebestreifen“ nicht mitgedruckt, aber es ist wichtig, den benötigten Platz für die Klebestreifen zu berücksichtigen. Dieser Platz ist entscheidend und stellt sicher, dass das Design korrekt ausgeführt wird.
Stap2-1024x515 Fensterplakat – Freie Form
  1. Die Datei ist anders aufgebaut als eine Karte mit Stanzung. Wir importieren nämlich eine Plano-Stanzform (Stanzung über die gesamte Breite), die in den Editor geladen wird. Die Gesamtbreite dieses Dokuments beträgt 910 mm (55 mm Klebestreifen, 400 mm Schild, 400 mm Schild & 55 mm Klebestreifen). Die Höhe ist im Prinzip variabel, maximal 600 mm, und du kannst sie nach eigenem Ermessen pro Stanz-design anpassen. Die Folge ist allerdings, dass das Schild dann niedriger wird; es kann nicht schmaler als 400 mm sein. Die Klebestreifen dürfen nicht kürzer als 150 mm werden.
  2. Füge die gewünschte Form, die du dem Schild geben möchtest, auf der linken und rechten Seite im Dokument ein. Achte immer darauf, dass die x- und y-Achse für beide Seiten ausgefüllt ist. Gib im Editor für die linke Seite ein: x: -55 und y: -5. Und für die rechte Seite gibst du ein: x: -455 und y: -5. Erstelle nun eine Form aus der schwarzen Fläche. Wähle zuerst die linke Form und den schwarzen Balken aus und klicke im Pathfinder auf die erste Schaltfläche. Wiederhole dies auch mit der rechten Seite. Nun bleibt ein schwarzer Balken übrig, aus dem die Form des Schildes ausgeschnitten ist.
Stap4_2-1024x589 Fensterplakat – Freie Form
  1. Speichere die Datei als SVG.
  2. Öffne im Editor das Kartenformat „Fensterplakat doppelt 40×60 Kontur“. Importiere die SVG, die du gerade erstellt hast, auf Seite 1, passe die Breite auf 910 an und setze x auf -55 und y auf -5. Klicke nun links auf das Zahnrad und wähle unten die Option „Druckebene: Stanzung umgekehrt“. Aktiviere „Anklickbar“ und „Element sperren“.
Stap6-1024x586 Fensterplakat – Freie Form
  1. Klicke nun auf Seite 2, importiere die SVG erneut, passe die Breite auf 910 an und setze x auf -455 und y auf -5. Klicke nun links auf das Zahnrad und wähle unten die Option „Druckebene: Stanzung umgekehrt“. Aktiviere „Anklickbar“, schalte „Drucken“ AUS und aktiviere „Element sperren“.
Stap7-1024x590 Fensterplakat – Freie Form

Wenn alles stimmt, siehst du nun die gewünschte Form und kannst mit dem designen beginnen.

Gut zu wissen!

  1. Öffne die Karte, die du in ein Fensterplakat mit freier Form umwandeln möchtest, im Editor.
  2. Klicke auf Datei → Kartenformat umwandeln, scrolle nach unten und wähle „Fensterplakat doppelt 40×60 Kontur“. Wähle bei Seite 1 und Seite 2 jeweils „Alte Seite 1“. Klicke anschließend auf Umwandeln.
Kaartformaat-omzetten-1024x873 Fensterplakat – Freie Form
  1. Du siehst nun das Fensterplakat ohne Stanzform. Füge jetzt die gewünschte Stanzform hinzu.
  2. Kopiere den JSON-Code.
  3. Füge den JSON-Code in das Karten-Import-Tool ein. Um das Feld Spezifikationen von dieser Karte übernehmen auszufüllen, wähle ein Fensterplakat mit freier Form aus deiner Kollektion. Die Design-ID des Fensterplakats trägst du (ohne Schrägstrich davor) in das Feld ein. Fülle anschließend die übrigen Felder aus.
  4. Speichere den Entwurf in der Kollektion des Kunden. Das ist wichtig, da du das Fensterplakat NICHT direkt aus dem Editor bestellen kannst.
  5. Der Kunde kann das Fensterplakat nun aus der eigenen Kollektion heraus eventuell noch etwas anpassen und anschließend selbst bestellen und bezahlen.

Inspiration

Raambord-Inspiratie-1024x365 Fensterplakat – Freie Form

Beispiel für Fensterplakate mit freier Form auf: Hippe-geboortekaartjes.nl

Lade die Vorlage herunter


Band (SKU)

lint1 Band (SKU)

Beiges Chiffon-Seidenband

Beiges Chiffon-Seidenband (20 Meter).
Du erhältst 2 Rollen à 10 Meter.
Geeignet, um ca. 40 Karten zu verzieren.

lint2 Band (SKU)

Blaugraues Chiffon-Seidenband

Blaugraues Chiffon-Seidenband (20 Meter).
Du erhältst 2 Rollen à 10 Meter.
Geeignet, um ca. 40 Karten zu verzieren.

lint-3 Band (SKU)

Ecru Chiffon-Seidenband

Ecru Chiffon-Seidenband (20 Meter).
Du erhältst 2 Rollen à 10 Meter.
Geeignet, um ca. 40 Karten zu verzieren.

lint4 Band (SKU)

Altrosa Chiffon-Seidenband

Altrosa Chiffon-Seidenband (20 Meter).
Du erhältst 2 Rollen à 10 Meter.
Geeignet, um ca. 40 Karten zu verzieren.

lint6 Band (SKU)

Salbeigrünes Chiffon-Seidenband

Salbeigrünes Chiffon-Seidenband (20 Meter).
Du erhältst 2 Rollen à 10 Meter.
Geeignet, um ca. 40 Karten zu verzieren.

lint5 Band (SKU)

Altrosa Samtband

Altrosa Samtband (10 Meter), 6 mm breit.
Der Samt befindet sich auf einer Seite des Bandes.
Geeignet, um ca. 25 Karten zu verzieren.

lint7 Band (SKU)

Taupefarbenes Samtband

Taupefarbenes Samtband (10 Meter), 6 mm breit.
Der Samt befindet sich auf einer Seite des Bandes.
Geeignet, um ca. 25 Karten zu verzieren.


Photoshop-API: Preview-Templates erstellen und im CMS hochladen

Mit der Photoshop-API im CMS kannst du Previews von verschiedenen Freeform-Produkten generieren.

Wichtig zu wissen

Freeform-Produkte mit einem Spread, Produkte mit einer freien Stanzform und Produkte auf Aufstellern können nicht zur Generierung von Preview-Templates verwendet werden.

Beispiele hierfür sind:

  • Baby-Gästebücher
  • Gästebücher
  • Aufsteller
  • Hochzeitsschilder mit origineller Form
  • Adressaufkleber

1. Photoshop-Einstellungen

Erstelle in Photoshop ein Template im Format der Featured Images, die du normalerweise verwendest.

Folge danach diesen Schritten:

  1. Platziere auf deinem Bild eine Form in der Form des Produkts.
  2. Wandle die Form in ein Smartobjekt um.
  3. Gib dem Objekt die Bezeichnung des Produkts.
    • Gib einen Namen ohne Leerzeichen und Großbuchstaben an
  4. Erstellst du eine Preview für Aufkleber und befinden sich auf deinem Bild mehrere verschiedene Previews des Aufklebers? Erstelle dann mehrere Smartobjekte.
  5. Die übrigen Ebenen der Bilder lässt du als Pixel bestehen.
  6. Für bestimmte Produkte möchtest du auch die Struktur unter dem design zeigen. Stelle hierfür die Transparenz ein.

2. Zusätzliche Einstellung für Produkte, die in einem Winkel stehen

Erstellst du eine Preview für ein Produkt, das in einem Winkel steht, zum Beispiel ein Fensterschild, das an einem Fenster befestigt ist? Berücksichtige dann Folgendes:

  1. Beginne immer mit einer flachen Form.
    • für ein Fensterschild ein Rechteck
  2. Erstelle aus dieser flachen Form ein Smartobjekt.
  3. Ändere danach die Form des Rechtecks so, dass sie mit der Form des Schildes auf dem Bild übereinstimmt.
  4. Nun wird die Preview so generiert, als ob sie in einem Winkel stünde.

3. Template im CMS hochladen

Wenn dein Template in Photoshop fertig ist, kannst du dieses im CMS hochladen.

Folge hierfür diesen Schritten:

  1. Speichere dein neues Template im Format der Featured Images, die du normalerweise verwendest.
  2. Gehe zum CMS > Tools > Photoshop-API.
  3. Wähle oben „Freeform“ aus und lade dein Template hoch.
  4. Gehe nun zum CMS > Karten entwerfen.
  5. Gehe zu dem design, bei dem du das Template verwenden möchtest.
  6. Wähle rechts unter der Option „Featured Image Template wählen“ das Template aus.
  7. Wähle nun „Page 0 Vorderseite“ und „Featured Image generieren“.

4. Featured Image nach der Generierung optimieren

Nach der Generierung der Preview ist es wichtig, das Featured Image noch zu verkleinern.

Die Preview wird nun generiert, aber die Dateigröße der Previews ist noch zu groß. Dies kann sich nachteilig auf die Ladegeschwindigkeit deiner PLP und PDP auswirken.

Daher empfehlen wir, das Featured Image noch zu verkleinern.

Folge hierfür diesen Schritten:

  1. Gehe nach der Generierung der Preview zur PDP des Produkts.
  2. Speichere das Featured Image.
  3. Gehe zu https://pixelied.com/convert/png-converter/png-to-webp und konvertiere dein Bild.
  4. Speichere das Bild und lade es im CMS erneut als Featured Image hoch.
  5. Lösche dabei das zuvor generierte Featured Image.

Zusammenfassung

Verwende die Photoshop-API, um Preview-Templates für Freeform-Produkte zu generieren, aber berücksichtige die Einschränkungen bestimmter Produkttypen. Erstelle in Photoshop ein gut aufgebautes Template mit Smartobjekten, lade dieses über das CMS hoch und generiere danach das Featured Image. Verkleinere die endgültige Preview immer noch manuell, um die Ladegeschwindigkeit der PLP und PDP zu verbessern.


Photoshop-API: Preview-Templates erstellen und im CMS hochladen

Mit der Photoshop-API im CMS können Sie Previews von verschiedenen Freeform-Produkten generieren.

Wichtig zu wissen

Freeform-Produkte mit einem Spread, Produkte mit einer freien Stanzform und Produkte auf Ständer können nicht zur Generierung von Preview-Templates verwendet werden.

Beispiele hierfür sind:

  • Babybesuchsbücher
  • Gästebücher
  • Tischkarten
  • Hochzeitsschilder mit origineller Form
  • Adressaufkleber

1. Photoshop-Einstellungen

Erstellen Sie in Photoshop ein Template im Format der Featured Images, die Sie normalerweise verwenden.

Folgen Sie danach diesen Schritten:

  1. Platzieren Sie auf Ihrem Bild eine Form in der Form des Produkts.
  2. Wandeln Sie die Form in ein Smartobjekt um.
  3. Geben Sie dem Objekt die Bezeichnung des Produkts.
    • Geben Sie einen Namen ohne Leerzeichen und Großbuchstaben an
  4. Erstellen Sie eine Preview für Aufkleber und befinden sich auf Ihrem Bild mehrere verschiedene Previews des Aufklebers? Erstellen Sie dann mehrere Smartobjekte.
  5. Die übrigen Ebenen der Bilder lassen Sie als Pixel bestehen.
  6. Für bestimmte Produkte möchten Sie auch die Struktur unter dem design zeigen. Stellen Sie hierfür die Transparenz ein.

2. Zusätzliche Einstellung für Produkte, die in einem Winkel stehen

Erstellen Sie eine Preview für ein Produkt, das in einem Winkel steht, zum Beispiel ein Fensterschild, das an einem Fenster befestigt ist? Berücksichtigen Sie dann Folgendes:

  1. Beginnen Sie immer mit einer flachen Form.
    • für ein Fensterschild ein Rechteck
  2. Erstellen Sie aus dieser flachen Form ein Smartobjekt.
  3. Ändern Sie danach die Form des Rechtecks so, dass sie mit der Form des Schildes auf dem Bild übereinstimmt.
  4. Nun wird die Preview so generiert, als ob sie in einem Winkel stünde.

3. Template im CMS hochladen

Wenn Ihr Template in Photoshop fertig ist, können Sie dieses im CMS hochladen.

Folgen Sie hierfür diesen Schritten:

  1. Speichern Sie Ihr neues Template im Format der Featured Images, die Sie normalerweise verwenden.
  2. Gehe zu ‚CMS > Tools > Photoshop API‘.
  3. Wählen Sie oben „Freeform“ aus und laden Sie Ihr Template hoch.
  4. Gehe jetzt zu ‚CMS > Karten entwerfen‘.
  5. Gehen Sie zu dem design, bei dem Sie das Template verwenden möchten.
  6. Wählen Sie rechts unter der Option „Featured Image Template wählen“ das Template aus.
  7. Wähle jetzt ‚page 0 Vorderseite‘ und klicke auf ‚Beitragsbild generieren‘.

4. Featured Image nach der Generierung optimieren

Nach der Generierung der Preview ist es wichtig, das Featured Image noch zu verkleinen.

Die Preview wird nun generiert, aber die Größe der Previews ist noch zu groß. Dies kann sich nachteilig auf die Ladegeschwindigkeit Ihrer PLP und PDP auswirken.

Daher empfehlen wir, das Featured Image noch zu verkleinern.

Folgen Sie hierfür diesen Schritten:

  1. Gehen Sie nach der Generierung der Preview zur PDP des Produkts.
  2. Speichern Sie das Featured Image.
  3. Gehen Sie zu https://pixelied.com/convert/png-converter/png-to-webp und konvertieren Sie Ihr Bild.
  4. Speichern Sie das Bild und laden Sie es im CMS erneut als Featured Image hoch.
  5. Löschen Sie dabei das zuvor generierte Featured Image.

Zusammenfassung

Verwenden Sie die Photoshop-API, um Preview-Templates für Freeform-Produkte zu generieren, aber berücksichtigen Sie die Einschränkungen bestimmter Produkttypen. Erstellen Sie in Photoshop ein gut aufgebautes Template mit Smartobjekten, laden Sie dieses über das CMS hoch und generieren Sie danach das Featured Image. Verkleinern Sie die endgültige Preview immer noch manuell, um die Ladegeschwindigkeit der PLP und PDP zu verbessern.


Rails im CMS einrichten und füllen

Mit Rails kannst du an verschiedenen Stellen im Shop passende Designs und Produkte anzeigen. So hilfst du Kunden, schneller passende Entscheidungen zu treffen, und kannst zusätzliche Produkte hervorheben, wie zum Beispiel ein Geburtsschild, ein Willkommensschild oder andere Produkte im gleichen Stil.

Rail-KonfigurationDu findest die Rail-Konfiguration im CMS unter CMS > Content > Rail-Konfiguration.
Basket – topDiese Rail wird unten im Warenkorb angezeigt.
User-design – topDiese Rail wird in der eigenen Kollektion angezeigt, wenn ein gespeichertes Design geöffnet wird.
PDP – topDies ist die obere der beiden Rails unten auf der Produktdetailseite (PDP).
PDP – bottomDies ist die Rail unter der obersten Rail auf der Produktdetailseite.
PDP – mobileDies ist eine separate Rail, die nur auf Mobilgeräten unter der Produktvorschau auf der Produktdetailseite angezeigt wird.

Was sind Rails?

Mit einer Rail zeigst du mehrere Produkte oder Designs in einem Slider oder Swiper an. Dies ermöglicht es, ergänzende oder passende Artikel übersichtlich zu präsentieren. Rails können manuell mit verknüpften Artikeln gefüllt werden oder je nach Einstellungen automatisch Inhalte anzeigen.

Indem du bewusst über den Inhalt einer Rail nachdenkst, kannst du Kunden inspirieren und ihnen helfen, ihre Bestellung zu vervollständigen. Denke zum Beispiel an ein Geburtsschild bei Geburtskarten oder ein Willkommensschild bei Hochzeitskarten.

Produkte und Designs mit einer Karte verknüpfen

Wenn du im CMS zu Content > Karten bearbeiten gehst, kannst du Produkte und Designs mit Karten oder Ankündigungsprodukten verknüpfen.

Klicke auf Beziehungen bearbeiten, um die verknüpften Produkte oder Designs für einen Entwurf einzustellen oder anzupassen.

  • Links siehst du, welche Produkte oder Designs bereits mit dem Entwurf verknüpft sind.
  • In der Mitte siehst du eine Liste mit verfügbaren Produkten und Designs. Über das Suchfeld kannst du zum Beispiel nach der ID oder der URL suchen.
  • Rechts siehst du das ausgewählte Produkt oder Design mit den darunter liegenden Schaltflächen: Als verwandt hinzufügen, Als Cross-Sell hinzufügen, Als Upsell hinzufügen und Zu Set hinzufügen.
  • Mehr Erklärungen zu diesen Optionen liest du auf der Seite Beziehungen bearbeiten.
relaties-cms-1-1024x414 Rails im CMS einrichten und füllen

Produkte und Designs verknüpfen über CMS > Content > Karten bearbeiten.

relaties-bewerken-cms-1-1024x787 Rails im CMS einrichten und füllen

Übersicht der verknüpften Beziehungen innerhalb von Karten bearbeiten.

Rails auf der Produktdetailseite

Über die Rail-Konfiguration kannst du einstellen, welche Rails auf der Produktdetailseite angezeigt werden. Auf der PDP können maximal zwei Rails unten auf der Seite sichtbar sein. Auf Mobilgeräten kann zusätzlich eine separate Rail unter der Produktvorschau angezeigt werden.

Wenn du keine benutzerdefinierten Inhalte einstellst, werden automatisch Designs aus derselben Kategorie angezeigt. Verknüpfst du manuell andere Designs, werden nur die verknüpften Artikel angezeigt und es erfolgt keine automatische Ergänzung mit anderen Designs aus derselben Kategorie.

Screenshot-2026-03-12-at-14.15.14-1024x576 Rails im CMS einrichten und füllen

Rail-Einstellungen im CMS.

Verwandte Designs auf der PDP

Wenn du den Rail-Inhalt auf Verwandt einstellst, bestimmst du selbst, welche Designs in der Rail erscheinen. Das ist besonders praktisch, wenn du Kunden andere Entwürfe im gleichen Stil zeigen möchtest.

Auf der Produktdetailseite hilft dies dem Kunden, ähnliche Karten anzusehen, ohne zur Kollektionsseite zurückkehren zu müssen. So unterstützt du den Entscheidungsprozess auf logische Weise.

Screenshot-2026-03-12-at-14.15.49-1024x428 Rails im CMS einrichten und füllen

Beispiel für verwandte Designs in einer Rail auf der Produktdetailseite.

Cross-Sell auf der PDP und in der eigenen Kollektion

Wenn du den Rail-Inhalt auf Cross-Sell einstellst, kannst du passende Produkte oder Designs mit einer Karte verknüpfen. Diese verknüpften Cross-Sell-Artikel können genutzt werden, um Kunden mit ergänzenden Produkten im gleichen Stil oder für den gleichen Anlass zu inspirieren.

Bei einer Hochzeitskarte kannst du hier zum Beispiel eine Menükarte, Dankeskarte oder ein Willkommensschild aus dem gleichen Hochzeitsdesign zeigen. Bei einer Geburtskarte kannst du an ein Geburtsschild oder ein anderes passendes Produkt denken.

Cross-Sell-Artikel werden nicht nur auf der PDP verwendet, sondern auch in der Rail innerhalb der eigenen Kollektion.

Außerdem kannst du den Titel über der Rail anpassen und dich dafür entscheiden, ein Produkttyp-Label anzuzeigen. Dies ist besonders nützlich, wenn mehrere Produkttypen im gleichen Stil angezeigt werden und du den Unterschied deutlicher machen möchtest, zum Beispiel zwischen einer Hochzeitskarte, Menükarte und Dankeskarte.

cross-sell-eigen-collectie-1-1024x770 Rails im CMS einrichten und füllen

Beispiel für Cross-Sell-Inhalte oder Produkttyp-Labels in einer Rail auf der Produktdetailseite.

Rail in der eigenen Kollektion

Produkte oder Designs, die als Cross-Sell verknüpft sind, werden auch in einer Rail innerhalb der eigenen Kollektion angezeigt. Dies geschieht, wenn ein Besucher ein gespeichertes Design erneut öffnet.

Dies ist ein guter Moment, um ergänzende Produkte zu zeigen. Der Kunde hat schließlich bereits Interesse am Design gezeigt und schaut es sich erneut an. Ein passendes Zusatzprodukt kann in diesem Moment sehr relevant sein.

lightbulb_outline

Tipp

Nutze diesen Moment, um Kunden mit ergänzenden Produkten zu inspirieren, die ihre Bestellung vervollständigen, wie zum Beispiel eine Schleife, ein Band, ein Geburtsschild oder ein anderes Produkt im gleichen Stil.

Rail nach dem Bestellvorgang

Upsell-Produkte werden nach dem Bestellvorgang zusammen mit Ankündigungsprodukten angezeigt. Dies ist der Moment kurz bevor der Kunde zur Kasse geht.

Auch wenn ein Kunde das Design nicht zuerst in der eigenen Kollektion speichert, kannst du hier noch ergänzende Produkte zeigen, die gut zur Bestellung passen.

warning

Anmerkung

Diese Rail wird nur angezeigt, wenn ein Kunde ein Paket mit dem Life-Event Hochzeit oder Geburt wählt. Die Upsell-Rail wird bei einem Probedruck nicht angezeigt.

upsell-relatie-1-1024x510 Rails im CMS einrichten und füllen

Beispiel für Upsell-Produkte nach dem Bestellvorgang.

Wann benutzt du welche Rail?

  • Verwandt: verwendest du, um ähnliche Designs im gleichen Stil zu zeigen, vor allem auf der PDP.
  • Cross-Sell: verwendest du, um ergänzende Produkte oder Designs zu zeigen, die gut zum gewählten Entwurf passen.
  • Upsell: verwendest du, um nach dem Bestellvorgang noch relevante Zusatzprodukte anzuzeigen.

Denke beim Füllen von Rails immer an den Moment in der Customer Journey. Auf der PDP kann einem Kunden noch beim Vergleichen von Stilen geholfen werden. In der eigenen Kollektion oder nach dem Bestellvorgang ist es logischer, ergänzende Produkte zu zeigen, die die Bestellung vervollständigen.


Neuer Shop

Willkommen! Es ist toll, dass du deinen Shop gestaltest. Unten findest du eine Checkliste mit den verschiedenen Schritten, die zu tun sind.

  1. Design Kartenshop
  2. Fonts und Schriftarten
  3. Kartenformate und -typen
  4. Materialspezifikationen
  5. Papiersorten
  6. Erste Schritte
  7. CMS
  8. SVG
  9. Einstellungen für automatische System-E-Mails
  10. Verknüpfungen
  11. Redirects
  12. Rabattcodes
  13. Kundenservice
  14. Häufig verwendete Begriffe

warning

Anmerkung

Nimm niemals große Änderungen vor, ohne dies mit dem Kunden abzusprechen.



Cybersecurity

image-69 Cybersecurity

Bei Sparkles legen wir großen Wert auf die Sicherheit und den Schutz unserer Daten. Am 11. Juni 2024 fand ein Informationsmorgen statt. Sprecher waren Barry von Sparkles, Erik von der Versicherung YouSure und Michiel von Schouten Advocaten. Du kannst die Präsentation unten herunterladen.

Zusammenfassung

Der Anlass, Cybersecurity zum Thema zu machen, ist die Tatsache, dass wir uns so gut wie möglich gegen einen potenziellen Cyberangriff absichern und schützen wollen. Sparkles hat eine Versicherung für unsere Plattform abgeschlossen, aber Teil dieser Versicherung ist die Verpflichtung, dass alle White Labels ebenfalls Maßnahmen treffen, um sich selbst zu schützen. Sparkles hat seine eigene Plattform geschützt und ist für alle Schäden abgedeckt, die über uns durch Cyber-Einwirkungen auf deinen Shop gelangen. Da du von deinem Shop aus auf unser System zugreifen kannst, ist auch eine Absicherung auf deiner Seite erforderlich.

Was tun wir?

  • Backups von Datenbanken erstellen (3 Stück: 2 intern & 1 extern)
  • Versionsverwaltung und Backups von Code
  • Patch-Management-Server (immer aktualisieren)
  • Sichere Konfigurationsinfrastruktur (Zero Trust)
  • Arbeiten nach OWASP Top 10
  • Cybersecurity-Versicherung
  • 2-Faktor-Authentisierung im CMS und CTRL

Was musst du tun?

Wir bitten dich, einige Dinge in Ordnung zu bringen und uns dies schriftlich zu bestätigen. Konkret geht es um Folgendes:

  • Nutze ein gutes Antivirenprogramm
  • Sei dir der Gefahr von PHISHING bewusst
  • Verwende verschiedene sichere Passwörter
  • Sperre deinen Computer oder fahre ihn herunter
  • Gehe sorgfältig mit Daten um (Backups/Aufbewahrung)

Was ändert sich konkret:

  • Die oben genannten Punkte werden in der Lizenz festgehalten und sind Mindestanforderungen für die Zusammenarbeit mit Sparkles.
  • Alle zwei Jahre musst du einen Nachweis erbringen können, dass du sicher arbeitest.
  • Wir empfehlen dir, eine Versicherung abzuschließen, dies ist jedoch keine Verpflichtung.

Yousure.nl – Cybersecurity-Versicherung

Mit einer Cyberversicherung deckst du die finanziellen Folgen von Hacking, Systemeinbrüchen, Datenverlust, Datendiebstahl und anderen Formen der Cyberkriminalität ab. Auch Schäden durch menschliche Fehler sind enthalten. Zum Beispiel, wenn ein Mitarbeiter auf einen Link in einer Phishing-E-Mail klickt und Geld überweist. Eine Cyberversicherung schützt nicht nur vor finanziellen Risiken, sondern bietet nach einem Vorfall auch Unterstützung durch Cyberspezialisten. Diese helfen dir, den Schaden so weit wie möglich zu begrenzen.

Empfehlung Antivirenprogramm

Wenn es um Endpoint-Scanner geht, können alle drei oben genannten Parteien diese liefern. Zusätzlich ist AVG ebenfalls ein guter Anbieter.


Post und Retouren

Es gibt mehrere Gründe, warum Post zurückkommt. Die Arbeitsweise ist universell.

Arbeitsweise

  • Der Customer Service Zeist erhält das Paket und kontaktiert den Shopbetreiber über orders@sparkles.io.
  • Der Shopbetreiber ergreift Maßnahmen, wie zum Beispiel:
    • Rückerstattung bei Retouren-SKUs
    • Nachfragen und Weitergabe der korrekten Adresse
  • Der Shopbetreiber gibt Rückmeldung an orders@sparkles.io.

Antwortnummer

Antwortnummer Niederlande
Name des Webshops
z. Hd. Bestellnummer
Antwoordnummer 5544
3700 VB Zeist
Beispiel
Made for Moments
z. Hd. MF1234567
Antwoordnummer 5544
3700 VB Zeist
Antwortnummer Belgien
Name des Webshops
z. Hd. Bestellnummer
Visweg 1 A B-2387
Baarle-Hertog
Beispiel
Made for Moments
z. Hd. MF1234567
Visweg 1 A B-2387
Baarle-Hertog

Gründe für Retouren

Rücksendung: Falsche Adresse

Der Versanddienstleister kann das Paket nicht zustellen, da die Adresse falsch ist oder nicht geliefert werden kann. Das Paket wird an die Adresse in Zeist zurückgeschickt. Von Zeist aus wird ein neues Versandetikett erstellt und frankiert an den Kunden geschickt.

Kunde schickt SKUs zurück

Der Kunde hat Umschläge in der falschen Farbe bestellt und möchte diese umtauschen. Diese können an die Antwortnummer zurückgeschickt werden. Nach Erhalt des Pakets wird die Rückerstattung für den Kunden veranlasst.

Sehr unzufriedener Kunde

In manchen Fällen ist ein Kunde so unzufrieden, dass die Situation nicht mehr zu retten ist. Der Kunde möchte alles zurückschicken. Dies ist eine große Ausnahme und das letzte Mittel. Nur auf diesem Weg kann eine vollständige Rückerstattung erfolgen.


Störung

Zahlungsstatus (Mollie)

Mollie verarbeitet Online-Zahlungen für die Webshops. Sie sind für den Zahlungsverkehr zwischen dem Kunden und dem Shop verantwortlich.

Mail-Status (Brevo)

Brevo sorgt für den Versand aller E-Mails aus dem CMS an Kunden. Denke dabei an Bestellbestätigungen, System-Mails und E-Mails für „Passwort vergessen“. Sollte es eine Störung geben, werden die E-Mails rückwirkend versendet.

ZoHo-Status

ZoHo ist ein Tool, das von Sparkles für die Ausführung des Moduls Kundenservice genutzt wird.

Kunden können mit einem Probedruck sehen, wie die Geburtskarte oder die Einladung in echt aussehen wird. Bei einem Probedruck kannst du ein Probeset mit Papiermustern und farbigen Umschlägen wählen.


Keine Antwort gefunden?

Nimm gern Kontakt mit uns auf, unser Support-Team ist für dich da!