Upload images, media, and other files

Manage media in folders

Depending on how you want to manage your files over time, you might want to create individual folders to organize media. For example, to separate product images, web images, marketing assets, documents, etc. You can create up to 250 folders. See manage media and images.

Requirements for media

File type Accepted formats Notes Size limit (Regular plans) Size limit (Emporium and Flagship)
Image Recommended: jpg, gif, png, tiff, raw, psd, wdp, jpgxr, webpAccepted: Vector images: eps, ai, svg Products: Minimum 640px width or height, (Recommended) 1024px - 2048px or above.Use same aspect ratio for all product imagesOther images: Banner minimum width 1920pxOut of the box aspect ratio:640px (page embed)1024px (opened in modal) 5MB 20MB
Video mp4 100MB 500MB
Document pdf Standard print formats recommended 10MB 20MB
File doc, docx, rtf, txt Standard print formats recommended 10MB 20MB
URL reference (for any file type) Standard URL

Upload media to StoreConnect

  1. In the All Media window, go to the folder you want to add the file to.
  2. Select Add media. Add media dialog
  3. Choose the File type and enter a Name for the file.
  4. To upload files from your computer, browse for or drag the files to the Add media window.
  5. To add files via URL:
    1. Select Import media from URL.
    2. Enter the URL in the Import Url field. Note that the URL must be publicly accessible. Files behind authentication or restricted access will not import successfully.
  6. Complete any additional fields, including advanced options.
  7. Select Save media.

To bulk upload media, see [Import media in bulk].

Add media to a product record

Uploading or changing images within products automatically maps them and updates them in the media manager.

Copy the media file URL

  1. In the media manager, locate the file you want to link to.
  2. Click the menu icon (three dots) and select Copy link.
  3. Use the URL to reference the image.

Update media to a product record

  1. Navigate to the product record.
  2. Upload via the media manager:
    1. In the Product Actions section, select Add media. Media upload in product
    2. Follow the on-screen prompts to upload or reference images.
    3. Save media.
  3. Upload via the product key relationships:
    1. Go to the Media used by this product section. Media upload by related list in product
    2. Select New.
    3. Complete the form to add media.
  4. Save.

The product record shows the newly added file.

Add and manage where media is used in your content

The media manager enables you to quickly see and manage where an image or file is used in your content.

View and add where media is used

  1. Open the media record in the media manager.
  2. Scroll to the bottom of the record.
  3. Click to open each object type where media is used. Content using this media
  4. Click New to add this media to the relevant object. The native Salesforce window opens.
  5. Follow the prompts to add and then Save.

File name conventions for media

We encourage you to use a consistent convention for naming media so that files can be easy recognized and updated in the future. For example, you might align a product image with a product code or category in your system. However, stick with the conventions that work best for your business and product types.

Example for a product

A lounge suite with the style name Monty that comes in 4 colors, in 2S (2 seater), for which you want to upload 4 different photo angles:

Lounge_Monty_Aqua_2S_front, Lounge_Monty_Aqua_2S_side, Lounge_Monty_Aqua_2S_styled

Example for a web page

Images for blogs:

Page_blog_hero, Blog_[blogname]_hero

Change image sizes

When you upload an images, they are stored in it’s original size that you send up, but you are also able to download different sized images when you insert the image via liquid see the section on Rendering Images in Various Sizes. If images smaller in width and height are used, they will be upsized and there will be some loss of quality.

Add and update media in previous StoreConnect versions (pre 20.15)

Add and update media (old version)

Upload individual media in StoreConnect

  1. In StoreConnect go to Content management > Media.
  2. Select New. The New media window opens. New media upload window
  3. Enter a Name for the media. Remember to choose something meaningful and easy to recognize.
  4. Choose the File Type.
  5. (Optional) Provide a description. For example, where the image is used. This can be useful if you have a lot of images similarly named.
  6. Enter some brief Alt Text for the image. This is required for accessibility compliance and helps with SEO on your site.
  7. If adding a file by reference (e.g. from bulk storage), enter the Import URL to reference the file.
  8. If you are adding a file via upload, select Upload Files or drag and drop the media onto the upload area.
  9. Select the Product associated with the image, and enter the Product position if there are multiple images for the product.
  10. Select Save.

Update existing media files

If you want to change a raw media file, you need to delete the old one, add a new one, and then re-link it to where it is supposed to appear.

If the image you want to change is referenced as a publicly accessible URL, edit the original media record, and just update the URL.

  1. In StoreConnect go to Content management > Media. A list of all your media appears.
  2. Search, filter, or browse to find the media record you want to update.
  3. Open the media record.
  4. Replace the URL in the Import URL field.
  5. Select Save.

The new file will be downloaded into StoreConnect automatically. It can take up to 10 minutes for the job to run in the background and potentially another minute for the changes to show up on your site.