Alle berichten van Sparkles Support

Romper

rompertjes-1024x333 Romper

Deze gepersonaliseerde romper is een heerlijk zacht kledingstuk voor de allerkleinsten en een perfect kraamcadeau. Met een persoonlijke print op de borst is het rompertje niet alleen praktisch, maar ook een liefdevolle herinnering. Dankzij de handige envelophals en drukknoopjes is het gemakkelijk aan en uit te trekken.

Specificaties

Materiaal100% katoen
BedrukkingFull-color (FC), wit drukken mogelijk
Bedrukkingsvlak12,5 x 12 cm (midden op de borst)
WassenMax. 30 graden, niet geschikt voor de droger
AfwerkingTransfer bedrukking
Maximaal aantal letters11 letters per naam
Lettertype en kleurenStandaard ingesteld in de editor
EditorKlant personaliseert via de editor
OntwerpoptiesNaam, illustratie of korte tekst in full-colour
Let opHet bedrukbare gebied is beperkt – hou het ontwerp compact en gecentreerd
warning

Belangrijke opmerking

De kleuren kunnen in werkelijkheid iets afwijken van de editorweergave.
Lengte van de naam:
Hoe langer de naam, hoe kleiner de letters worden.
Positie van de bedrukking:
De positie van de ‘Naam + evt. afbeelding’ is altijd gecentreerd in het midden van het werkgebied. Dus een kleine afbeelding hoog op de borst kan niet, in de productie hebben ze geen voorbeeld van waar het geplaatst moet worden. Het geheel wordt dus altijd gecentreerd in het midden geplaatst.

Hoe ontwerp ik een Rompertje?

De romper maak je gemakkelijk op in de editor. Je ziet in de editor één voorbeeld van de romper op één pagina. Het gebied is afgebakend waar je de naam en eventueel een afbeelding kunt plaatsen. Je kunt van de vooraf ingestelde lettertypes en kleuren kiezen. Selecteer het tekstvak en open de objectinstellingen om de optie “PDP bewerkbaar” aan te zetten. Onderaan bij het tekstvak “Maximaal aantal karakters” vul je het getal 11 in en kies onder Tags – name.

romper-editor-1024x757 Romper

Beeldcategorieën en richtlijnen voor Gifting Producten

1. Transparantie in afbeeldingen

  • Beelden voor gifting producten mogen geen transparantie bevatten. Dit kan problemen veroorzaken in de editor en productie, bijvoorbeeld bij een watercolour-kleurvlek.
  • Hoewel het in de editor niet altijd zichtbaar is dat het fout gaat, komt het pas bij het drukken naar voren.
geen-transparantie-opslaan-1-1024x993 Romper

2. Correct vrijstaand maken van afbeeldingen

Beelden moeten correct vrijstaand zijn. Dit betekent dat je niet met het “toverstafje” uit Photoshop de achtergrond mag selecteren, want dan selecteer je niet de onzichtbare delen.

niet-toverstaf-1-1024x694 Romper

De beelden moeten echt netjes en zorgvuldig vrijstaand gemaakt worden. Vrijstaand maken doe je door met het ‘Pennetje’ een selectie om de afbeelding te maken, de selectie ‘omkeren’ en vervolgens de selectie te deleten.

wel-pen-1-1024x711 Romper
vrijmaken-1-1024x399 Romper

3. Extra belang van Beeldcategorieën

  • Als je al een beeldcategorie hebt voor “trouwkaarten” of “trouwen”, dan kunnen de beelden in die categorie transparantie bevatten zonder dat je dit weet, bijvoorbeeld een watercolour takje uit Photoshop. Deze beeldcategorieën kunnen niet aangeboden worden in de editor bij dit gifting-product.
  • In dit geval moet er een aparte Beeldcategorie voor gifting worden aangemaakt. De afbeeldingen met transparantie moeten uit de ‘oude’ beeldcategorie worden gehaald, aangepast en in de ‘aparte’ beeldcategorie voor Gifting gezet worden.
  • Dit betekent mogelijk dat je alle bestanden binnen deze ‘oude’ beeldcategorie moet bewerken, zodat er geen transparantie meer in de afbeeldingen zit.
  • Deze afbeeldingen moeten dus opnieuw worden toegevoegd in de juiste beeldcategorieën in het CMS – Instellingen – Beeldcategorieën, zodat ze correct worden weergegeven.

Technische specificaties

  • Categorie-indeling: we raden aan om een cadeau-hoofdcategorie te maken met romper als subcategorie
  • Vergeet niet het materiaal Textiel aan te vinken.
  • Koppel het life event: gift aan het design

Verpakking & Verzending

LeverancierSparkles Gifting
Opslag & transportWordt los verzonden van een kaartorder.
LevertijdVerzonden binnen 3 werkdagen

Verkoop & Positionering

Doelgroep: Perfect als kraamcadeau, zwangerschapsaankondiging, my first christmas-item, of eerste pakje.

USP’s:

  • 100% katoen, comfortabel en ademend
  • Full-color bedrukt met naam of illustratie
  • Makkelijk aan en uit te trekken dankzij envelophals
  • Verkrijgbaar in diverse maten en kleuren

Raamstickers

vinyl-raamsticker-1024x476 Raamstickers

Deze sticker plak je gemakkelijk in zijn geheel aan de binnenkant van het raam dat je iets nat maakt. Je verwijdert het schutvel en strijkt de sticker glad.

Specificaties

Formaten50×50, 40×60 & 60×40
Ronde raamsticker40×40, 60×60, 80×80 en 100×100 cm doorsnede
Vrije vormRaamsticker in een vrije vorm op 60×60
MateriaalRaamstickers zijn gemaakt van transparant vinyl, wit gelamineerd
Levertijd4 – 5 werkdagen
AchtergrondGeen transparante maar witte achtergrond!
VerzendkostenExclusief verzendkosten
FolieNiet mogelijk
Opmerking folieBij het omzetten van een ontwerp met folie wordt de folie vervangen door een kleur die erop lijkt.

Hoe ontwerp ik een raamsticker?

  1. Maak een categorie aan voor de raamstickers.
  2. Selecteer bij de hoofdcategorie-instellingen Vinyl Transparant vinyl met een full color print, wit gelamineerd als materiaal.
lightbulb_outline

Tip

Maak een algemene hoofdcategorie zoals ‘Geboorte – extra producten’ of ‘Trouwen – extra producten’. Hieronder kun je dan subcategorieën aanmaken voor behangcirkels, raamstickers, geboorteborden, etc. die bij dit life event horen.

  1. Maak een tag aan voor de raamstickers. Naar tags
  2. Kies op de /kaarttype pagina het freeform product dat je wilt gaan ontwerpen.
  3. Ontwerp het product naar wens!
kaarttype-raamsticker-1024x267 Raamstickers

Freeform product kiezen op /kaarttype

warning

Opmerking

Folie niet mogelijk! Ontwerp je een product bij een kaartje dat folie heeft? Gebruik dan een van de onderstaande corresponderende kleurcodes.

folie-colors-2 Raamstickers

Folie vervangen door deze kleurcodes

1.1 Hoe ontwerp ik een ronde raamsticker?

We raden je aan om jouw ontwerpen te maken op 1 formaat, bijvoorbeeld 60×60 ø. Het werkt nog niet zo dat een klant een sticker aanklikt en dan zelf het ontwerp kan kiezen op één van de vier formaten. Het formaat staat vast. Als ze dan niet 60×60 cm willen, dan kun jij dit voor hen omzetten naar een ander formaat maar dan hoef je niet hetzelfde ontwerp vier keer live te zetten.

1.1 Hoe ontwerp ik een raamsticker in vrije vorm?

De ontwerpen worden op 1 formaat ontworpen, 60×60 ø. Het formaat 60×60 cm staat vast maar de vorm niet. In het ontwerp kun je een vorm plaatsen zoals je dit ook doet voor een stanskaart.

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

Hoe maak ik een raamsticker collectie?

  1. Als je het nieuwe ontwerp opslaat, kies je voor de subcategorie waar het product in moet komen te staan.
  2. Kies voor het life event het event dat past bij het ontwerp: geboorte-overig, jubileum-overig of trouwen-overig.
  3. Het maken van een pagina met collectie gaat hetzelfde als voor de kaartcollecties. Maak tags aan voor de verschillende producten die je aanbiedt en laad deze op de pagina in. Wil je meer weten over het maken van een collectiepagina? Ga naar: Handleiding CMS

Handig om te weten!

  1. Kies de kaart die je wilt omzetten naar een raamsticker. Open deze vervolgens in de editor.
  2. Klik op bestand, vervolgens op kaartformaat omzetten, scroll naar beneden en kies het gewenste formaat raamsticker en klik op de ‘omzetten’ button.

Opmerking

Heb je een kaart omgezet met folie, dan wordt de folie automatisch aangepast naar de niet-folie equivalent.

  1. Vervolgens kopieer je de JSON code van de kaart die je hebt omgezet.
  2. Plak de JSON code in de Kaartenimporttool. Kies een raamsticker uit je collectie met hetzelfde formaat die je voor jouw klant hebt ontworpen. Het design-id van het raamsticker vul je (zonder slash ervoor) in bij het veld: Neem specificaties over van deze kaart. Vul de overige velden in.
  3. Vervolgens sla je dit ontwerp op in de collectie van de klant. Dit is belangrijk omdat je NIET direct vanuit de editor het raamsticker kunt bestellen.
  4. De klant kan nu vanuit de eigen collectie het welkomstbord eventueel nog wat aanpassen en vervolgens zelf bestellen en betalen.
  5. Na het plaatsen van een order zie je deze in het CMS bij bestellingen.
kaartformaat-omzetten-raambord-1 Raamstickers
kaart-omzetten-raamsticker-1024x797 Raamstickers

Kaart naar raamsticker omzetten

  1. Je kunt de raamsticker een beetje warm maken met de föhn of een hete doek.
  2. Vervolgens kun je de sticker van het raam verwijderen.

Inspiratie

inspiratie-raamstickers-1024x255 Raamstickers

Voorbeelden raamstickers op Hippe-geboortekaartjes.nl


Raambord – Vrije vorm

Geboorteborden Raambord - Vrije vorm

De raamborden met vrije vorm worden net als de reguliere raamborden gedrukt op kanaalplaat. Het unieke kenmerk van deze borden is de mogelijkheid om een gestanste vorm toe te voegen, maar deze mag zich uitsluitend bevinden in de contouren van het ontwerp. Verwerk geen stansvormen aan de binnenkant van het ontwerp! Aangezien we kanaalplaat gebruiken, is het van belang om de stansvormen vloeiend te houden. Hier zijn enkele voorbeelden ter illustratie:

Specificaties

ProductRaambord dubbel (enkel niet mogelijk)
FormaatAlleen 40×60
MateriaalGedrukt op kanaalplaat, weerbestendig materiaal (3,5 mm dik)
Levertijd3 tot 4 werkdagen
VerzendkostenExclusief €3,95 verzendkosten
FolieNiet mogelijk
Opmerking folieBij het omzetten van een ontwerp met folie wordt de folie vervangen door een kleur die erop lijkt.
Geboortecharlie Raambord - Vrije vorm
Geboortevrij1 Raambord - Vrije vorm

In welke categorie plaats ik een raambord met een vrije vorm?

De raamborden met vrije vorm mogen in dezelfde categorie worden ondergebracht als de reguliere raamborden. Als er nog geen categorie is aangemaakt, verwijzen we je graag naar de handleiding voor raamborden waar je instructies vindt over het aanmaken van een categorie voor raamborden.

Hoe ontwerp ik een raambord met een vrije vorm?

  1. Open de template in Illustrator, deze is onderaan de pagina te downloaden
  2. Het zwarte vlak is verdeeld in 4 vlakken. Van links naar rechts: vlak 1 is “de plakstrip” aan de linkerzijde, deze wordt omgevouwen. Vlak 2 is de linkerzijde van het bord. Vlak 3 is de rechterzijde van het bord en vlak 4 is “de plakstrip” aan de rechterzijde. In het stansontwerp worden “de plakstrips” niet afgedrukt, maar het is wel essentieel om rekening te houden met de benodigde ruimte voor de plakstrips. Deze ruimte is van belang en zorgt ervoor dat het ontwerp correct wordt uitgevoerd.
Stap2-1024x515 Raambord - Vrije vorm
  1. Het bestand is anders opgemaakt dan een kaartje met stans. We importeren namelijk een plano stansvorm (stans over de gehele breedte), die in de editor wordt geïmporteerd. De gehele breedte van dit document is 910 mm (55 mm plakstrip, 400 mm bord, 400 mm bord & 55 mm plakstrip). De hoogte is in principe variabel, max 600 mm, en mag je naar eigen inzicht per stans design aanpassen. Gevolg is wel dat het bord dan lager wordt, het kan niet smaller dan 400 mm. De plakstrips mogen niet korter worden dan 150 mm.
  2. Plak de gewenste vorm die je aan het bord wilt geven op de linker en rechterzijde in het document. Zorg altijd dat de x: en y: as is ingevuld voor beide zijdes. Vul in de editor voor de linkerzijde in: x: -55 en y: -5. En voor de rechterzijde vul je in: x: -455 en y: -5. Maak nu een vorm van het zwarte vlak. Selecteer eerst de linker vorm en de zwarte balk en druk op pathfinder op het eerste knopje. Doe dit ook met de rechterzijde. Nu houd je een zwarte balk over waaruit de vorm van het bord is gesneden.
Stap4_2-1024x589 Raambord - Vrije vorm
  1. Sla het bestand op als een SVG.
  2. Open in de editor het kaartformaat “Raambord dubbel 40×60 contour”. Importeer de SVG die je net hebt gemaakt op pagina 1 en pas de breedte aan naar 910 en zet de x op -55 en y op -5. Klik nu links op het tandwieltje en kies de optie onderin “Afdruklaag: Stans omgekeerd”. Klik “Doorklikbaar” en “element vergrendelen” aan.
Stap6-1024x586 Raambord - Vrije vorm
  1. Klik nu op pagina 2 en importeer de SVG nogmaals en pas de breedte aan naar 910 en zet de x op -455 en y op -5. Klik nu links op het tandwieltje en kies de optie onderin “Afdruklaag: Stans omgekeerd”. Klik “Doorklikbaar”, zet deze op “Printen” UIT en “element vergrendelen”.
Stap7-1024x590 Raambord - Vrije vorm

Als het goed is zie je nu de gewenste vorm en kun je beginnen met designen.

Handig om te weten!

  1. Open de kaart die je wilt omzetten naar een raambord vrije vorm in de editor.
  2. Klik op bestand → kaartformaat omzetten, scroll naar beneden en kies Raambord dubbel 40×60 contour. Bij Pagina 1 en Pagina 2 kies je voor Oude pagina 1. Klik vervolgens op Omzetten.
Kaartformaat-omzetten-1024x873 Raambord - Vrije vorm
  1. Je ziet nu het raambord zonder stansvorm. Voeg nu de gewenste stansvorm toe.
  2. Kopieer de JSON code.
  3. Plak de JSON code in de Kaartenimporttool. Voor het invullen van het veld Neem specificaties over van deze kaart kies je een raambord vrije vorm uit jouw collectie. Het design-id van het raambord vul je (zonder slash ervoor) in bij het veld. Vul vervolgens de overige velden in.
  4. Sla het ontwerp op in de collectie van de klant. Dit is belangrijk omdat je NIET direct vanuit de editor het raambord kunt bestellen.
  5. De klant kan nu vanuit de eigen collectie het raambord eventueel nog wat aanpassen en vervolgens zelf bestellen en betalen.

Inspiratie

Raambord-Inspiratie-1024x365 Raambord - Vrije vorm

Voorbeeld van raamborden met een vrije vorm op: Hippe-geboortekaartjes.nl

Download de template


Lint (SKU)

lint1 Lint (SKU)

Beige chiffon zijden lint

Beige chiffon zijden lint (20 meter).
Je ontvangt 2 rollen van 10 meter.
Geschikt om ca. 40 kaarten mee te versieren.

lint2 Lint (SKU)

Blauwgrijs chiffon zijden lint

Blauwgrijs chiffon zijden lint (20 meter).
Je ontvangt 2 rollen van 10 meter.
Geschikt om ca. 40 kaarten mee te versieren.

lint-3 Lint (SKU)

Ecru chiffon zijden lint

Ecru chiffon zijden lint (20 meter).
Je ontvangt 2 rollen van 10 meter.
Geschikt om ca. 40 kaarten mee te versieren.

lint4 Lint (SKU)

Oudroze chiffon zijden lint

Oudroze chiffon zijden lint (20 meter).
Je ontvangt 2 rollen van 10 meter.
Geschikt om ca. 40 kaarten mee te versieren.

lint6 Lint (SKU)

Saliegroen chiffon zijden lint

Saliegroen chiffon zijden lint (20 meter).
Je ontvangt 2 rollen van 10 meter.
Geschikt om ca. 40 kaarten mee te versieren.

lint5 Lint (SKU)

Oudroze fluweel lint

Oudroze fluweel lint (10 meter) van 6 mm breed.
Het fluweel zit aan één zijde van het lint.
Geschikt om ca. 25 kaarten mee te versieren.

lint7 Lint (SKU)

Taupe fluweel lint

Taupe fluweel lint (10 meter) van 6 mm breed.
Het fluweel zit aan één zijde van het lint.
Geschikt om ca. 25 kaarten mee te versieren.


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:

  • Baby-Gästebücher
  • Gästebücher
  • Aufsteller
  • 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. Gehen Sie zum CMS > Tools > Photoshop-API.
  3. Wählen Sie oben „Freeform“ aus und laden Sie Ihr Template hoch.
  4. Gehen Sie nun zum 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ählen Sie 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 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.


Photoshop API: preview templates maken en uploaden in het CMS

Met de Photoshop API in het CMS kun je previews genereren van verschillende freeform producten.

Belangrijk om te weten

Freeform producten met een spread, producten met een vrije stansvorm en producten op stand kunnen niet worden gebruikt voor het genereren van preview templates.

Voorbeelden hiervan zijn:

  • Kraambezoekboeken
  • Gastenboeken
  • Tentkaartjes
  • Bruiloftsborden met originele vorm
  • Adresstickers

1. Photoshop-instellingen

Maak in Photoshop een template in het formaat van de featured images die je gewoonlijk gebruikt.

Volg daarna deze stappen:

  1. Plaats op jouw afbeelding een vorm in de vorm van het product.
  2. Zet de vorm om naar een slim object of smart object.
  3. Geef het object de benaming van het product.
    • geef een naam zonder spaties en hoofdletters
  4. Maak je een preview voor stickers en staan er op jouw afbeelding meerdere verschillende previews van de sticker? Maak dan meerdere slimme objecten.
  5. De overige lagen van de afbeeldingen laat je in pixels staan.
  6. Voor bepaalde producten wil je ook de structuur onder het design laten zien. Stel hiervoor de transparantie in.

2. Extra instelling voor producten die in een hoek staan

Maak je een preview voor een product dat in een hoek staat, denk aan een raambord dat bevestigd is aan een raam? Houd dan rekening met het volgende:

  1. Begin altijd met een platte vorm.
    • voor een raambord een rechthoek
  2. Maak van deze platte vorm een slim object of smart object.
  3. Verander hierna de rechthoek van vorm zodat deze overeenkomt met de vorm van het bord op de afbeelding.
  4. Nu zal de preview worden gegenereerd alsof deze op een hoek staat.

3. Template uploaden in het CMS

Wanneer je template in Photoshop klaar is, kun je deze uploaden in het CMS.

Volg hiervoor deze stappen:

  1. Sla jouw nieuwe template op in het formaat van de featured images die je gewoonlijk gebruikt.
  2. Ga naar het ‘CMS > Tools > Photoshop API’.
  3. Selecteer bovenaan ‘Freeform’ en laad jouw template in.
  4. Ga nu naar ‘CMS > Kaarten Ontwerpen’.
  5. Ga naar het design waar je de template wilt gebruiken.
  6. Selecteer rechts onder de optie Kies een featured image template het template.
  7. Kies nu voor ‘page 0 Voorkant’ en Genereer featured image.

4. Featured image na generatie optimaliseren

Na het genereren van de preview is het belangrijk om de featured image nog te verkleinen.

De preview wordt nu gegenereerd, maar de grootte van de previews is nog te groot. Dit kan een nadelig effect hebben op de laadsnelheid van jouw PLP en PDP.

Daarom raden we aan de featured image nog te verkleinen.

Volg hiervoor deze stappen:

  1. Ga na het genereren van de preview naar de PDP van het product.
  2. Sla de featured image op.
  3. Ga naar https://pixelied.com/convert/png-converter/png-to-webp en converteer jouw afbeelding.
  4. Sla de afbeelding op en laad deze in het CMS opnieuw in als featured image.
  5. Verwijder hierbij de eerder gegenereerde featured image.

Samenvatting

Gebruik de Photoshop API om preview templates te genereren voor freeform producten, maar houd rekening met de beperkingen van bepaalde producttypes. Maak in Photoshop een goed opgebouwd template met slimme objecten, upload dit via het CMS en genereer daarna de featured image. Verklein de uiteindelijke preview altijd nog handmatig om de laadsnelheid van de PLP en PDP te verbeteren.


Rails instellen en vullen in het CMS

Met rails kun je op verschillende plekken in de shop bijpassende designs en producten tonen. Zo help je klanten om sneller passende keuzes te maken en kun je extra producten onder de aandacht brengen, zoals een geboortebord, welkomstbord of andere producten in dezelfde stijl.

Rail configuratieJe vindt de railconfiguratie in het CMS via CMS > Content > Rail configuratie.
Basket – topDeze rail wordt onderaan in de basket getoond.
User-design – topDeze rail wordt getoond in de Eigen collectie wanneer een opgeslagen design wordt geopend.
PDP – topDit is de bovenste van de twee rails onderaan de Product Detail Page.
PDP – bottomDit is de rail onder de bovenste rail op de Product Detail Page.
PDP – mobileDit is een aparte rail die alleen op mobiel wordt getoond, onder de productpreview op de Product Detail Page.

Wat zijn rails?

Met een rail toon je meerdere producten of designs in een slider of swiper. Dit maakt het mogelijk om aanvullende of bijpassende items op een overzichtelijke manier onder de aandacht te brengen. Rails kunnen handmatig gevuld worden met gekoppelde items of automatisch inhoud tonen, afhankelijk van de instellingen.

Door bewust na te denken over de inhoud van een rail kun je klanten inspireren en helpen om hun bestelling completer te maken. Denk bijvoorbeeld aan een geboortebord bij geboortekaartjes of een welkomstbord bij trouwkaarten.

Producten en designs koppelen aan een kaart

Wanneer je in het CMS naar Content > Kaarten bewerken gaat, kun je producten en designs koppelen aan kaarten of aankondigingsproducten.

Klik op Relaties bewerken om de gekoppelde producten of designs voor een ontwerp in te stellen of aan te passen.

  • Links zie je welke producten of designs al aan het ontwerp gekoppeld zijn.
  • In het midden zie je een lijst met beschikbare producten en designs. Via het zoekveld kun je zoeken op bijvoorbeeld het id of de URL.
  • Rechts zie je het geselecteerde product of design met daaronder de knoppen Als gerelateerd toevoegen, Als cross-sell toevoegen, Als upsell toevoegen en Aan set toevoegen.
  • Meer uitleg over deze opties lees je op de pagina Relaties bewerken.
relaties-cms-1-1024x414 Rails instellen en vullen in het CMS

Producten en designs koppelen via CMS > Content > Kaarten bewerken.

relaties-bewerken-cms-1-1024x787 Rails instellen en vullen in het CMS

Overzicht van gekoppelde relaties binnen Kaarten bewerken.

Rails op de Product Detail Page

Via de railconfiguratie kun je instellen welke rails op de Product Detail Page worden getoond. Op de PDP kunnen maximaal twee rails onderaan de pagina zichtbaar zijn. Op mobiel kan daarnaast een aparte rail onder de productpreview worden getoond.

Als je geen aangepaste inhoud instelt, worden automatisch designs uit dezelfde categorie getoond. Koppel je wel handmatig andere designs, dan worden alleen de gekoppelde items getoond en wordt dit niet automatisch aangevuld met andere designs uit dezelfde categorie.

Screenshot-2026-03-12-at-14.15.14-1024x576 Rails instellen en vullen in het CMS

Railinstellingen in het CMS.

Gerelateerde designs op de PDP

Stel je de railinhoud in op Gerelateerd, dan bepaal je zelf welke designs in de rail verschijnen. Dit is vooral handig wanneer je klanten andere ontwerpen in dezelfde stijl wilt laten zien.

Op de Product Detail Page helpt dit de klant om vergelijkbare kaarten te bekijken zonder terug te hoeven naar de collectiepagina. Zo ondersteun je het keuzeproces op een logische manier.

Screenshot-2026-03-12-at-14.15.49-1024x428 Rails instellen en vullen in het CMS

Voorbeeld van gerelateerde designs in een rail op de Product Detail Page.

Cross-sell op de PDP en in de Eigen collectie

Stel je de railinhoud in op Cross-sell, dan kun je bijpassende producten of designs koppelen aan een kaart. Deze gekoppelde cross-sell items kunnen gebruikt worden om klanten te inspireren met aanvullende producten binnen dezelfde stijl of gelegenheid.

Bij een trouwkaart kun je hier bijvoorbeeld een menukaart, bedankkaart of welkomstbord uit dezelfde trouwhuisstijl tonen. Bij een geboortekaart kun je denken aan een geboortebord of ander bijpassend product.

Cross-sell items worden niet alleen gebruikt op de PDP, maar ook in de rail binnen de Eigen collectie.

Verder kun je de titel boven de rail aanpassen en ervoor kiezen om een producttype label te tonen. Dit is vooral handig wanneer meerdere producttypes in dezelfde stijl worden getoond en je het onderscheid duidelijker wilt maken, bijvoorbeeld tussen een trouwkaart, menukaart en bedankkaart.

cross-sell-eigen-collectie-1-1024x770 Rails instellen en vullen in het CMS

Voorbeeld van cross-sell content of producttypelabels in een rail op de Product Detail Page.

Rail in de Eigen collectie

Producten of designs die als cross-sell zijn gekoppeld, worden ook getoond in een rail binnen de Eigen collectie. Dit gebeurt wanneer een bezoeker een opgeslagen design opnieuw opent.

Dit is een goed moment om aanvullende producten te tonen. De klant heeft immers al interesse getoond in het design en bekijkt het opnieuw. Een bijpassend extra product kan op dat moment heel relevant zijn.

lightbulb_outline

Tip

Gebruik dit moment om klanten te inspireren met aanvullende producten die hun bestelling compleet maken, zoals een strik, lint, een geboortebord of een ander product in dezelfde stijl.

Rail na het bestelproces

Upsell-producten worden getoond na het bestelproces, samen met aankondigingsproducten. Dit is het moment vlak voordat de klant doorgaat naar de kassa.

Ook wanneer een klant het design niet eerst opslaat in de Eigen collectie, kun je hier nog aanvullende producten laten zien die goed passen bij de bestelling.

warning

Opmerking

Deze rail wordt alleen getoond wanneer een klant een pakket kiest met life event Trouwen of Geboorte. De upsell rail wordt niet getoond bij een proefdruk.

upsell-relatie-1-1024x510 Rails instellen en vullen in het CMS

Voorbeeld van upsell producten na het bestelproces.

Wanneer gebruik je welke rail?

  • Gerelateerd: gebruik je om vergelijkbare designs in dezelfde stijl te tonen, vooral op de PDP.
  • Cross-sell: gebruik je om aanvullende producten of designs te tonen die goed passen bij het gekozen ontwerp.
  • Upsell: gebruik je om na het bestelproces nog relevante extra producten te tonen.

Denk bij het vullen van rails altijd na over het moment in de klantreis. Op de PDP kan een klant nog geholpen worden met het vergelijken van stijlen. In de Eigen collectie of na het bestelproces is het logischer om aanvullende producten te tonen die de bestelling compleet maken.


Nieuwe shop

Welkom! Ontzettend leuk dat je jouw shop gaat vormgeven. Hieronder zie je een checklist van de verschillende te nemen stappen.

  1. Ontwerp kaartenshop
  2. Fonts en lettertypen
  3. Kaartformaten en -typen
  4. Materiaal specificaties
  5. Papiersoorten
  6. Eerste stappen
  7. CMS
  8. SVG
  9. Automatische systeemmails instellingen
  10. Koppelingen
  11. Redirects
  12. Kortingscodes
  13. Klantenservice
  14. Veel gebruikte termen

warning

Opmerking

Voor nooit grote aanpassingen door zonder dit te overleggen met de klant.



Cybersecurity

image-69 Cybersecurity

Bij Sparkles hechten we veel waarde aan de veiligheid en bescherming van onze gegevens. Op 11 juni 2024 was een informatie ochtend. Sprekers waren Barry vanuit Sparkles, Erik vanuit verzekering YouSure en Michiel vanuit Schouten Advocaten. Je kunt de presentatie onderaan downloaden.

Samenvatting

De aanleiding om cybersecurity onder de aandacht te brengen, is het feit dat wij ons zo goed mogelijk willen beveiligen en beschermen tegen een mogelijke cyberaanval. Sparkles heeft een verzekering afgesloten voor ons platform, maar onderdeel van die verzekering is de verplichtstelling dat alle white labels maatregelen treffen om zichzelf ook te beschermen. Sparkles heeft haar eigen platform beschermd, en is gedekt voor alle schade die via ons op jouw shop komt door toedoen van Cyber. Aangezien je vanuit jouw shop in ons systeem kunt, is er ook een beveiliging aan jouw kant nodig.

Wat doen wij?

  • Backups maken van databases (3 stuks: 2 intern & 1 extern)
  • Versiebeheer en backups van code
  • Patch management servers (altijd updaten)
  • Veilige configuratie infrastructuur (0 trust)
  • Werken volgens OWASP top 10
  • Cybersecurity verzekering
  • 2-staps verificatie in het CMS en CTRL

Wat moet jij doen?

Wij vragen jou om een aantal zaken op orde te maken en dit schriftelijk aan ons te bevestigen. Het gaat hier concreet om:

  • Gebruik een goeie antivirus
  • Wees bewust van PHISHING
  • Gebruik verschillende veilige wachtwoorden
  • Lock je computer of sluit af
  • Ga zorgvuldig om met data (backups/bewaren)

Wat verandert er concreet:

  • Bovenstaande punten worden vastgelegd in de licentie en zijn minimale vereisten om samen te werken met Sparkles.
  • Elke twee jaar moet je een bewijs kunnen laten zien dat je veilig werkt.
  • We adviseren je om een verzekering af te sluiten, maar dit is geen verplichting.

Yousure.nl – Cybersecurity verzekering

Met een cyberverzekering dek je de financiële gevolgen van hacking, systeeminbraak, dataverlies, gegevensdiefstal en andere vormen van cybercriminaliteit. Ook schade door menselijke fouten is inbegrepen. Bijvoorbeeld, als een medewerker op een link in een phishing-e-mail klikt en geld overmaakt. Een cyberverzekering beschermt niet alleen tegen financiële risico’s, maar biedt ook ondersteuning van cyberspecialisten na een incident. Zij helpen je de schade zoveel mogelijk te beperken.

Advies antivirus

Als het dan gaat om Endpoint scanners, kunnen alledrie van bovengenoemde partijen dat leveren. Aanvullend is AVG ook een goeie partij.


Post en retour

Er zijn meerdere redenen waarom er post retour komt. De werkwijze is universeel.

Werkwijze

  • Customer Service Zeist ontvangt pakket en neemt contact op met shophouder vanuit orders@sparkles.io.
  • Shophouder onderneemt actie, zoals bijvoorbeeld:
    • Terugbetaling bij retour SKU’s
    • Navragen en doorgeven juiste adres
  • Shophouder geeft terugkoppeling aan orders@sparkles.io.

Antwoordnummer

Antwoordnummer Nederland
Naam webshop  
o.v.v. ordernummer 
Antwoordnummer 5544 
3700 VB Zeist 
Voorbeeld
Made for Moments 
o.v.v. MF1234567 
Antwoordnummer 5544 
3700 VB Zeist 
Antwoordnummer België
Naam webshop
o.v.v. ordernummer
Visweg 1 A B-2387
Baarle-Hertog
Voorbeeld
Made for Moments
o.v.v. MF1234567 
Visweg 1 A B-2387
Baarle-Hertog

Redenen retour

Retour afzenden: onjuist adres

De vervoerder kan het pakket niet bezorgen, omdat het adres fout is of niet geleverd kan worden. Het pakket wordt retour gezonden naar adres in Zeist. Vanuit Zeist wordt een nieuw verzendlabel aangemaakt en gefrankeerd naar de klant gestuurd.

Klant stuurt SKU’s retour

Klant heeft verkeerde kleur enveloppen besteld en wil toch wisselen. Dit kan retour gestuurd worden naar het antwoordnummer. Na ontvangst van het pakket wordt de terugbetaling in orde gemaakt voor de klant.

Zeer ontevreden klant

In sommige gevallen is een klant zo ontevreden en is de situatie niet meer goed te maken. De klant wil alles retour sturen. Dit is een grote uitzondering en laatste redmiddel. Alleen op deze manier kan er een volledige terugbetaling worden gedaan.


Je antwoord niet gevonden?

Neem gerust contact met ons op, ons Support team staat voor je klaar!