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:
- Plaats op jouw afbeelding een vorm in de vorm van het product.
- Zet de vorm om naar een slim object of smart object.
- Geef het object de benaming van het product.
- geef een naam zonder spaties en hoofdletters
- Maak je een preview voor stickers en staan er op jouw afbeelding meerdere verschillende previews van de sticker? Maak dan meerdere slimme objecten.
- De overige lagen van de afbeeldingen laat je in pixels staan.
- 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:
- Begin altijd met een platte vorm.
- voor een raambord een rechthoek
- Maak van deze platte vorm een slim object of smart object.
- Verander hierna de rechthoek van vorm zodat deze overeenkomt met de vorm van het bord op de afbeelding.
- 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:
- Sla jouw nieuwe template op in het formaat van de featured images die je gewoonlijk gebruikt.
- Ga naar het CMS > Tools > Photoshop API.
- Selecteer bovenaan ‘Freeform’ en laad jouw template in.
- Ga nu naar CMS > Kaarten Ontwerpen.
- Ga naar het design waar je de template wilt gebruiken.
- Selecteer rechts onder de optie Kies een featured image template het template.
- 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:
- Ga na het genereren van de preview naar de PDP van het product.
- Sla de featured image op.
- Ga naar https://pixelied.com/convert/png-converter/png-to-webp en converteer jouw afbeelding.
- Sla de afbeelding op en laad deze in het CMS opnieuw in als featured image.
- 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.
