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 | 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
- In the All Media window, go to the folder you want to add the file to.
- Select Add media.
- Choose the File type and enter a Name for the file.
- To upload files from your computer, browse for or drag the files to the Add media window.
- To add files via URL:
- Select Import media from URL.
- 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.
- Complete any additional fields, including advanced options.
- 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
- In the media manager, locate the file you want to link to.
- Click the menu icon (three dots) and select Copy link.
- Use the URL to reference the image.
Update media to a product record
- Navigate to the product record.
- Upload via the media manager:
- In the Product Actions section, select Add media.
- Follow the on-screen prompts to upload or reference images.
- Save media.
- In the Product Actions section, select Add media.
- Upload via the product key relationships:
- Go to the Media used by this product section.
- Select New.
- Complete the form to add media.
- Go to the Media used by this product section.
- 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
- Open the media record in the media manager.
- Scroll to the bottom of the record.
- Click to open each object type where media is used.
- Click New to add this media to the relevant object. The native Salesforce window opens.
- 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
- In StoreConnect go to Content management > Media.
- Select New. The New media window opens.
- Enter a Name for the media. Remember to choose something meaningful and easy to recognize.
- Choose the File Type.
- (Optional) Provide a description. For example, where the image is used. This can be useful if you have a lot of images similarly named.
- Enter some brief Alt Text for the image. This is required for accessibility compliance and helps with SEO on your site.
- If adding a file by reference (e.g. from bulk storage), enter the Import URL to reference the file.
- If you are adding a file via upload, select Upload Files or drag and drop the media onto the upload area.
- Select the Product associated with the image, and enter the Product position if there are multiple images for the product.
- 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.
- In StoreConnect go to Content management > Media. A list of all your media appears.
- Search, filter, or browse to find the media record you want to update.
- Open the media record.
- Replace the URL in the Import URL field.
- 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.