How to Add an Animated GIF to a Shopify Product Page

Two ways to put an animated product GIF on a Shopify product page — as a product image or embedded in the description.

A short animated GIF on a product page — a spin, a fabric close-up, a feature highlight — adds motion that static photos can’t. Shopify supports GIFs in two places: as a product media image, and inside the product description. Here’s how to do each.

Option 1: as a product image

  • In Shopify admin, open the product and go to the Media section.
  • Upload your .gif the same way you’d add a photo.
  • Shopify keeps it animated in the product gallery on most themes.
  • Drag it into position — often not first, so your main image stays a clean static shot.

Option 2: inside the description

Open the product’s Description editor, click the Insert image button, and upload your .gif. It appears inline in the description and stays animated — great for a feature callout or a “how it works” loop below your copy.

Keep it fast and tasteful

Product-page GIFs load with the page, so keep them small (a 2–4 image loop, modest dimensions) so they don’t slow it down — page speed affects both conversions and SEO. One well-placed GIF beats several heavy ones.

A note on themes

Most modern Shopify themes display GIF product media as animated. A few older or heavily customized themes generate static thumbnails; if yours does, using the GIF in the description is the reliable route. Always preview the live product page after adding it.

Make one now — free

Turn your Shopify products into scroll-stopping animated GIFs — free, in your browser, no app install.

Open the GIF maker →

FAQ

Can you use a GIF as a Shopify product image?

Yes. Upload the .gif in the product’s Media section like a photo; most themes keep it animated in the gallery.

How do I add a GIF to a Shopify product description?

In the description editor, use Insert image and upload your .gif — it appears inline and stays animated.

Will a GIF slow down my product page?

A large one can. Keep it to a small, few-frame loop at modest dimensions so it doesn’t hurt load time or conversions.

Related guides