How do I place a GIF into my Shopify Email notifications (cart abandon)?

Topic summary

Main issue: Inserting a GIF into the Shopify “Abandoned checkout” email showed only the raw URL instead of the image.

Working approach: The poster resolved it by editing the email’s HTML and embedding the file via an image tag:

  • Upload GIF in Settings > Files to get its URL.
  • Edit email in Settings > Notifications > Abandoned checkout.
  • Insert in the HTML body where the GIF should appear.

Additional guidance: Another participant recommended hosting the GIF on Shopify’s Files and using the resulting CDN (content delivery network) URL to reduce the chance of images being blocked by email clients.

Latest development/open questions: A user reports the GIF appears very large compared to header/footer and only displays on mobile, not desktop, asking for fixes. No sizing or desktop-rendering solution was provided in the thread, so issues with image dimensions and client compatibility remain unresolved.

Status: Partially resolved (embedding method confirmed). Outstanding: consistent sizing and desktop display behavior.

Summarized with AI on December 30. AI used: gpt-5.

this solution does work, but the gif is huge compared to my header and footer. And it only opened on my cell but not on my desktop. Any ideas?