Add product images and videos

For every product in your cockpit you can upload several images and/or a video that are then displayed on the product page to your visitors. 

Skip to:

• How to add the main image of a product
• How to add additional images
• How to add a video
• What it looks like to your visitors
• How to delete images
• How to delete videos
• Tips and tricks for good product images

How to add the main image of a product

The main image of your product will be shown on the website in a prominent way right next to the product name and price:

This is how you do it:

1. In the sidebar of your cockpit, select Products.
2. Select an existing product from the Product overview or add a new one.
3. On the card Basics, either drag and drop your image onto Add main image or choose an image from your device by selecting Add main image.
4. Select Save.

The image has been added. If you'd like to add more images, follow the steps in How to add additional images.

How to add additional images

You can upload several images to a product to show a more detailed view of your product.

1. In the sidebar of your cockpit, select Products.
2. Select an existing product from the Product overview or add a new one.
3. On the card Images and video, either drag and drop your image onto Add image or choose an image from your device by selecting Add image.

   Note

   If you already uploaded a main image, this image will be shown on this card. If you didn't upload a main image before, the first image you'll add to this card will automatically be your main image. The main image is marked with a colored border so that you always keep a good overview.
4. To add more images, either drag and drop them onto Add image or choose an image from your device by selecting Add image.
5. Select Save.

Note

You can change the order of the images at any time. To do so, drag and drop the image to the required position.

How to add a video

1. In the sidebar of your cockpit, select Products.
2. Select an existing product from the Product overview or add a new one.
3. On the card Images and video, enter the link of the video you'd like to add in the input field Video link (YouTube, Vimeo), e.g. https://www.youtube.com/watch?v=JwpfhiJjJ4U.

   Note

   You can only add one video per product. We only support videos that are available on YouTube or Vimeo.
   You cannot change the position of the video. It will always be displayed to the right of the last image.
4. Select Save.

You've added the video to your product.

What it looks like to your visitors

This is how your images will be displayed on your website:

By selecting the arrow next to the main image, your visitors can browse through all images.

How to delete images

1. In the sidebar of your cockpit, select Products.
2. From the Product overview, select the product with the image you'd like to delete.
3. Go to the Images and video card.
4. Select in the upper right corner of the image you'd like to delete.

   Note

   You can also delete your current main image this way. If you delete your main image, the image to the right of it will automatically be the new main image.
5. Select Save.

How to delete videos

1. In the sidebar of your cockpit, select Products.
2. From the Product overview, select the product with the video you'd like to delete.
3. Go to the Images and video card.
4. Mark the link in the input field Video link (YouTube, Vimeo) and delete the highlighted text.
5. Select Save.

Tips and tricks for good product images

Present your product with meaningful and appealing product images. Make sure that your visitors get a good impression of the product by also providing detailed image views. For best results, product images should be at least 1100 x 1100 pixels in size and have the same image format (for example, square, wide, or portrait).

A size of min. 1100 x 1100 pixels also ensures that your visitors can use the image zoom for product images on most of their devices. If an image is too small, the image zoom is automatically deactivated for that image. In this case, the image is already displayed at its highest zoom level. Here's an example:

Since the original image (left) is already visible in full resolution (329 x 218 pixels), a further zoom (right) would only show a blurred section. Especially on large, high-resolution screens, it may happen that a product image is already displayed at its highest zoom level. We therefore recommend that you use rather large images, up to max. 5000 x 5000 pixels. The pages of your website are loaded dynamically, so you don't need to worry that there will be loading time issues due to too large images.

Furthermore, as you can see in our image zoom example, the background of the images should be removed so that they have a clear white background. That way, your visitors can focus on the products and are not distracted by the background.