Big Cartel Theme Support

How do I upload images or files for my Big Cartel page content?

How do I upload images or files for my Big Cartel page content?

Important image file preparation

Incorrectly formatted images will have a negative impact on your shop appearance and sales. Read the article Photography and image files thoroughly to ensure that your images are of the highest quality and correct format before uploading them to your shop.

Upload your images or files

Your Big Cartel account includes image uploader tools for your product images, header, background and slideshow/gallery shortcode images. Use these tools where appropriate for your images and as explained in the relevant support articles.

Your Big Cartel account does not include tools for uploading files (e.g. PDFs) or general non-product images (unless you are using the slideshow uploader with your slideshow/gallery shortcode) for use within your page content. The following no-cost tools can be used to easily upload images and files to a separate location to use in your Big Cartel pages.

If you have your own web hosting space, you can use that instead of the following options.

Imgur

Imgur is the quickest and easiest way to upload an image for use in your web page.

  1. Navigate to the Imgur.
  2. Click the upload images button at the top of the page.
  3. Use the options provided to upload your images.
  4. Click the Start Upload button.
  5. When the upload is complete, copy and save the URL provided in the Direct Link (email & IM) field - this is your public URL.
  6. If you uploaded more than one image, you can use the Prev and Next at the top left to navigate through your images and copy each URL.

Here is an example of what a copied image URL should look like:

http://i.imgur.com/Wm8sqbJ.jpg

Note, if you need a secure link (to use in your PayPal payment page for example), you can change the http to https as follows:

https://i.imgur.com/Wm8sqbJ.jpg

Dropbox

Dropbox is a more advanced tool for file sharing and can be used for images as well as other file types. We recommend the use of Dropbox for anyone that wishes to share files publicly and privately as well as access their files from multiple locations and devices.

  1. If you don’t already have a Dropbox account, create one at Dropbox.
  2. Log in to your Dropbox account.
  3. Choose the folder you wish to store your files in and click on it, or create a new one by clicking the add New Folder icon at the top of the page.
  4. With your folder open, click the Upload icon at the top of the page, or drag and drop your files on the page, to upload your files.
  5. Once upload is complete, click near the date / time in line with the file you wish to use on your web page so that it becomes highlighted and then click the Share link.
  6. Use the Set visibility in the popup window to ensure that Anyone can view your file.
  7. Copy and save the complete Link to file provided
  8. Edit this link as detailed below to get your public URL

Here is an example of what a copied Dropbox Link to file should look like:

https://www.dropbox.com/s/9ibpvyeb54tifhh/adidas-test.jpg?dl=0

If you simply want to link to your file for others to view and download — e.g. linking to a PDF — you can use this link as is.

If you need a public URL for an image to be used in HTML or shortcodes (like a slideshow), you must alter the link as follows.

  1. Replace https://www.dropbox.com with https://dl.dropboxusercontent.com
  2. Remove the ? and everything after, e.g. ?dl=0

With our example, this gives us:

https://dl.dropboxusercontent.com/s/9ibpvyeb54tifhh/adidas-test.jpg

Note: If you intend to use your Dropbox frequently for uploading and sharing files, we recommend that you install the Dropbox application on your computer to make file upload even quicker and easier. In this case, you can right click files in your local Dropbox folder to obtain the public link.

Test your public image URL

Once you have uploaded your images, you should have public URL’s for your image files, for example:

http://i.imgur.com/Wm8sqbJ.jpg

It is important that you are using only the URL (i.e. the direct address / location like the one shown above) for your images and that they are public (i.e. available from anyone’s web browser).

If this is your first time using one of the upload tools described above, it is highly recommended that you preform the following checkpoints. This will help you confirm that you have public image URL’s from now on.

1. View your image

When you load your public URL’s in your web browser they should show a single raw image without any controls, navigation, etc.

For example, our Imgur link is correct: http://i.imgur.com/Wm8sqbJ.jpg

While this link to a Flickr image page is INCORRECT: http://www.flickr.com/photos/8243976@N03/8160742355

2. Don’t copy HTML tags - just the URL

Our support articles and shortcode require that you begin with only your image URL and not a complete image tag. For example, the following is INCORRECT

<img src="http://i.imgur.com/Wm8sqbJ.jpg" alt="">

3. Your URL must start with ‘http’

Public URL’s always start with http as in our example:

http://i.imgur.com/Wm8sqbJ.jpg

If your URL starts with anything else it is incorrect. For example, the following local computer file starts with file and is INCORRECT

file:///Users/tim/Desktop/aemt5j.jpg

4. Check your file extension

A good indicator of an appropriate direct image URL is that it ends with a valid image file extension - i.e. .jpg, .png, .gif or .jpeg - as with our example:

http://i.imgur.com/Wm8sqbJ.jpg

AarcadeHow do I upload images or files for my Big Cartel page content?