A well-placed GIF can make a thank-you page, 404 page or “coming soon” page feel human. Getting one onto a Divi 5 page usually means downloading it, uploading it and hoping it doesn’t slow the page down. Here are your options and what to check.
Option 1: upload it and use an Image module
- Download the GIF to your computer.
- In the Divi 5 Visual Builder, add an Image module.
- Upload the GIF to your Media Library and select it.
- Fill in the alt text.
This works with any GIF you’re allowed to use. Note that WordPress may create resized copies of an upload; if the animation stops on a smaller size, set the module to show the full-size file.
Option 2: hot-link from a GIF site (not recommended)
Pointing your page at a GIF hosted elsewhere is quick, but every visitor’s browser then connects to that other site, and the GIF disappears if they remove it. For privacy and reliability, keep the file in your own Media Library.
Option 3: search GIPHY inside the builder
We made the free Divi GIF plugin so you can skip the download-upload loop. It adds a GIF module to the Divi 5 Visual Builder: type a word, pick a GIF, set size, alignment and alt text. You can save the GIF to your Media Library so it keeps working, and then visitors never connect to GIPHY at all. It needs WordPress 6.4+, PHP 7.4+, Divi 5 and a free GIPHY API key (used only when an editor searches). There’s no license key and no tracking, and nothing is sent to SU Web Agency.
Keep it fast and accessible
- Lazy-load it. GIFs can be heavy. Loading them as visitors scroll to them keeps the page opening quickly. Divi GIF lazy-loads by default.
- Respect reduced motion. Some visitors turn on “reduce motion” in their device settings. Divi GIF shows them a still frame at the same size, so nothing shifts.
- Write real alt text. Describe what’s happening, for example “Dog in sunglasses, approving.”
- Use one, not twelve. One GIF is a joke. A GIF in every section is noise.
Where GIFs work, and where they don’t
Good spots: thank-you pages, 404 pages, “coming soon” pages, team pages and onboarding steps. Bad spots: legal pages, error messages about money, and serious professional sites where fun isn’t the reassurance visitors want. If a client changes their mind, Divi GIF’s Enable GIF module switch hides every GIF site-wide without breaking anything.
See the Divi GIF user guide for setup. For another small fix that makes Divi pages work better on phones, read how to make a phone number clickable in Divi 5.
Disclosure: suweb.ai is made by SU Web Agency, and we make the plugin mentioned here. The general steps work without it.