Skip to content
Dotweb
Log in

Categories

Adding an animated background

Add an eye-catching animated GIF background to blocks that support a background image.

On this page

Adding a website animation can help you set the right mood and enhance the look of your site. Used well, animation can help your site stand out and highlight your business’s core messages.

With the Website Builder, you can add eye-catching .gif background animations in a matter of minutes.

Before you start

Many relevant animated .gif files are available for download on the web. Try these websites to download animated images for your background:

If you want a unique one, you can create it yourself with .gif making tools, such as Ezgif (opens in a new tab), MotionElements (opens in a new tab), or Vista Create (opens in a new tab).

Adding an animated background image

You can add an animated background only to blocks that have a background image, such as the Heading block and the Call to action block.

Here is how to do it:

  1. Hover over the block where you want to add an animated background to enable its Control pane.
  2. Click the Edit image icon, which is a shortcut to the Appearance tab. Alternatively, click Block settings, then the Appearance tab.
  3. Click the Replace image button and choose Upload a file from the dropdown.
  4. Find an animated .gif file on your computer and select it. It is automatically resized and uploaded to your background.

The Edit image icon on a block’s control pane, a shortcut to the Appearance tab

File size limit

Large animation files may exceed your plan’s upload limit. If your file is too large to upload, compress it first or upgrade to a plan that allows larger files.

If your animated gif does not fit the image frame perfectly, you can adjust its position using the Crop tool. You can also resize it, change its focal point, and add an overlay.

FAQ

Can I add a video background to a page?

You cannot add a video background yet, but we are working on it. As a workaround, consider adding an animated .gif file as your background image.

You can convert your video file (MP4, WebM, AVI, MPEG, FLV, MOV, 3GP, or another format) into a .gif format. There are free tools available, which you can find using this Google search (opens in a new tab) or by using one of these tools:

Once you have your .gif file, you can go ahead and create a new background.

Domain search

Prices exclude VAT, which is added at checkout.

Cookie settings

Choose what Dotweb may store in your browser. You can change your choice at any time under Cookie settings at the bottom of every page. Read more in our privacy policy.

Necessary

Always on

These keep the site working and remember the choices you make on it, such as language and currency. They don’t track you, so they’re always on.

NamePurposeDurationProvider
currencyCookieRemembers the currency prices are shown in.Session, or 1 year once you choose oneDotweb
localeCookieRemembers the language you chose.1 yearDotweb
consentCookieStores this choice.6 monthsDotweb
upm-brand-config:*Local storageCaches the domain search’s settings.Until clearedOur billing partner
upm_guest_sessionCookieSet by our checkout to keep your basket and checkout session.Up to 1 dayOur billing partner

Analytics

Analytics shows us which pages and features are used, so we can improve the site. We also record what you search for in the knowledge base and the domain search, to improve the site and our help articles. Sessions may also be recorded to see where pages are hard to use, with everything you type into forms and the text of your searches masked in the recording. Our analytics partner stores the data in the EU and anonymizes IP addresses. Nothing is set or sent unless you switch this on.

NamePurposeDurationProvider
ph_*Cookie, local storage and session storageAn anonymous ID and session, so we can see which pages and features are used.Up to 1 yearOur analytics partner (EU)