Skip to main content

Uploading files to your website


Additional Information can be found: https://help.shopify.com/en/manual/shopify-admin/productivity-tools/file-uploads

You can upload, manage, and delete files from the Files page in your Shopify admin.

There are a few reasons why you might upload files to your Shopify admin:

  • You want to add an image in the content of a webpage, blog post, product page, or collection page.
  • You want to add an image or logo to customize your theme.
  • You want to make a file available for customers to download.

In most cases, it's easier to upload image files directly when you're adding content to a webpage, blog post, product page, or collection page. You can also upload images directly when you're customizing your theme.

After you upload an image to the Files page in your Shopify admin, you can copy its URL from the Files page. If you want to make a file available for download, then you need to upload it on the Files page in your Shopify admin. Next, add a link to it in a page's content or in your online store navigation.

Tip​


When you add or edit a product or collection, you can add a product image or a featured image for a collection. Images that are uploaded directly from a product or collection details page don't appear on the Files page.

On this page​

File requirements and types​


You can upload images, videos, and audio to the Files page in your Shopify admin. The maximum file size for a media file is 19 MB.

Tip​


If your video is larger than 19 MB, then you can use a video hosting service like YouTube or Vimeo and add the video's sharing link to your content.

What file types can I upload?​

Images​


Shopify accepts .jpg, .png, and .gif image file types.

If you upload .svg image files, then they automatically convert to .png. The best file type for product images, pages, and blog posts is .jpg. The best file type for logos, borders, and trims is .png.

Audio and video​


You can upload major video and audio file types, such as .mp4, .mov, and .mp3.

If you’re on a trial plan, then you can’t upload video or audio files to Shopify. Learn how to check and update your plan.

Note​


You can import products, or customers, or inventory data using .csv files. Importing data by .csv file is not done through the Files page, but through the respective page in your Shopify admin.

Upload a file on the Files page​


You can upload files to Shopify on the Files page.

If you want to make a file available for customers to download, then you need to upload it on the Files page in Shopify and then add a link to it in page content or in your online store navigation.

Steps:​


Desktop

  1. From your Shopify admin, go to Settings > Files.
  2. Click Upload files.
  3. Select one or more files to upload. Click Open.
    1. Note: You don't need to upload any file to the root folder of your site. Learn how to verify your website with a third-party service using meta tags instead.

iPhone

  1. From the Shopify app, go to Store > Settings.
  2. Under Store settings, tap Files.
  3. Tap Upload files.
  4. Select one or more files to upload. Tap Open.
    1. Note: You don't need to upload any file to the root folder of your site. Learn how to verify your website with a third-party service using meta tags instead.

Android

  1. From the Shopify app, go to Store > Settings.
  2. Under Store settings, tap Files.
  3. Tap Upload files.
  4. Select one or more files to upload. Tap Open.
    1. Note: You don't need to upload any file to the root folder of your site. Learn how to verify your website with a third-party service using meta tags instead.

Upload an image file to your online store content​


When you use a rich text editor to upload an image, it is displayed in the page content for a product or collection description, webpage, or blog post. For example, you can upload a logo for a particular vendor to a product description. When you upload an image by using the rich text editor, you can manage the image on the Files page in your Shopify admin.

You can also add a product image or an image file that you've already uploaded to the page content.

Tip​


You can add a product image or a featured image for a collection when you are adding or editing the product or collection.

Steps:​

  1. In your Shopify admin, click the product, collection, webpage, or blog post where you want to add an image.
  2. In the rich text editor, place your cursor where you want the image to be displayed in your content.
  3. Click Insert image:

  1. Click Upload file.
  2. Select your image, and then select your image size.
  3. Optional: Add image alt text to help with SEO.
  4. Click Insert image to add your image into the content at the cursor location.

After you add an image to a product or collection description, webpage, or blog post, you can move it to another location in the content by using the rich text editor. You can also change the size, text wrapping, and alignment of an image, edit the image URL, or add or edit image alt text. Learn more about the rich text editor.

Search for a file​


You can search for a file from the Files page. By using the Search bar, you can search for a specific file name or for files of a certain type, such as .jpg or .pdf.

Steps:​


Desktop

  1. From your Shopify admin, go to Settings > Files.
  2. In the Search bar, enter all or part of a file name, or enter the file extension that you're looking for (for example, .jpg or .pdf). Files that match the search are displayed in alphanumeric order.
  3. If you want to save the search results, then click Save this search.

iPhone

  1. From the Shopify app, go to Store > Settings.
  2. Under Store settings, tap Files.
  3. In the Search bar, enter all or part of a file name, or enter the file extension that you're looking for (for example, .jpg or .pdf). Files that match the search are displayed in alphanumeric order.
  4. If you want to save the search results, then tap Save this search.

Android

  1. From the Shopify app, go to Store > Settings.
  2. Under Store settings, tap Files.
  3. In the Search bar, enter all or part of a file name, or enter the file extension that you're looking for (for example, .jpg or .pdf). Files that match the search are displayed in alphanumeric order.
  4. If you want to save the search results, then tap Save this search.

Filter your files by size​

Steps:​


Desktop

  1. From your Shopify admin, go to Settings > Files.
  2. Click the Filter files drop-down menu.
  3. In the first drop-down, select MB.
  4. In the second and third filter fields, select greater than or less than, and then enter a value.
  5. Click Add filter to display all the files that match the filter.

iPhone

  1. From the Shopify app, go to Store > Settings.
  2. Under Store settings, tap Files.
  3. Tap the Filter files drop-down menu.
  4. In the first drop-down, select MB.
  5. In the second and third filter fields, select greater than or less than, and then enter a value.
  6. Tap Add filter to display all the files that match the filter.

Android

  1. From the Shopify app, go to Store > Settings.
  2. Under Store settings, tap Files.
  3. Tap the Filter files drop-down menu.
  4. In the first drop-down, select MB.
  5. In the second and third filter fields, select greater than or less than, and then enter a value.
  6. Tap Add filter to display all the files that match the filter.

Change the sort order of the file list​


By default, files are listed from newest to oldest based on the date that they were uploaded.

If you want to change the sort order, then you can sort your files by alphabetical order or by size.

Steps:​


Desktop

  1. From your Shopify admin, go to Settings > Files.
  2. Choose a sort option by clicking File or Size.
  3. If you want to reverse the sort order, then click File or Size again.

iPhone

  1. From the Shopify app, go to Store > Settings.
  2. Under Store settings, tap Files.
  3. Choose a sort option by taping File or Size.
  4. If you want to reverse the sort order, then tap File or Size again.

Android

  1. From the Shopify app, go to Store > Settings.
  2. Under Store settings, tap Files.
  3. Choose a sort option by taping File or Size.
  4. If you want to reverse the sort order, then tap File or Size again.

Editing files​


If you need to make changes to an image or a document, use document editing software, and then upload the file again.

Delete a file​

Steps:​


Desktop

  1. From your Shopify admin, go to Settings > Files.
  2. Click the trash can beside the file that you want to delete.
  3. Click Delete to confirm.
    1. Note: You can delete many files at once by using a bulk action.\

iPhone

  1. From the Shopify app, go to Store > Settings.
  2. Under Store settings, tap Files.
  3. Tap the trash can beside the file that you want to delete.
  4. Tap Delete to confirm.
    1. Note: You can delete many files at once by using a bulk action.

Android

  1. From the Shopify app, go to Store > Settings.
  2. Under Store settings, tap Files.
  3. Tap the trash can beside the file that you want to delete.
  4. Tap Delete to confirm.
    1. Note: You can delete many files at once by using a bulk action.