Add images and media
Add a cover image to your NoCode.shop products: formats, recommended sizes, and where it shows up.
Add a cover image
In the product editor, click the image area to upload your file. The cover image is the main visual — it’s the first thing customers see.
Where it shows up:
- Product card on your storefront
- Payment page
- Transactional emails
- Social media link previews (Open Graph)
Recommended sizes and formats
Best size: 1200×800px (3:2 ratio). Sharp on all screens, Retina included.
Formats: JPG, PNG, WebP.
Max size: 5MB. Aim for under 500KB using TinyPNG or Squoosh.
Images auto-crop depending on context (card vs. payment page). Keep the subject centered.
Best practices
1. One image per product
Each product gets one cover image. Multiple images aren’t supported yet. Want more visuals? Add them in the product description as HTML.
2. Visual consistency
Same background, same framing across all products. Makes your storefront look polished.
3. Readable text
If your image has text, make sure it’s still legible when cropped to card size.
