Sådan tilføjer du en baggrundsvideo til din forside
En bakgrundsvideo högst upp på förstasidan ger ett livfullt och professionellt första intryck. I temat Montana kan du lägga till en video bakom din stora banner (hero section) direkt i Page Builder utan att behöva koda något. Videon spelas upp automatiskt, ljudlöst och i en loop på både dator och mobil.
Så här lägger du till en bakgrundsvideo
- Gå in i Page Builder och redigera förstasidans stora banner (hero)-sektion.
- Hitta fältet Bakgrundsvideo.
- Klicka på Ladda upp video för att välja en fil från din dator eller Välj video för att återanvända en video som du redan har laddat upp.
- Välj en bild i samma sektion. Den kommer att användas som affisch, dvs. den stillbild som visas medan videon laddas.
- Klicka på Spara (eller tryck på Cmd+S / Ctrl+S).
Ladda upp eller återanvända en video
Du har två alternativ i fältet:
- Ladda upp video: Välj en MP4- eller WebM-fil från din dator. Filen kommer att läggas till i butikens filbibliotek.
- Välj video: Välj en video som du tidigare har laddat upp så att du inte behöver ladda upp den igen.
När du har valt en video ser du en liten förhandsgranskning med en Ta bort video-knapp. Om du tar bort videon kommer bilden att visas som bakgrund istället, precis som tidigare.
Bilden för affischen
Bildfältet i hjälteavsnittet används som en affisch. Det är den stillbild som kunden ser medan videon laddas eller om uppkopplingen är långsam. Välj därför alltid en bra bild som matchar videon så att bannern aldrig är tom.
Rekommendationer för din video
- Format: MP4 (H.264) ger det bredaste stödet. WebM fungerar också.
- Längd: En kort slinga på 5 till 15 sekunder fungerar bäst.
- Storlek: Helst under 5 MB så att förstasidan laddas snabbt, särskilt på mobilen.
- Ljud: Spelar ingen roll. Videon spelas alltid upp tyst.
Videon sparas i full kvalitet utan att komprimeras av systemet. Komprimera därför din video själv innan du laddar upp den för att undvika onödigt stora filer.
Så här ser det ut för kunden
Videon startar av sig själv, loopar och spelas upp ljudlöst utan play-knapp. Den fungerar på alla skärmstorlekar, inklusive mobil. Din rubrik, brödtext och knappar ligger ovanpå videon, precis som de gör ovanpå en bakgrundsbild. Du kan fortfarande välja en ljus eller mörk överlagring, så att texten är lätt att läsa oavsett vad som händer i videon bakom den.
Vanliga frågor och svar
Var hittar jag fältet för bakgrundsvideo?
Gå in i Page Builder och redigera den stora bannern/hjälteavsnittet på förstasidan. Där finns ett fält som heter Bakgrundsvideo. Ladda upp video laddar ner en fil från din dator, medan Välj video använder en video som du redan har laddat upp.
Måste jag starta videon själv eller gör den det på egen hand?
Den startar av sig själv så snart kunden öppnar förstasidan. Det finns ingen play-knapp och den körs i en loop. Den spelar tyst på både desktop och mobil, så du behöver inte göra någonting.
Hur stor och hur lång kan videon vara?
Vi rekommenderar en kort slinga på 5 till 15 sekunder, helst under 5 MB. Använd MP4-format. Videon sparas oskalad, så komprimera den innan du laddar upp den så att förstasidan laddas snabbt.
Vilket format och vilken codec ger bäst kompatibilitet?
Använd H.264 i en MP4-behållare. Det spelas upp i alla moderna webbläsare och på mobilen. WebM stöds också, men MP4 är det säkra valet.
Spelas videon upp automatiskt på mobilen?
Ja, det gör den. Videon spelas upp tyst, automatiskt och i en slinga på alla enheter, inklusive mobiler. Just för att den är tyst och spelas upp på sidan tillåter mobila webbläsare autoplay utan att kunden behöver trycka på play.
Stör videon läsbarheten av min text och mina knappar?
Nej, det gör den inte. Rubriken, brödtexten och knapparna ligger ovanpå videon, precis som ovanpå en bakgrundsbild. Välj en ljus eller mörk överlagring så att texten och dina knappar är skarpa oavsett vad som händer i videon.
Vad händer om jag laddar upp fel fil eller vill ta bort videon?
Om du laddar upp fel filtyp, t.ex. en PDF eller bild, kommer den att avvisas med ett meddelande om att använda MP4 eller WebM. Om du vill ta bort videon igen klickar du på Ta bort video och bilden visas som bakgrund istället.
Kan jag återanvända samma video på flera platser?
Ja, inom samma butik. En uppladdad video finns i butikens eget filbibliotek och kan väljas igen via Välj video utan att laddas upp på nytt. Varje butik har sitt eget bibliotek, så i en annan butik måste videon laddas upp igen.
Relaterade artiklar
Sidbyggare
Lär dig hur du använder Page Builder i Shoporama för att bygga sidlayouter med block som hjältesektioner, produktlistor, banners och mycket mer,...
Uppsättning av förstasidan
Lär dig hur du ställer in förstasidan i din Shoporama-webbutik. Framsidan är en kategori som du kan anpassa med Page Builder i teman som stöds.
Optimera bilder för mobila enheter
Guide till hur du använder responsiva bilder med srcset i ditt Shoporama-tema för att tillhandahålla optimerade bilder för mobila användare.