Hoppa till innehållet
Dotweb
Logga in

Kategorier

Den här artikeln finns inte på svenska än. Här är den engelska versionen.

Adding an animated background

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

På den här sidan

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 (öppnas i en ny flik), MotionElements (öppnas i en ny flik), or Vista Create (öppnas i en ny flik).

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 (öppnas i en ny flik) or by using one of these tools:

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

Domänsökning

Priserna är exklusive moms, som läggs till i kassan.

Cookieinställningar

Välj vad Dotweb får spara i din webbläsare. Du kan ändra ditt val när som helst under Cookieinställningar längst ner på varje sida. Läs mer i vår integritetspolicy.

Nödvändiga

Alltid på

De här får webbplatsen att fungera och kommer ihåg val du gör på den, som språk och valuta. De spårar dig inte, så de är alltid på.

NamnSyfteLagringstidLeverantör
currencyCookieKommer ihåg vilken valuta priserna visas i.Sessionen, eller 1 år när du har valt enDotweb
localeCookieKommer ihåg språket du har valt.1 årDotweb
consentCookieSparar det här valet.6 månaderDotweb
upm-brand-config:*Lokal lagringMellanlagrar domänsökningens inställningar.Tills den rensasVår faktureringspartner
upm_guest_sessionCookieSätts av vår kassa och håller kvar din varukorg och din session i kassan.Upp till 1 dagVår faktureringspartner

Analys

Analys visar oss vilka sidor och funktioner som används, så att vi kan göra webbplatsen bättre. Vi registrerar också vad du söker efter i kunskapsbasen och domänsökningen, så att vi kan förbättra webbplatsen och våra hjälpartiklar. Besök kan också spelas in för att se var sidorna är svåra att använda, med allt du skriver i formulär och texten i dina sökningar maskerat i inspelningen. Vår analyspartner lagrar uppgifterna inom EU och anonymiserar IP-adresser. Inget sparas eller skickas om du inte slår på det här.

NamnSyfteLagringstidLeverantör
ph_*Cookie, lokal lagring och sessionslagringEtt anonymt ID och en session, så att vi kan se vilka sidor och funktioner som används.Upp till 1 årVår analyspartner (EU)