How to Allow Users to Upload Images in Shopify Comments

There are basically four means, some or more difficult, but all pb to the same result. Having thecustom URL of your uploaded image/file, which ishosted by Shopify (i.e., cdn.shopify.com domain), so that you can share it or use information technology in your emails.

The main benefit of having the file hosted on the Shopify CDN is the global network coverage allowing visitors fast download no matter where they are located. And, of grade, it'south costless (part of your Shopify programme subscription).

Method #1 – Upload Image or File via Shopify Files

This is probably the near straightforward approach using a department called Files in your Shopify admin. Information technology'south available for all Shopify plans including the Basic one. The challenge is that the section is actually "hidden" every bit role of the store settings.

1. Go to your shop admin and navigate toSettings
2. In the left menu, selectFiles
3. Click on the dark-green buttonUpload files and choose your file to upload
4. Once the file is uploaded and processed, you can encounter it in the list. To get the direct link, simply click on the "link" icon

If yous are on a paid Shopify plan, you can upload whatever files except the HTML files. Themaximum file size is 20 MBs, and the resolution of 20 MPx (megapixels).

Uploading has certain limitations if you are on a trial program, and only the following file extensions are supported due to security reasons.

• JS
• CSS
• GIF
• JPG
• PNG
• JSON
• CSV
• PDF (only after email validation)

Method #2 – Upload Epitome (not File) via Shopify Theme Editor

If you lot don't want to apply the upload via Files (or you don't have access to them), y'all can use a theme editor.

1. Go to your store admin and navigate toOnline Store >Themes
2. Click onCustomize for any of your themes (doesn't need to exist the live one)
3. Click onAdd together section and select any chemical element which has an image. Alternatively, you can find an existing element on your store and change the image by uploading a new one
4. Once you upload the image, right-click on it and open it in a new tab to go the URL. The URL will be very likely a cropped version and will look similar thishttps://cdn.shopify.com/s/files/1/0463/8775/7221/files/shopify_256x256_crop_center.png?5=1637539155, then you just need to delete the "_256x256_crop_center" and there's your link
5. Once done, don't forget to delete the new section or shut the theme editor without saving it. The uploaded image volition remain in your store

Patently, the big disadvantage is that you tin can only upload an paradigm file format (i.e., GIF, JPG, or PNG).

Method #3 – Upload Image (not File) via Rich Text Editor

The tertiary method is similar to the 2nd one and also allows you to upload images but. You basically need to detect any rich text editor within your Shopify admin so you tin upload a custom image.

The rich editor tin be found, for example, in the product description or blog posts.

1. Get to your store admin and navigate toProducts
2. Within theDescription tab, click on the image icon and upload your custom epitome
3. Insert the uploaded image into the product description and brand certain to select the original size
4. Righ-click on the inserted image and select "Open up Image in New Tab" to retrieve the unique URL
5. Close the product edits without saving (the image volition however exist uploaded)

Method #4 – Upload Image or File via Shopify Metafields

Shopify metafields (a.1000.a. custom fields) have been in the system for some fourth dimension, just in July 2021, they were introduced as part of the admin, including a simple UI editor.

They allow yous to extend your store (products, collections, customers) with custom fields. 1 of the field types is a file, which will enable you to upload any custom file to your store.

1. Go to your store admin and navigate toSettings > Metafields
2. SelectProducts from the overview and click onAdd definition
3. Enter the name and description of your metafield, and click onSelect content type >File. Change the file options from images merely toAccepts all file types, and save the metafield
4. Become back to store admin and navigate toProducts, and select whatever product
5. Scroll downwardly to theMetafields department and upload a custom file

Conclusion – Which Method is the Best Ane?

As yous can encounter, each method is very different, but we definitely recommend the first ane –uploading custom files via the file section in settings.

It's the virtually straightforward one, allows you lot to upload both files and images and easily recollect their direct links.

Other methods work too, simply they are rather workarounds.

eliasonruch1989.blogspot.com

Source: https://www.digismoothie.com/blog/shopify-upload-image-file

Share this post