Skip to main content

Add animated backgrounds to your site

Rodrigo avatar
Written by Rodrigo
Updated over a week ago

One of the easiest ways to make your website *pop* is to add a little bit of movement.

Podia’s site builder lets you add background images to your website sections — but you may not have realized you can make those backgrounds move!

In this article, we'll explore how to add animated backgrounds to your page sections on Podia as seen on Caitlin Clark's example site.


Adding an animated background to your page sections

Adding moving backgrounds to your Podia site can be done through our Background image feature.

Here's how to add moving backgrounds to your Podia page sections.

  1. Save the video or animation that you’d like to use in your background as a GIF. You can do this with a tool like Canva or an online MP4-to-GIF converter.

  2. Click on the page section where you want to add the moving background and head over to the “Design” tab.

  3. Click on "Add" next to Background Image.

  4. Upload your GIF and use the image adjustments to change the opacity, blur, contrast, and colors.

And that's it! Your page section will now have a moving background 😄


FAQ & Troubleshooting

Can I create animated backgrounds with video files?

No, the Background image field only supports image files. To create animated backgrounds, you must upload GIF image files.

You can create GIF files with a tool like Canva or an online MP4-to-GIF converter.


Still need help?

If you have any questions, send an email to [email protected] or click the purple help icon to send us a message 😄

Did this answer your question?