How to add an image gallery to your eBay listing

Mathias Avatar

|

Last updated

You can add an image gallery to your eBay listing without having to pay eBay additional fees.

All you need is image hosting and an embeddable gallery HTML code generator that generates code that is supported by eBay.

What are eBay’s restrictions on embedding code in listings?

eBay does not allow (gallery) code that links to files on external sites, except for the images themselves. The code can contain HTML and CSS, but not any “active” code, namely JavaScript.

Galleries supported by eBay from Img.vision

Img.vision offers embeddable photo galleries in multiple layouts.

Below you can find an overview and an eBay listing screenshot of all the different gallery layouts that we offer and that are also supported by eBay. We’ve tested this carefully by placing a listing on eBay ourselves and embedding the code to verify all is in order.

Carousel gallery

In this gallery layout, there are rows of small thumbnails. You can click on a small thumbnail to load a large version of the image above it. By default the large version of the first small thumbnail is shown on page load.

Large thumbnails gallery

This layout works best with images that are the same dimensions. It will show a large thumbnail of the image in a grid.

Masonry gallery

If the dimensions of your photos are all different sizes, then you should opt for the masonry layout. It loads all the photos in a grid, but will try to minimize white space by squeezing images together, just like how a mason would make a brick wall. This type of gallery layout can also be found on Pinterest.

Image list gallery

If you want to just display all the photos full-sized, one by one after each other, each photo on a new line, you can go with the basic image list layout.

Grid + carousel gallery

Img.vision also has a embeddable gallery layout “Grid + Carousel”. This one displays a small thumbnails grid and when clicking on a thumbnail opens a carousel with a large version of the image.

Unfortunately, this format is not fully compatible with eBay listings; the grid is shown and you can click to open the carousel, but the carousel is constrained by the height of the description area. As you can see from the screenshot, this can make the carousel rather small in certain situations.

Steps to add an embeddable gallery to your eBay listing:

  1. Select your images in your Img.vision dashboard
  2. Select “Share images in gallery”
  3. You will see multiple gallery style options
    • These are the styles that eBay supports:
      • Carousel: there is a large preview and you can scroll through images at the bottom
      • Large thumbnails
      • Masonry: “bricks” of thumbnails that fill up spaces caused if some images are smaller
      • Image list: large images one after another
  4. Select your gallery style and copy the code
  5. Go to your eBay gallery listing
  6. In the description, type out your text and choose after which sentence to place the gallery
  7. Next to the description box choose “Show all options” and accept the popup
  8. Enable HTML checkbox
  9. Find the sentence after which you want to show the gallery in the HTML code.
    • The tricky part is to add the gallery code between the right HTML tags. Between something angled brackets pointed left and right towards each other is good.
    • Or also after the angled bracket after the single word “br”.
    • You can add as many linebreaks that you’d like in HTML edit mode, they won’t add extra space to the description when visitors see it.
  10. Paste you code. You can disable the HTML checkbox to see your description in normal mode again.

Tip: Resize your images before adding them to your listing

You may want to resize your images before adding them to a gallery. Photos taken by a camera, even a smartphone camera can have a huge amount of pixels. On desktop, and definitely on mobile, the dimensions will be too large to fit on the screen.

Video

Here’s a short video I recorded to show how it’s done:


Mathias Avatar

Last updated