Uploading files to your website

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.

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.

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.

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:

  1. Click Upload files.

  2. Select one or more files to upload. Click Open.

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.

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:

    Shopify - file upload image

  4. Click Upload file.

  5. Select your image, and then select your image size.

  6. Optional: Add image alt text to help with SEO.

  7. 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:

  1. 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.

  2. If you want to save the search results, then click Save this search.

Filter your files by size

Steps:

  1. Click the Filter files drop-down menu.

  2. In the first drop-down, select MB.

  3. In the second and third filter fields, select greater than or less than, and then enter a value.

  4. Click 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:

  1. Choose a sort option by clicking File or Size.

  2. If you want to reverse the sort order, then click 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:

  1. Click the trash can beside the file that you want to delete.

  2. Click Delete to confirm.

Ready to start selling with Shopify?

Try it free