With StoreFront, you can sell products that you manufacture yourself, resell products from other suppliers, use drop shipping services, or sell digital products and services. Once you have decided what you want to sell, add products to your store catalog, so that customers can see and buy them in your StoreFront.
There are two ways to add products to your StoreFront; manually add products one by one or in bulk using the import tool. The manual process works best if you have a few products. If you are transferring from another eCommerce solution or already have your products list in a spreadsheet, add products to your StoreFront using the import.
The number of products you can add depends on your plan.
To manually add products to your StoreFront:
-
Go to your Store Menu, click Catalog, and then click Products.
-
Click + Add New Product.
-
Type the main product details: name, SKU, description, and price. If you will ship the product, type the weight.
-
To add an image to display your product, click Add Image.
-
Limit the stock if your product is limited.
-
Click Save. You have successfully added a product to your StoreFront.
-
Click Preview Product to see how the product displays in your online store.
You can add an unlimited number of images to every product in your StoreFront. We recommend using JPG, PNG, and GIF images in RGB color model for your products.
To add images to a product:
-
Go to the Store Menu, click Catalog, and then click Products.
-
Click a product to see the management page.
-
Click Add Image.
-
In the popup, select the necessary number of images for the product. To select multiple images, hold down the Ctrl key on Windows or the Cmd key on Mac OS. To select a group of images, hold down the Shift key.
-
Click Open. The images will start uploading.
-
After you see the images uploaded, click Save on the product management page.
You can also drag and drop images from a folder on your computer to that product's management page.
When you add multiple images to a product, the first uploaded image is considered the main product image. StoreFront shows the main image in the product list and the product page.
To change the order of the images, you can drag them in the product management page. To set an image as the main product image, place it first in the list.
To customize the appearance of the images, go to the Store Menu, and click Design.
-
Pick the size and aspect ratio for the main images in the product list;
-
Choose if additional images should appear in product pages in the form of thumbnails or full-sized images;
-
Choose if you want to show additional images on hover in the product list.
Note
If you choose to show additional images as thumbnails on product pages, when a customer clicks the thumbnail, StoreFront displays a popup with a bigger image.
All images are automatically resized to fit the customer's screen. This allows seeing the whole image without scrolling. If the original size is bigger than the resized image, a customer can click + to see the original image size.